WIREWAX is the world's leading interactive online video and content management platform.
UX/UI Design
WEB APP DESIGN
VISUAL DESIGN
To start with, I held a quick brainstorming workshop with stakeholders to pull together the new studio’s positioning and a set of principles.
These principles would not only help steer decisions but also maintain focus and consistency throughout the project.
I conducted user interviews with 10 participants to gather insights into how typical users might interact with digital asset management platforms, specifically focusing in on pain points and workflow.
From these interviews I was able to gather key insights and identify opportunities.
There are lot's of different types of users that use WIREWAX, however, there are two types that cover the majority of usage and overlap with other variants. These personas helped keep design ideas on track and avoided feature creep from trying to please everyone.
First time user
Utilising the key principles of simplicity, accessibility and clarity, the first time user experiences a curated journey the first time they use the studio. This is to avoid any overwhelm and help them maximise their experience.
Media asset handler
To help the media asset handler use the studio efficiently a 'surf & immerse' I took a approach, to allow them to access everything they need at a basic level and immerse themselves into the details e.g. analysis, if required.
Wireframes are often seen as a waste of time, however, for this project they were a necessary tool to get the new features and functionality clear with the rest of the team, without being distracted by colours and imagery.
Colour palette
Primary
Red highlight
Dark base
Dark elevation
Light
Secondary / highlights
Teracotta
Yellow
Blue
Green
Shades
Shadow
Storm
Ash
Cloud
Behaviour
Navigation
Card
Video player
Transition experimentation
A rebrand meant that I had free reign with transitions, which I had a lot of fun testing out to see what could work best.
Through the tried and tested process of elimination and iteration, the new Studio designs morphed and took shape from the rudimentary wireframes, to hi-fidelity concepts that were ready to be built.