Careers at Morgan Stanley

Year

2020

Client

Morgan Stanley

Role

UX Designer

Responsibilities

Lead overall interaction design of the Careers section of Morgan Stanley website, working on prototyping (animation), wireframing, user testing, research, documentation, annotations and content strategy.

Redesigning the Careers section of morganstanley.com and helping people find positions that match their interests.

Morgan Stanley, a global leader in financial services, wanted to rethink about a new Careers section, which plays a critical role in recruiting and engaging potential candidates who are looking for opportunities at Morgan Stanley.

Images for this project are coming soon.

Design Goals

Refreshing the Careers section of the site.
Creating experiences, layouts and components that serve specific user journeys to cater to distinct user mindsets and audiences as we understand them.
Optimizing the path down the user funnel into the application process by catering to specific mindsets, but also surfacing relevant content to the right audience. Once in the application flow, make it easier for users to find and do what they need.

Accounting for and Facilitating Journeys

Our goal is to get someone to identify as the right type of candidate for Morgan Stanley, find the right job for them, and have them apply. Accomplishing this requires driving users to opportunity pages in the right moment in their journey.

Pathways to Opportunities

High-level user journeys across the website that leads to opportunities.

Data & Analytics

Using multiple templates and designs for the same types of pages makes it difficult to measure the efficacy of content and analyze or leverage the data a page produces.

Homepage

Careers Landing Page

As the “homepage” for Careers, this page is tasked with giving a first impression, piquing potential recruits’ interest, and encouraging them to dig deeper to eventually find the right opportunity.

Experience Level Landing Pages

As a launch pad to deeper detail pages, these landing pages address where someone is in their career and guide them to the informational content and opportunities that are relevant to either students and grads or experiences professionals.

Other Pages

Theme Page

Content pages

Business Area Page

Division Page

Profile Page

Opportunity Page

Event Detail Page

Aggregation Page

Overview of Pages in Careers

Filter Component

One of the components that acquired closer attention to the UX was the Filter Component, which asks the candidates a series of questions about the type of opportunities they're looking for, location preferences, etc., allows them to select options, and then displays the filtered job openings that are selected for the user.
Flow For Students & Grads

Flow For Experienced Professionals

Animation Prototype

The animation prototype helped communicate better about this Filter Component's interactions with the visual designers, developers, and the Morgan Stanley team.

Working with Visual Designers

After landing on solid wireframes, I worked with visual designers to design the new pages based on their wireframes in 3 breakpoints - Desktop (1280px), Tablet (768px), and Mobile (360px). Pages can consist of both existing and new components. If necessary, modifications to the existing components were discussed and so I documented all of the changes and updates.

Annotations

Taking a note of the existing Morgan Stanley system, I reinvented the formatting to be more inclusive of the detail functionalities from the technical perspective, focusing on individual Global Elements, Template, Component, Card levels.