Low_Resolution_JPG-MEGABOOM+3+Mallet.jpg

VISUAL DESIGN DOCUMENTATION FOR Ultimate Ears App.

The UX project is HERE.

- INTRO -

MY ROLE

Project lead and Lead Visual UX. Help the team to explore the right look & feel for our software product.


CHALLENGES

oldApp.png

The app’s old look & feel is neat and clean. However, regarding the brand characters (Alive, Irreverent, Creative, Playful, Authentic, Social), it cannot stand for who we are and what we believe in. In details,

- It lacks the energy from music. 

- It’s over calm, lack of liveness, and not inviting. 

STRATEGY

A vibrant look & feel to celebrate who we are, and to connect users in a deeper way. In details,

- Elevate the app’s energy through color enhancement.

- Explore a more approachable UI form.

- Add animated transitions to elevate the liveness.

- * Explore a more suitable typeface and typography.  

- * Explore a more suitable iconography set. 

PROCESS

V1 > V2 > PFE

V1

7 weeks. Present 3 visual directions to the stakeholders. Discuss, collect feedback, seek alignments.

V2

5 weeks. Deeper exploring the look & feel based on the feedback. By the end of V2, we have the final proposal to present.

PFE

7 weeks. Based on the aligned style, we flesh out all the screens for the app (iOS and Android). Get the approvals and hand off to the engineering team.

- DOCUMENTATION -

GET STARTED

I keep the fundamental considerations in my mind when I conceptualize the proposals.

consideration.png

INITIAL DIRECTIONS

In the beginning, I presented several quick concepts to figure out the design team’s appetite. Here are the 4 concepts I presented to our design team.

Music Is The Magic

Group 2.png

Absolute

Group 3.png

Illusiveness

Group 4.png

Delightful Notes

Group 6.png

FURTHER EXPLORATIONS

After showing the 3 initial directions to the team, the design director asked if we can keep a consistent concept across all the hardware and software products. And the design team disagrees with the current brand manifesto and brand guidelines. The director wants to present a provocation to push the BG to evolve the brand. At the same time, the brand team is planning the repositioning of the brand. The concept from the industrial design (ID) side is Inner Energy. He asked me to explore the Inner Energy for the digital side.

Inner Energy

inner.png

UI Explorations

Based on the mood board, I explore the Inner Energy for the app. We have reviews inside the team design every week. Based on the feedback, I keep exploring. Here are the screens that I came up within the process.

Group 11.png
Group 10.png
Group 8.png

V1 PROPOSAL

For our 1st formal presentation to the business group, I presented 3 concepts. Here is the hero one, Inner Energy.

Concept

Finally, we landed at somewhere we feel right. The concept is Inner Energy which is the consistent concept across the hardware and software.

v1_pro.png
 

Inner Energy

The design is trying to persuade that the energy is inside the power button. Press it. It will release the energy to empower users’ worlds with music. On the user interface, the energy lights up the screen.

Feedback

The stakeholders like the concept. But they don’t buy it as we can’t align on the foundation which is the brand guidelines. The major feedback is that the look & feel is a bit calm and quiet. It's not UE. It should be something bold and loud. So we come back to the brand guidelines. And we are going to explore the different loudness for the look & feel. However, it’s a good provocation. The team has planned to do the re-positioning next year. It will definitely be considered.

Keep these brand characters (keywords) in mind, I’ve explored the energy and loudness on different levels.

guideline.png

UI Explorations

Taking the feedback, I kept exploring the right look & feel for the app. Here are some screens that came from the process.

Group 19.png
Group 18.png

V2 PROPOSAL

For the 2nd formal presentation to the business group, I presented 3 concepts, too.

This Is Me, Ultimate Ears!

During the exploration phase, I notice that we have lost who we are. Dare to be ourselves. Even it is bold, controversial, cannot be accepted by majority ideology, and being unfairly considered as indelicate or unqualified. As long as it is what we believe in, we will just be ourselves, celebrate our weirdness, prove our power, and advocate our belief.

When I landed on this concept, my gut told me that this is the one.

concept_ThisIsMe.png

Here are the other alternative concepts.

Gig Tickets

Screen Shot 2020-06-22 at 4.05.50 PM.png

My Stage

Inner Energy

Screen Shot 2020-06-22 at 4.05.50 PM Copy 2.png


UI EXPLORATIONS FOR FEATURES

Speaker Screen

EQ

EQ.png

Grouping

Grouping.png

Thanks!