SAFETY TOOLKIT
PEOPLE360's greatest mission is to help organizations protect their most important assets – their PEOPLE.
Project Overview
People360 Inc. is a leading resource for integrated OSH solutions and the most trusted brand in safety in the Philippines. With over a decade of experience, People360 has garnered multiple accreditations in global safety standards and services in over 3,000 locations nationwide. They aim to be a pioneering Filipino brand in the safety industry. Safety Toolkit PH was created to simplify complying with OSH regulations.
Team
Project Manager
Jorge Dollisen
Associate Creative Director
Angel Tarroja
Jorge Dollisen
Associate Creative Director
Angel Tarroja
UX Designer
Chloe Grace Bato
UI Designer
Amina Balocang
Chloe Grace Bato
UI Designer
Amina Balocang
Developers
Mark Liwag
Paul Peralta
Mark Liwag
Paul Peralta
Objective
The project aimed to create a go-to online resource for individuals and businesses about occupational safety and health in the Philippines. The platform needed to be modern, clean, and sharp, focusing on helping the user find information quickly and easily.
Ideation
In this step of the process, we took all the information we gathered and created a structure to ensure that all the necessary components were easy to navigate.
Site Inspiration
The client had a specific look that they wanted to achieve — modern and clean, sharp details. We also needed to match the new platform with the client’s main site below.
Wireframes
We started our design phase by building wireframes and then bringing them to life in Figma, working closely with the client to ensure they were happy with our designs.
Style Guide
This UI utilizes modern design principles and is designed to be simple and clean. The color scheme is red and deep yellow to indicate safety & caution. The typeface is modern sans-serif and is ideal for text-heavy platforms such as this, as they are more legible even in smaller screens or lower resolutions.
Results
The Safety Toolkit PH was designed to be simple and easy to navigate, with clear call-to-actions, navigation between sections and pages, and an easy to read layout with images.
- Increased website traffic by 30%
Signing up will take the user to a page where they can either learn more (as a job seeker) or become a guide. They will then be required to complete a corresponding form. The forms are thorough, so the questions are grouped into sections for easier completion and to avoid visual exhaustion.
- Decreased bounce rate by 20%
Both jobseeker and guide can update their profile anytime. Guides will have a "guide" badge next to their name to distinguish their profiles easily.
- Improved user engagement and customer satisfaction
Conclusion
The Safety Toolkit PH was designed to be simple and easy to navigate, with clear call-to-actions, navigation between sections and pages, and an easy to read layout with images.
TAKEAWAY
The biggest takeaway I had from this project was prototyping a tooltip in Figma. It sounds simple enough but when I tried looking for tutorials online, I couldn’t find anything at all. The client wanted to see all of the forms listed in the prototype, so I had to create my own technique which was a bit tricky but also quite rewarding when it all worked out in the end. Watch how I did it here.
