Rebranding UI elements

HeyJobs • 2024 • UI design, Design system

Overview

HeyJobs is a job search platform based out of Germany. User research* suggested that a brand revamp could help HeyJobs connect a bit more emotionally with its audience and cater better to the younger age group.

The brand book was created by the Brand Design team, and now it was up to the UX design team to ensure a consistent brand identity across all digital touch points.

* Surveys, user interviews and focus group sessions conducted by the UX design team and the Brand design team

Header image

Existing UI

As we realised from the research and the UI audit, the existing UI had a few issues:

Process

The project was a team effort between the UX design and the Brand design team. I was mainly involved in gathering the different styles, creating the component library and putting together the stakeholder presentation.

New colour palette

We collaborated with the brand team to come up with a new young and vibrant colour palette. It took a few iterations to make sure the colours pass W3C accessibility standards when used in different applications.

New component library

The goal was to create a clean, high-contrast interface with strong accessibility standards, ensuring efficient use for all age groups.

We built the the most basic components (inputs, buttons, typography guidelines etc.) and worked up to more complicated ones (cards, modals, toaster etc.).

The lifeline element

The lifeline was the central design element of the brand. Symbolizing a shared journey, the lifeline begins with a spark (a dot) and continues as a line, using the new brand colours.

The challenge was to integrate this element into the UI design, and not to sacrifice on the legibility.

Mock-ups

Using the new colours and UI guidelines, I created mock-ups for and the illustrations, following the W3C accessibility guidelines for colour contrast and font sizes.

Homepage

Logged-in homepage

Job description page

Search results page

Conversational Application Flow

Profile page

Have a project in mind?

Feel free to reach out at mnhariprasad@gmail.com to discuss your project! I’d love to help design a new website, elevate an existing one, or collaborate on any digital product ideas you have. I also specialize in creating logos, brochures, album art, and a wide range of graphic design and illustration work. You can stalk me on LinkedIn, Behance, or Instagram.