I acted as the lead designer for both UX and UI. My duties included research, wireframes, and visual design. I was in charge of overseeing the project from beginning to end including communication with developers to ensure the best outcome and keeping the project on time.
The idea of no such thing as a “Perfect Loop” gave us a concept. Andrew and I set out to create something that cuts through the hazy world of job hunting sites. Heavy saturated gradient lines and a simple multiple effect gave this mark many layers. The mask is an organic shape that mimics the interior lines, although contained still feels free. The mark is bright and optimistic while featuring rigid type treatments that keeps it grounded and feeling professional.
Before we dove into design we looked at competitors websites to gain an idea of why the client wanted something different. Right away one can see most job boards are on display for everyone to see. Some are even hidden behind an email sign-up form that promised big things to come. All the sites felt very professional, easy to navigate, and gave you exactly what you were looking for.
After we established what current job finding websites were lacking it gave us ideas of where we could take the structure of the website. Working with the client and his team we set out to find a voice for the content and how the site will flow from one page to the next.
We built out wireframes that would test the major user flows of the site. We focused on simplicity while incorporating important CTAs and helpful snippets of information. We started merging the best wireframes into a comp for testing. We had two major directions to pursue.
The client decided to test option one. The testing came back with mixed thoughts about the structure of some of the pages. The home paged lacked information and with only one CTA users felt like it wasn’t important. We came back and fused the two directions together and tested again.
Users felt this direction was enough information to learn about the company as well as thought the resources were great. Having the ability to enter a conversation at multiple areas of the site felt like the user was in control. After the initial test we continued to fine tune the content and build out more wireframes for testing, taking pieces that worked well and taking out others that felt confusing or misleading.
We started adding branded elements such as large wavy gradient lines as color fields to contain important information. Secondary pages used thinner lines to help break-up areas of content. A friendly rounded typeface was chosen to complement the current brand while remaining professional. Whitespace was added with detail to keep the site from feeling cramped. Additional branded elements were added to the menu and footer to keep every facet of the site feeling optimistic.