Work/Microsoft

Visual Studio

The Visual Studio website: a subscription dashboard redesigned around guidance and batch subscriptions, plus marketplace and developer-blog experiences, all on an expanded Figma component library.

ClientMicrosoft · Visual Studio
RoleWeb Designer 2
TimelineFeb 2019 – Sep 2019
ToolsFigma · Fluent Design System
Visual Studio homepage with free downloads for Community, Mac, Azure DevOps, and Code
Visual Studio home: everything you need to create great apps01
Overview

Visual Studio's web presence served every subscriber, from a student on Community to an enterprise admin managing hundreds of seats, and the subscription dashboard treated them all the same.

I designed for the site's home page and marketplace, redesigned the subscription dashboard, and led prototypes, concept designs, and stakeholder presentations. Designs were built on Microsoft's Fluent patterns and turned into a reusable Figma component library and style guides so the whole team could work from one source.

What I did
  • Redesigned the subscription dashboard with batch subscriptions and in-context guidance, improving usability for all subscribers.
  • Designed home page and marketplace experiences aligned to user research and business goals, with wireframes, animations, and redlines.
  • Designed the Developer Community profile and blog experiences, including mobile explorations and content filters across multiple blogs.
  • Expanded the Figma component library and style guides used across the design team, crafted from Fluent and Fabric guidelines.
  • Directed multiple projects at once in Agile and met every milestone.
Outcome

A subscription experience built for guidance and scale, and a component library the team kept designing from after the engagement.

[Add a number if you have one: subscribers served, components in the library, pages shipped.]