SlideShare a Scribd company logo
Goal
Redesign Unique Sound’s 

website to:
• Create a unique way to
for composers to
showcase their music
portfolio online
• Allow composers to
easily tag their music and
upload a portfolio
• Allow users to easily find
music and hire
composers
Overview
My Role
Within a team of 2 UX
designers, I spearheaded:
• Research
• Information architecture
• Ideation
• Wireframes
Key Deliverables
• Research Findings
• Sitemap
• User flows
• Wireframes


Research Activities
Stakeholder Interviews
In-person Interviews with

Unique Sound founders
Product Research
Research into product, 

market, key value proposition
Competitive &
Comparative Analysis
Research & analysis of
competitor websites
Information
Architecture Analysis
Comprehensive analysis of
music categorization
informed information
architecture
Information Architecture Analysis
Competitive Analysis
Music Track Design
Problem
Not all music tracks have corresponding
imagery. If all tracks use the same imagery, the
user will have difficulty finding specific tracks
visually.
Research Findings
• Users primarily search for tracks based on a
particular type of emotion or mood
• Users secondarily search for tracks based on
genre, instrument, vocals and tempo
Design Solutions
• Use custom emojis to represent the user’s
primary search categories visually
• Design individual tracks using these emojis
to represents the track’s mood, genre,
instrument, vocals and tempo
Wireframes
Low-Fi Landing Page Hi-Fi Landing Page

More Related Content

Similar to Unique sound

DePaul HCI 580- Digital Tip Jar Final Presentation
DePaul HCI 580- Digital Tip Jar Final PresentationDePaul HCI 580- Digital Tip Jar Final Presentation
DePaul HCI 580- Digital Tip Jar Final Presentation
Kate Fitzgibbon
 
Mosaic engr 245 lean launchpad stanford 2020
Mosaic engr 245 lean launchpad stanford 2020Mosaic engr 245 lean launchpad stanford 2020
Mosaic engr 245 lean launchpad stanford 2020
Stanford University
 
Website Conventions
Website ConventionsWebsite Conventions
Website Conventions
georgianasmith12
 
Design Process
Design ProcessDesign Process
Design Process
kylienic
 
NEA 2020
NEA 2020NEA 2020
NEA 2020
MsJMcLeod
 
E-challenges11 WeGov Workshop
E-challenges11 WeGov WorkshopE-challenges11 WeGov Workshop
E-challenges11 WeGov Workshop
WeGov project
 
Free Music Archive Redux Project
Free Music Archive Redux ProjectFree Music Archive Redux Project
Free Music Archive Redux Project
Camille Thomas
 
Introduction to Information Architecture & Design - SVA Workshop 03/22/14
Introduction to Information Architecture & Design - SVA Workshop 03/22/14Introduction to Information Architecture & Design - SVA Workshop 03/22/14
Introduction to Information Architecture & Design - SVA Workshop 03/22/14
Robert Stribley
 
Analysing music magazines
Analysing music magazinesAnalysing music magazines
Analysing music magazines
jphibbert1979
 
major ppt 1 final.pptx
major ppt 1 final.pptxmajor ppt 1 final.pptx
major ppt 1 final.pptx
AnandKumar660582
 
Introduction to Information Architecture and Design - SVA Workshop 09/28/13
Introduction to Information Architecture and Design - SVA Workshop 09/28/13Introduction to Information Architecture and Design - SVA Workshop 09/28/13
Introduction to Information Architecture and Design - SVA Workshop 09/28/13
Robert Stribley
 
A2 Media lesson 2logos, preproduction,identity, visual style
A2 Media lesson 2logos, preproduction,identity, visual styleA2 Media lesson 2logos, preproduction,identity, visual style
A2 Media lesson 2logos, preproduction,identity, visual style
sandylking
 
Introduction to Information Architecture & Design - SVA Workshop 06/21/14
Introduction to Information Architecture & Design - SVA Workshop 06/21/14Introduction to Information Architecture & Design - SVA Workshop 06/21/14
Introduction to Information Architecture & Design - SVA Workshop 06/21/14
Robert Stribley
 
Introduction to Information Architecture and Design - SVA Workshop 06/22/13
Introduction to Information Architecture and Design - SVA Workshop 06/22/13Introduction to Information Architecture and Design - SVA Workshop 06/22/13
Introduction to Information Architecture and Design - SVA Workshop 06/22/13
Robert Stribley
 
Radio 365: Marketing Plan
Radio 365: Marketing PlanRadio 365: Marketing Plan
Radio 365: Marketing Plan
Shayantan Roy
 
Introduction to Information Architecture & Design - SVA Workshop 10/04/14
Introduction to Information Architecture & Design - SVA Workshop 10/04/14Introduction to Information Architecture & Design - SVA Workshop 10/04/14
Introduction to Information Architecture & Design - SVA Workshop 10/04/14
Robert Stribley
 
music-app-presentation.pptx
music-app-presentation.pptxmusic-app-presentation.pptx
music-app-presentation.pptx
yomonNicholas
 
music-app-presentation.pptx
music-app-presentation.pptxmusic-app-presentation.pptx
music-app-presentation.pptx
yomonNicholas
 
music-app-presentation.pptx
music-app-presentation.pptxmusic-app-presentation.pptx
music-app-presentation.pptx
yomonNicholas
 
As evaluations new and improved (1)
As evaluations new and improved (1)As evaluations new and improved (1)
As evaluations new and improved (1)
DannyAA
 

Similar to Unique sound (20)

DePaul HCI 580- Digital Tip Jar Final Presentation
DePaul HCI 580- Digital Tip Jar Final PresentationDePaul HCI 580- Digital Tip Jar Final Presentation
DePaul HCI 580- Digital Tip Jar Final Presentation
 
Mosaic engr 245 lean launchpad stanford 2020
Mosaic engr 245 lean launchpad stanford 2020Mosaic engr 245 lean launchpad stanford 2020
Mosaic engr 245 lean launchpad stanford 2020
 
Website Conventions
Website ConventionsWebsite Conventions
Website Conventions
 
Design Process
Design ProcessDesign Process
Design Process
 
NEA 2020
NEA 2020NEA 2020
NEA 2020
 
E-challenges11 WeGov Workshop
E-challenges11 WeGov WorkshopE-challenges11 WeGov Workshop
E-challenges11 WeGov Workshop
 
Free Music Archive Redux Project
Free Music Archive Redux ProjectFree Music Archive Redux Project
Free Music Archive Redux Project
 
Introduction to Information Architecture & Design - SVA Workshop 03/22/14
Introduction to Information Architecture & Design - SVA Workshop 03/22/14Introduction to Information Architecture & Design - SVA Workshop 03/22/14
Introduction to Information Architecture & Design - SVA Workshop 03/22/14
 
Analysing music magazines
Analysing music magazinesAnalysing music magazines
Analysing music magazines
 
major ppt 1 final.pptx
major ppt 1 final.pptxmajor ppt 1 final.pptx
major ppt 1 final.pptx
 
Introduction to Information Architecture and Design - SVA Workshop 09/28/13
Introduction to Information Architecture and Design - SVA Workshop 09/28/13Introduction to Information Architecture and Design - SVA Workshop 09/28/13
Introduction to Information Architecture and Design - SVA Workshop 09/28/13
 
A2 Media lesson 2logos, preproduction,identity, visual style
A2 Media lesson 2logos, preproduction,identity, visual styleA2 Media lesson 2logos, preproduction,identity, visual style
A2 Media lesson 2logos, preproduction,identity, visual style
 
Introduction to Information Architecture & Design - SVA Workshop 06/21/14
Introduction to Information Architecture & Design - SVA Workshop 06/21/14Introduction to Information Architecture & Design - SVA Workshop 06/21/14
Introduction to Information Architecture & Design - SVA Workshop 06/21/14
 
Introduction to Information Architecture and Design - SVA Workshop 06/22/13
Introduction to Information Architecture and Design - SVA Workshop 06/22/13Introduction to Information Architecture and Design - SVA Workshop 06/22/13
Introduction to Information Architecture and Design - SVA Workshop 06/22/13
 
Radio 365: Marketing Plan
Radio 365: Marketing PlanRadio 365: Marketing Plan
Radio 365: Marketing Plan
 
Introduction to Information Architecture & Design - SVA Workshop 10/04/14
Introduction to Information Architecture & Design - SVA Workshop 10/04/14Introduction to Information Architecture & Design - SVA Workshop 10/04/14
Introduction to Information Architecture & Design - SVA Workshop 10/04/14
 
music-app-presentation.pptx
music-app-presentation.pptxmusic-app-presentation.pptx
music-app-presentation.pptx
 
music-app-presentation.pptx
music-app-presentation.pptxmusic-app-presentation.pptx
music-app-presentation.pptx
 
music-app-presentation.pptx
music-app-presentation.pptxmusic-app-presentation.pptx
music-app-presentation.pptx
 
As evaluations new and improved (1)
As evaluations new and improved (1)As evaluations new and improved (1)
As evaluations new and improved (1)
 

Unique sound

  • 1. Goal Redesign Unique Sound’s 
 website to: • Create a unique way to for composers to showcase their music portfolio online • Allow composers to easily tag their music and upload a portfolio • Allow users to easily find music and hire composers Overview My Role Within a team of 2 UX designers, I spearheaded: • Research • Information architecture • Ideation • Wireframes Key Deliverables • Research Findings • Sitemap • User flows • Wireframes 

  • 2. Research Activities Stakeholder Interviews In-person Interviews with
 Unique Sound founders Product Research Research into product, 
 market, key value proposition Competitive & Comparative Analysis Research & analysis of competitor websites Information Architecture Analysis Comprehensive analysis of music categorization informed information architecture Information Architecture Analysis
  • 4. Music Track Design Problem Not all music tracks have corresponding imagery. If all tracks use the same imagery, the user will have difficulty finding specific tracks visually. Research Findings • Users primarily search for tracks based on a particular type of emotion or mood • Users secondarily search for tracks based on genre, instrument, vocals and tempo Design Solutions • Use custom emojis to represent the user’s primary search categories visually • Design individual tracks using these emojis to represents the track’s mood, genre, instrument, vocals and tempo
  • 5. Wireframes Low-Fi Landing Page Hi-Fi Landing Page