Designing a brand refresh within a logged in experience

Role: Lead UX Designer for Analyze

Project: Analyze Brand Refresh

Company: SurveyMonkey

As lead designer for Analyze I delivered the entire brand refresh for the logged in experience of Analyze and Survey Summary page as well as our default color palette for the data visualization in our charts.

Context

In early 2017 the UX team hit the ground running with a set of new brand guidelines including a new font and brand color palette. The lead designers on the overall brand refresh project, Lucia Ciccio and Jonathan Remulla, had been working the quarter before testing out the new SurveyMonkey marketing brand principles and guidelines on a couple of key user flows at a high level in order to develop our own UI toolkit and pattern library for the logged in experience.

Process

Along with the wider team I committed to a 6 week sprint whereby I designed for for my respective product area by testing, adapting and applying the toolkit and pattern library to the most important flows in Analyze. This entailed weekly show & tells with critiques to collaborate on alignment across the product as well as iterations, recommendations and updates to the pattern library itself. Once we had our area’s ‘Hero Flows’ completed I proceeded with my product team to execute the refresh at scale.

These are the Hero Flows and a list view of the key areas I designed for first which set the tone and direction for the rest of the entire Analyze UI.

BR Hero Flow: filter by question

BR Hero Flow: share results

BR Hero Flow: export data

Full list of key areas:

  • Filter accordion
  • Individual Responses
  • Export and shared results
  • Customizing questions
  • Survey Summary page
  • Questions, chart and open ended TA
  • Icons
  • Data Visualization colors

Outcome

 Question Summary tab

Before Brand Refresh

After Brand Refresh

Individual Responses

Before Brand Refresh

After Brand Refresh

Exports and Shared Results modal

Before Brand Refresh

After Brand Refresh

Customizing Questions

Before Brand Refresh

After Brand Refresh

Questions, pie/donut and open ended text analysis

Before Brand Refresh

After Brand Refresh

Data Visualization color study

After Brand Refresh