iMatch

In talking to the stakeholders at iMatch including members of their sales and marketing team and users of their service I was able to gain insights as to how competitive this industry is. On the business side, one central need was a “marketing” splash page that drew attention and could be a good landing page for people to experience the brand, potentially for the first time. This is an area of the site that potential job-seekers and even some job posters would land through search advertisements or posts from social site sites like LinkedIn. It serves a separate function that the homepage, as it’s aimed to connect users to iMatch to start a conversation. As a UX designer, the goal was to remove all of the extra sales messaging and discussions of rates and procedures and focus solely on what a user would be trying to accomplish on this page.

On the user side, I put myself in their position. If you were scrolling through LinkedIn and saw some interesting career-related content and thought it was worthy enough of the click to give iMatch a shot at connecting you to some job openings, the last thing you want is to then have to endlessly scroll or sift through a bunch of navigation and sales jargon. We simplified the call to action for job-seekers to just one, collecting the email address so iMatch can show what they do best, and that is personalized recruiting services.

For job posters, they have the option of entering their email, or they can be directed to a page on imatch.com where they can submit openings for review or contact their representative if a relationship already exists.

iMatch wanted to balance their business objectives as they are both a recruiting service and a staffing agency. To give both lines of business proper representation, I built a lightweight, dynamic hero image slider. This allows for multiple messages to share “center-stage” on their homepage. After 5 seconds, the hero image is swapped out with an updated image. A subtle light-gray line tracks along the baseline of the image to give the user an indication that a countdown is occurring.

Reviewing iMatch’s old site, I saw that it relied too heavily on long lists of possible job openings. I wanted to break these out into easily skimmable blocks of content. Each job type is reinforced with an icon to let the user know what field the job posting is associated with.

Keeping content fresh and eye-catching was another important consideration for the site. I developed a series of banners that can be applied to any job module. They read “New”, “Hot”, and “Look” and draw attention to special jobs that the client wants to highlight at any given time.

Icons, photos, and blocks of copy animate onto the viewport to keep users engaged with the content. Other elements like testimonials dynamically populate to provide social proof to the user and build trust which helps move them down the conversion funnel.

Each page features a different custom illustration to break up the content and give the user a visual cue about what kind of content will be featured in the sections.

It’s all about consistency, even in the headshots. I organized a photo-shoot and edited the photos for the iMatch team to give the website a consistent look and feel. The team section features easily customizable blocks of content for the various ways each member would like to be available. Most default to email and LinkedIn, but they also have the ability to add Twitter, Facebook, or their phone number.

I built a secure contact form tied to a simple database. Users enter their information and receive an automated email thanking them for their inquiry and informing them they will hear back soon. In the event that a new user’s email gets lost in the shuffle, (it happens to the best of us) the client can export entries for any period of time and follow-up with their new leads.

The map makes it easy for users to locate iMatch’s physical location and pull up directions on any devices that they’re using.