Maestro Editor
Problem
Using the editor was similar to filling out a form instead of clearly setting up a website.
Deeply nested menus made it hard for the user to keep a mental map of where they navigated too.
As complexity grew with platform functionality the old interface couldn’t maintain a clear UX.
Setting up and maintaining a site was too difficult for new users due to confusing admin flows.
Process
Discovery:
I coordinated with Client Ops on our team to collected user feedback to understand the issues around site administration.
We Created personas from existing user types to direct us in crafting the ideal UX for different users.
We surveyed clients to opt-in for usability talk with me where I would run through new flows within the new editor.
Using the information from the surveys and researching existing platforms, I put
Hi-fi prototypes were created using various mock client designs to make sure it was usable in current and new product use-cases. Since this was a completely new design for Admin UI a new UI kit had to be designed as well, leading to me creating and maintaining this design system as the rest of the product was formed.
I conducted usability tests with the hi-fi prototypes, trying various flows that would be familiar or new to users. Unfortunately due to timeline constraints we could only do one round with each user, but still beneficial.
After compiling feedback I presented it to our PM and began iterating on the screens and flows. New Hi-fi prototypes were created and prepped for dev hand-off.
I created guide materials around the UI kit to help the devs implement.
Outcome
Client operations reported a lot positive comments from current users
On-boarding time was dramatically reduced for new clients
General setup and maintenance tasks were reduce in steps
Design view to edit colors and images
Editing the channel navigation
Editing the sponsor images
Sidebar editor for switching panels and creating new ones
VIdeo library modal when scheduling video content
Editing icons and the hashtag
Editing footer links
Configuring the countdown time
Role: UX Researcher, UI/UX Designer
Tools: Sketch, UberConference, Invision, Evernote
Examples on this website are used purely for demonstration purposes and do not accurately reflect how the brand used Maestro.