CareerSafe Online

About

CareerSafe is a company that provides government online safety courses for a wide variety of industries. Thousands of students and teachers log into CareerSafe's website each year to purchase and access their learning materials. The purpose of this project was to redesign the UI design, create a new sholarships program page, and create better tools for customers to more quickly find answers to problems.

Primary Persona

I just want to order the OSHA 10 Hour Course, without any hassle. The goal is the faster I pass the sooner I can work!

Trevor Parker
Construction Worker

See more

Original Design

Problem

Help page was not visible
Scholarship page was non-existent
Blue tiles not linkable & lacked information
Brand color scheme too bright

Problem

More robust help guides needed to be made
Categories for students and Teachers needed
FAQ not made for quick referencing
Sections needed to be visually categorized

Information Architecture

'Industry' was removed from the navbar and new topics such as 'Scholarships' and 'Help' section were added. My responsibilities were to create these new sections. We wanted to reduce customer support callings so we divided each help topic to their own section that were easy to find.

Photo

Initial Wireframes

Color Palette

Both the primary and secondary colors were original brand colors. However, the primary colors were too bright and gave a vibe that felt immature. It was our goal to create feeling of solemnity, at the same time giving it a modern appeal.

Modification

To help portray the company as more sophisticated, I swapped a few of the darker secondary colors with the primary colors.  This  accomplished the goal without risking loss of brand recognition from customers.

Final Design Outcome

Responsive Design

Takeaways from this Project.

Visibility is fundamental

Help pages are typically content driven rather than aesthetic. Focusing on scan ability and creating / organizing new categories were key.

Help customers be self reliant

Customers service calls cost companies lots of money. Helplines should be lower on hierarchy of importance (bottom pg).

Return to Homepage