Go back to all projects

Jobs2Careers

Case Study

Jobs2Careers

Intro

Upon my first inspection of the current jobs2careers site, I found it to be functional but not much more than that. My initial perception of the site was that it looked a lot like Craigslist rather than a leading career search engine. It didn’t seem to have anything that caught the eye and kept the attention of a visitor. I decided to incorporate visual depictions of the existing content to better represent the visitors search path. I feel that adding several other features to the homepage will help improve visitor engagement and raise the returning visitor rates.

Planning

I started the design process, as I always do, by sketching some initial ideas by hand. I prefer to do rapid prototyping this way to assist in getting all different ideas out on the table and begin eliminating elements that would cause missteps and cause the user to become frustrated. The end goal for this redesign was to get users to the search result page as easily as possible to click through to the specific job listings. I used the below color pallet to stay consistent with the jobs2careers logo color scheme and tie in a more modern flat design.

Jobs2Careers

A look at the redesign.

Below will breakdown each element on the page and why the decisions were made.

Placeholder

Search

The first element I decided to tackle was creating a more clean search box. Continuing with the color scheme and flat look, I expanded the box size and created an on-click effect for an active search box. Having a subtle blue surround the activated search input and having it automatically hide the existing text were small tweaks. Next to that, I decided to keep the submit button (call-to-action) orange to grab more user attention. That button has 3 different colors embedded to the appropriate corresponding action, (static, hover, and active or on-click).

Search

Advanced Search

I also added an “Advanced Search” function by adding 2 more dropdowns where users can refine their search by specifying the industry they are looking at as well as the salary range they require.

Advanced Search

Search

Search

Advanced Search

Advanced Search

Body and Footer

The body section had a few additions featuring several resources that job seekers could use to help them find that new job. By searching through options such as resume tips, hot jobs within large cities, and finding the best jobs in your given industry, these resources can give more direction to users who don’t know where to start.

Adding featured companies can help in several different ways. By directing users to well known companies to get their job search process started, we help them begin to discover what kind of roles are available and what to start looking for at smaller companies. This could also be used as an additional source of revenue to have sponsored companies get featured on the homepage. Adding an extra hover element to coverup the selected company with an opaque blue box will help add some more visual appeal.

The footer was kept simple but shrunk down to reduce scrolling length. Adding simple social media icons to the lower right corner also stays with “web norms” to easily find a source to follow/like/share without needing to locate it on the blog page.

Footer and Body

Search Map

This element was the largest addition to the site redesign. Pulling in a more visual representation of search by city and state was the primary objective as the large amount of textual content wasn’t appealing and felt stale. The map has a hover function which will bring up the top cities in that state as well as available jobs giving it an interactive infographic feel.

Search Map

Login and Navigation

Having the capability to log into an account and pick up where they last left off is an incredibly necessary asset for users on most any website. The value of this function for job seekers is even more essential since users who are looking for jobs aren’t just going to visit once and leave after applying to one job. They will do their best to tailor their resume and cover letter to the appropriate company but for most people, it’s a numbers game. Finding a new job is a job in itself for most. Adding this clean and easy sign up dropdown to a top menu felt necessary and keeping it located in the ever familiar upper right will cause less confusion to find the appropriate login steps. Also adding the ability for a job seeker to post a resume for recruiter and receive job alerts via SMS, email, or (future) app when something in their industry opens up around you is a valuable asset as well. Keeping up with bootstrap design, the invisible box hover function adds an element of visual stimulation as well.

Navigation

After Login

Adding an additional section to the body of the homepage would require an automatic screen refresh. This additional section will correlate directly to the above information by adding a tailored section for job seekers such as recently viewed jobs, suggested jobs, and saved jobs in the body that can be re-examined and re-applied to.

Customized