top of page

UX DESIGN CASE STUDY

BACKGROUND

UK job site Totajobs ran a 5 day virtual Graduate Job Fair in October 2008.  The website allowed students to register (incentivized by the prize of a laptop) and enter their details (e.g. degree, grade, University etc) as well as their job sector(s) and location.

There were 5 user groups : 

1.

Graduates

2.

Exhibitor stall holders (including CV Clinic)

3.

Seminar participants

4.

Admin

5.

Moderators

STATS

The site contained : video segments, live chat, CV upload and searching for candidates and recruiters respectively, statistics engine for measuring ROI.

1.

54,000 registered graduates visited the site

2.

6,000 of those graduates visited the site more than once

3.

A quarter of the top 100 universities were represented

4

IT and Engineering was the busiest day, attracting on average 40% of all the visitors.

GRADUATES

Once registered, students could browse exhibitors (by sector) and visit their stalls where they could view videos (if the exhibitor chose to upload one), view FAQs, and book seminars and events.  All users (including Admin, moderators and exhibitors) had their own profile page and webmail facility. 

Website and wireframe

STUDENT PROFILE PAGE

A “Fair Diary” served as a reminder of booked events (such as seminars and CV clinics), where students could watch the seminar video and have live chat with representatives from the seminar companies. 

A job feed, quick link to the CV Clinic, a Psychometric Test (via Totaljobs website) and “Grad Chat” (an un-moderated chat room for peer to peer communication) were also available from the profile page.  Students could change their sectors and upload profile photos (moderated to prevent naughty images).

COMPARISON TOOL

Students could use a comparison tool to view companies by sector and compare, for example, benefits and requirements.  This tool was launched via a shadowbox and took students through the process of selecting their sectors and companies for comparison.

Sector Comparison Tool : Choosing Sectors, Selecting Companies (Exhibitors), Results

COMPARISON TOOL

Students could use a comparison tool to view companies by sector and compare, for example, benefits and requirements.  This tool was launched via a shadowbox and took students through the process of selecting their sectors and companies for comparison.

EXHIBITORS

Exhibitors (companies) were connected to a stall (3.0b). Each stall may have one or more exhibitor users attached to it. Each exhibitor user had their own profile page and unique login. Each stall had a chat facility (3.0a), to allow exhibitors to interact with students.

 

These stalls served as a showcase for the exhibitor to market themselves to graduates, setting out facts about the company, job feeds, FAQs, contact details, AV presentations and links to their websites and/or graduate websites. The Exhibitor Calendar showed students when Q&A (live chat) sessions took place.

Exhibitor Stall page with wireframe

SEMINARS

Seminars comprised of sector exhibitors putting together a video presentation of the sector.  Featured companies held Q&A (live chat) sessions throughout the day of the seminar, which students could book.  The page also contained job feeds, FAQs and a Seminar Calendar.

Seminar Details Page with wireframe

CV CLINIC

The CV Clinic ran along the same lines as an exhibitor stall, with FAQs, a CV Clinic Calendar and Q&A (live chat) sessions.  In addition, there were links to Totaljobs Psychometric Test, and students could download CV Tips and templates.

Clinic with wireframe

SUMMARY OF INPUT

The project ran over several months and required that I work closely with the development team to ensure that we were presenting the best possible solution to the brief.  I initiated the project by scoping out the site map, which  included User Flows for both registered and unregistered users in a variety of scenarios.

This document enabled the client to make sense of what was a complex site, as well as to understand their own role in the rolling out of the project.  The IA was presented by the team to the client, where we led them through the documentation and captured additional requirements that came up during the first phase of the project.

I tested paper prototypes on potential users once the designs had been created, to ensure that the journeys and interface were user-centred and clear.

The team also tested various third party chat software prior to making our selection.  The site was content managed and built in Drupal and in the weeks prior to launch, I was involved in creating pages, setting up stallholder user accounts and inputting content, as well as testing the software for bugs etc.

bottom of page