My role
Product Designer
UI/UX Designer
Strategist
Timeline
3D design and animation Motion design Interactive design Experience design
UX Method
User Interview
User Flow
Competitive & Comparative Analysis
Heuristic Analysis
Information Architecture
Prototyping
Software used
"Our team worked tirelessly, but I think everyone here and the team at Square was very satisfied with the results." Annie Young Marketing Lead, Creation Co.
Let's start with a question…
Among one of my first projects at Square, this focused on positioning the brand for it's next phase - transitioning to Block. We worked with the incredible agency at Creation Co. to get this one launched and many of the challenges were in the scope of the work.
THE MUSICAL
INFUSION
Concept Thinking
MAKE MUSIC COMPOSITION
ACCESSIBLE TO EVERYONE
ACROSS CULTURES
Motivation Behind the Scene
E-SOUND
DESIGN SYSTEM
Final Design
I adopted the gradient color patterns to envoke certain emotions and moods just like music does. Users can anticipate the rythm of the music from the color dynamics.
VIBES SETTING
SOCIAL CONNECTIONS
Find nearby listeners according by the musical compatibility, and therefore build up a tightly connected musical sharing community
The crucial challenges of overturning conventional music streaming
platforms like Spotify
Challenge
How to satisfy the needs when elders have specific preferences for traditional or classic music genres that may not be as readily available on some streaming services?
How to lower the threshold of music compositing?
How to ensure that the generated music sounds high-quality and professional?
How to ensure the generated music is unique and innovative?
Competitor Analysis
Research Process 1
User Research Insights
Research Process 2
Insights
Conclusions
I synthesized the collected data from in-person interviews and competitive analysis into the below insights.
Tread 1: Audio Editing Workflow
INSIGHT1
A successful design should be inclusive and hierarchical, considering the needs and abilities of a diverse range of users. For example, we should provide both the audio templates and the adjustable variables to ensure the service meets the needs of all users.
INSIGHT2
The most important thing I have learned in the process of auditing Spotify's interaction logic is that we should design the site architecture and navigation system more flatly to reduce friction.
INSIGHT3
By reading Spotify's research and development log, I realized that the design of the entry point and the authentication section should be as concise as possible in order to improve user engagement. In the early steps, we shouldn't focus on setting up the preferences or going through other irrelevant procedures.
Tread 2: Elderlies Preference
INSIGHT1
Elderlies love traditional music and drama due to a range of reasons, including nostalgia, familiarity, and cultural connections.
INSIGHT2
The available music editing software may be too complex or difficult for elers to use effectively.
INSIGHT3
the communication needs of the elderly have often been overlooked.
Design Guidelines
Conceptualization and Low-fi sketching
Design Process
After identifying the pain points and the overall workflow of the app, I began sketching out the details and hierarchies of the key features for Home, Music Composition, Library&Social. Sketching is a useful technique for organizing and conceptualizing ideas assisting me to effectively visualize and plan the rough outline of the design as a whole.
