top of page

SOUNDSCAPE

BRANDING / UI+UX

Website Restructuring.

Creators use this music platform to showcase their work.

 

To ensure that first-time users don't get lost, we've optimized the website's flow, minimized pain points, and reduced breakpoints, making it easier for users to get started.

‎Soundscape Revamp_Eddy Lin.‎001.jpeg

DATE

Oct. 2021

ROLE

UI/UX Designer

COMPANY

Soundscape

DELIVERABLES

User workflow

User interface design

Solutions-based design

Challenges

The overall website lacks consistency, with disorganized menu categories, and most importantly, the entry point for creating content is not sufficiently prominent.

APPROACH

Clear Categorization
&
Deliver Relevant Information

Optimized the backstage menu by grouping similar functions together and providing a step-by-step guided user workflow.

{ Sitemap }

Screen Shot 2023-09-07 at 15.18.12.png

{ Modification }

  1. Added 'Notifications' and 'Data Overview' tabs to the overview page, facilitating seamless switching and operation, thereby enhancing website usability.
     

  2. Originally, the logout function was placed in the left sidebar, but since logout wasn't a page, I have repositioned it under the user profile icon in the header.
     

  3. The language feature was originally located in the footer, making it less accessible. Therefore, I've relocated the language option under the user profile icon in the header, making it convenient to switch quickly.
     

  4. Added a search feature for quickly locating works.
     

  5. Placed 'Add New Creation' tunnels to make it more accessible.

Screen Shot 2023-09-11 at 18.41.43.png

{ Sub-functions are presented in tab format }

Organize data by categorizing the sub-items into two major groups based on functionality: 'Data Analysis' and 'Revenue Reports'

Analyzation01.jpg
Profit01.jpg

First-time Users

{ Step by Step Guidence }

Add a creation feature shown in a pop-up window.
The process is displayed in the progress bar.

Step1_No Artist.jpg

{ Flexible Container }

  • Click 'Add New Song' and the interface will automatically expand the song section at the bottom.

  • After completion, the added songs will be displayed in the list at the top.

Screen Shot 2023-09-11 at 17.22.16.png

Regular Visitors

{ Step by Step Guidence }

The list will automatically display existing artists/albums for selection if the user has previously created artists/albums.

Alternatively, users can choose to create a new one.

Step1_Choose Artist_Add.jpg
Step2_Choose Albu02.jpg

Accessbiltiy

{ Dynamic Interface }

Text and controls automatically adapt to several accessibility settings, such as Bold Text, Larger Text, Invert Colors, and Increase Contrast.

Screen Shot 2023-09-11 at 18.13.53.png
bottom of page