GM

Case Study

GM (General Motors / General Mobility)

As GM moves from General Motors to General Mobility, it’s hiring practices and web site need to transition while the brand evolves. I was brought in to develop a new careers site for GM with the following objectives:

  • Integrate with updated messaging and branding
  • Create a journey from point-of-entry all the way to application which is a seamless and easily navigated experience
  • Personalize content and encourage candidate self-selection

Young STEM talent was identified as a critical audience group. Supporting content needed to vary (through personalization) by career path and region of the world. As an overarching message, visitors to the site had to be shown how they will advance through their careers, emphasizing the ability to chart their own path and future career, with the support from management that helps them get there.

An added dynamic was navigating a multi-agency relationship in which UX and design had to be seamlessly handed-off to a separate digital agency responsible for development.

The resulting site has won multiple industry accolades including: Gold W3 Award; Communicator Award; and, WebAwards for Outstanding Web Site

View the Live Site

Tasks & Deliverables

  • Site map
  • Wireframes
  • Design prototype development
  • Functionality annotations / development specs

Similar Projects & Clients

  • American Express
  • Apple
  • Boeing
  • General Electric
  • Helmer Scientific
  • Microsoft
  • Novo Nordisk
  • Sherwin Williams
  • Siemens USA
  • Staples
  • Steinway & Sons Pianos
  • Yum! (Pizza Hut, Taco Bell, KFC)

UX Timeline & Work Samples

[et_pb_vertical_timeline line_color=”#e09900″ _builder_version=”4.0.5″ headings_text_color=”#000000″][et_pb_vertical_timeline_item title=”Briefed-in by Agency” font_icon=”%%539%%” icon_color=”#698943″ circle_color=”#ffffff” line_color=”#e09900″ font_icon_last_edited=”off|desktop” _builder_version=”4.0.5″ font_icon__hover_enabled=”off|desktop”]

GM is a repeat client, so onboarding was simple and streamlined – read project brief, attend kick-off meeting, download and digest research. A separate development agency was engaged for Adobe Experience Manager integration and work on Taleo (applicant tracking system).

[/et_pb_vertical_timeline_item][et_pb_vertical_timeline_item title=”Site Map” use_read_more=”on” read_more_text=”View Site Map” read_more_url=”#sitemap” font_icon=”%%1267%%” icon_color=”#698943″ circle_color=”#ffffff” line_color=”#e09900″ animation=”fade_in” _builder_version=”4.0.5″ background_color=”rgba(0,0,0,0)” background_enable_color=”on” custom_button=”on” button_bg_color=”#698943″ button_border_width=”0px”]

Information architecture work included developing taxonomy to support personalization on the new site.

[/et_pb_vertical_timeline_item][et_pb_vertical_timeline_item title=”Wireframes” use_read_more=”on” read_more_text=”View Wireframes” read_more_url=”#wireframes” font_icon=”%%1866%%” icon_color=”#698943″ circle_color=”#ffffff” line_color=”#e09900″ animation=”fade_in” _builder_version=”4.0.5″ background_color=”rgba(0,0,0,0)” background_enable_color=”on” custom_button=”on” button_bg_color=”#698943″ button_border_width=”0px”]

Developed wireframes with call-outs for personalized content areas.

[/et_pb_vertical_timeline_item][et_pb_vertical_timeline_item title=”Usability Testing on Design Prototype” use_read_more=”off” font_icon=”%%1813%%” icon_color=”#698943″ circle_color=”#ffffff” line_color=”#e09900″ animation=”fade_in” _builder_version=”4.0.5″ background_color=”rgba(0,0,0,0)” background_enable_color=”on” custom_button=”on” button_bg_color=”#698943″ button_border_width=”0px”]

Built clickable prototype appropriate for usabilty testing from design .PSD files. Coordinated usability test with GM’s internal usability testing lab, which conducted test sessions. Collaborated on findings with in-house usability staff.

[/et_pb_vertical_timeline_item][et_pb_vertical_timeline_item title=”Functionality Annotations” use_read_more=”off” font_icon=”%%1788%%” icon_color=”#698943″ circle_color=”#ffffff” line_color=”#e09900″ animation=”fade_in” _builder_version=”4.0.5″ background_color=”rgba(0,0,0,0)” background_enable_color=”on” custom_button=”on” button_bg_color=”#698943″ button_border_width=”0px”]

Annotated wireframes with functionality specifications for hand-off to developers. These were built off template files provided by the developers which listed pre-programmed modules, thereby streamlining the programming process.

[/et_pb_vertical_timeline_item][/et_pb_vertical_timeline]

Previous Case Study
Contact Andrew
Next Case Study