Morgan Stanley Docs Redesign

Documentation Home for Campfire, Morgan Stanley

Problem

The site was designed originally for E*TRADE’s Design Language pre-acquisition. It became outdated as the system grew and needed a new home page to reflect the current expansive offerings.

Scope & Timeframe

Competitive analysis of other company’s systems sites, content writing, visual exploration, responsive breakpoint mock ups, animation, and specs for developer hand off.

4 months, from design to developer hand off.

Stakeholders

Director of COE, Designer Systems manager, and Content Design manager.

Role

Lead Designer.

Understanding how other public system documentation is presented

Before beginning design I spent time on a competitive analysis of public facing design systems.

Exploration

I explored minimalist options, bold graphic options, hero sections that could highlight hand illustrations done by team members, etc.

Final design (before and after)

After many iterations of potential visual directions the team of stakeholders and I landed on our approach.

The final design ended was chosen because it felt true to the feeling of the word “Campfire”, with simple powerful visuals, while also maintaining a clear brand relation to Morgan Stanley.

The animated fire and stars add an element of whimsy, see live animation below.