Career Confidence

Career Confidence is a non profit organization that offers free job search advice and community to support job seekers. The organization approached me with the request to redesign their website.

My Role

Volunteer Web Designer

Duration

April 2024 - May 2024

Technologies Used

Figma

Goal

Career Confidence has been around for more than a decade and needed a website presence that attracts today’s audience, conveys its success, value and professionalism.

View Final Work

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

homepage on laptop

Goal

Career Confidence has been around for more than a decade and needed a website presence that attracts today’s audience, conveys its success, value and professionalism.

View Final Work

Original design

Contents in the original website were scattered without thoughtful information architecture, making the website difficult to navigate. Outdated images, color and layout did not successfully communicate its value.

original designs

Original design

Contents in the original website were scattered without thoughtful information architecture, making the website difficult to navigate. Outdated images, color and layout did not successfully communicate its value.

original homepage

original team page

original blog page

original events page

Process

Site Map

I explored every page of the website to understand the type of content and messaging that were included. Some information were placed in sections that were unconventional making it difficult for users to locate information in the appropriate locations. I came up with a site map to organize content to make messaging clearer.

sitemap

Mood Board

I gathered images that were related to work, in environments that reflected organization and lots of white space. The base colors stemmed from their two logo colors; navy and mustard. I came away extracting black, warm colors and neutrals from the images in the moodboard. The strong contrast between black and white also added a sense of professionalism and clarity.

beige color

man shaking hands

Guidance

Support

Target Audience

Those who have been in the work force for many years and have been laid off and Those looking for federal employment

Conveys

Professionalism

Trustworthiness

Positivity

Look and Feel

Clean

Simple

Spacious

#a5803c

#dbccb1

#d5d7dd

#f3f1ec

#231f20

#f8f8f8

#ffffff

Site Map

I explored every page of the website to understand the type of content and messaging that were included. Some information were placed in sections that were unconventional making it difficult for users to locate information in the appropriate locations. I came up with a site map to organize content to make messaging clearer.

Identity

While Career Confidence welcomes anyone who is looking for employment, their main target audience are the following

Those who have been in the work force for many years and have been laid off
Those looking for federal employment

After a talk through of my client’s design brief, I learned that the founder desired a website with the following look and feel:

Clean
Simple
Spacious

Wanting to communicate:

Professionalism
Trustworthiness
Positivity

Mood Board

I gathered images that were related to work, in environments that reflected organization and lots of white space. The base colors stemmed from their two logo colors; navy and mustard. I came away extracting black, warm colors and neutrals from the images in the moodboard. The strong contrast between black and white also added a sense of professionalism and clarity.

Final Work