- UX/UI
- styczeń 2021 – kwiecień 2022
- Rough Trade × Mirumee
RoughTradePrzeprojektowanie legendy niezależnej muzyki — e-commerce na miarę kultury
Sklep i wytwórnia, które od 1976 roku piszą historię muzyki niezależnej. Z zespołem Mirumee zaprojektowałem ich nowy sklep: odkrywanie muzyki, wybór nośnika, odsłuch przed zakupem, kolekcje i playlisty w Spotify — aż po checkout.
- Strona AOdkrywanie
- Strona BZakup
Ilustracja: płyta wysuwa się z okładki i kręci się, a jej winyl zmienia kolor jak w wyborze wariantu — żółty, fioletowy, czarny. Obok przewija się strona główna sklepu.
A1 Brief
Sklep, który brzmi jak Rough Trade
Zadanie: atrakcyjna, intuicyjna i nowoczesna strona, która odda kulturę i wartości Rough Trade — i ułatwi odkrywanie i kupowanie muzyki na winylu, CD i kasecie.
Nowa strona główna, wyszukiwarka, nawigacja, wybór nośnika, miniodtwarzacz, konto, kolekcje, playlisty Spotify i checkout — i wiele więcej.
- A2PersonaKolekcjoner winyli jako kompas decyzji.
- A3Strona głównaSlajdy, karuzele i pas Spotify.
- A4Imersyjna wyszukiwarkaWyniki zmieniają się z każdą literą.
- A5Menu i kategorieWarstwy menu w kolorach sklepu.
- B1Wybór nośnikaWinyl zmienia kolor na ekranie.
- B2MiniodtwarzaczOdsłuch płyty przed zakupem.
- B3Panel klientaZamówienia, dane i Spotify.
- B4Lista życzeń i kolekcjeObserwowani artyści i playlista.
- B5CheckoutKoszyk, konto, dostawa, płatność.
A2 Persona
Dla kolekcjonera płyta to inwestycja
Najpierw ludzie: potrzeby, motywacje, zachowania i preferencje tych, którzy kupują muzykę na winylu, CD i kasecie. Z wywiadów i badań ilościowych powstały persony — kompas dla każdej decyzji, od nawigacji po sposób pokazywania albumów i artystów.
Cele
Mieć wydania limitowane, dbać o wyjątkowe doświadczenie muzyczne, celebrować rozpakowanie płyty.
Wyzwania
Prawdziwą perełkę trudno zdobyć, premiery łatwo przegapić, a w dużej kolekcji gubią się albumy.
Co możemy zrobić
Proponować winyle na podstawie Spotify, przenieść kolekcję do świata cyfrowego, dać radar premier i podobnych artystów.
- A community of music enthusiasts
- Visual setting
- Collects like stamps - gathering
- Fulfilling childhood dreams
- Nieprzewidywalność
- The highest quality medium
- Vinyl is an investment
Liam Archer, 33Collector of vinyls
Background
- Barber shop owner
- Alternative
- Reluctant technique
- He lives in a historic tenement house
- Married, 2 children (10 and 8 years old)
- He loves live concerts
- Playing the guitar
- Audiophile
- He goes to the mountains on vacation
- He looks for solutions in the future, and for values necessary to make changes in the past.
- vegan, ecology oriented
- dissatisfied with what is
- dogs’ owner
- esthete
- prefers bicycle and public transport
Goals
- It looks nice, there are nice covers
- Owning limited items
- Caring for a unique musical experience
- Collecting records
- Show off your unique prey
- Keeping the perfect playlist in the barber shop
- Realization of attachment to your favorite artist
- The unboxing ritual
- CD playback ceremony
- Broadening your musical horizons
Challenges
- Getting a real gem is almost a miracle
- I miss premieres that interest me
- I have such a huge collection that I forget some albums
- I love Cage the Elephant, I want all their records
- Share your sneak peak with others
- Discovering the discs that interest me is difficult and time-consuming
- I sometimes listen to music from the net, but it’s not the same as vinyl
- Being unique and having unique things
What can we do
- Based on Spotify’s suggestions, propose vinyls
- Take collecting to digital
- Filtering by disc features: Acousticness, Danceability, Energy, Instrumentalness, Liveness, Speechiness, Valence
- Similar artists
- Your favorite songs 2020
- Animated vinyl covers
- Vinyl club - subscription
- Time capsule
- Release radar
- Music genres map
- Gamification
- Personalize the background based on your mood + recommendations
Marketing Messaging
Become a music trendsetter
Elevator Pitch
We provide an intuitive platform that knows your taste and will provide you with vinyls you will love - on their release date.
Quotation
“The only right carrier for Jazz is vinyl”
“I want to feel like I’m in the place where it was recorded live”
“Ahh … it’s a nice record. Such a black swill with red inserts (…) quite stiff, audiophile 180 grams”
“Vinyls are an investment, not a purchase.”
“To buy or not to buy? But this is an opportunity, and if I don’t buy it later, I won’t lose it. However, it is worth doing”
Common caveats
- FOMO
- I buy records that lie in foil for weeks and wait for their day
- Internal struggle, whether to buy it or not, but if it does not happen later, I will lose it.
Plansza jest po angielsku, jak w projekcie; portret jest rysunkiem.
A3 Strona główna
Okładki, które zapraszają do szperania
Strona główna zachęca do odkrywania kategorii, gatunków i artystów. Szybko znajdziesz to, co cię interesuje, dodasz do koszyka albo odłożysz na później — a karuzele pokazują szeroki asortyment bez przewijania strony i przechodzenia do innych zakładek.
Slajdy z wydaniami
Okładka z winylem obok, krótki opis wydania i od razu „Pre-order now” z odsłuchem.
Pas Spotify
Połącz konto, a sklep przygotuje rekomendacje na podstawie twojego gustu.
Karuzele
Preordery, Rough Trade Edit i Exclusive — z serduszkiem listy życzeń i odsłuchem na każdej okładce.
Spróbuj
- New this week
- Pre-orders
- Limited edition
- Books
- Merch
- Hardware
- Sale
- Genres
- Events
- Blog
- Club
Discover your new music
Learn moreNow we can prepare the best recommendations for you based on your music taste from Spotify.
Preorders
See allRough Trade Exclusive
King Gizzard and The Lizard Wizard
Rough Trade Exclusive
See allLow stock
Sale
Low stockSale
Low stockSale
Low stock
Klient, adresy, karty i okładki są przykładoweSklep działa po angielsku, więc ekrany zostają przy jego słowach.
A4 Wyszukiwarka
Wyniki, które rosną z każdą literą
Wyszukiwarka zajmuje cały ekran i z każdą wpisaną literą pokazuje inne treści: najlepszy wynik, albumy artysty, płyty, artystów, utwory i wydarzenia w sklepach. Bez pustych ekranów — zanim zaczniesz pisać, czekają ostatnie i popularne wyszukiwania.
Jedna litera
Albumy, artyści i utwory, których słowo zaczyna się od tej litery.
Najlepszy wynik
Od trzech liter — artysta i jego najlepsze albumy na górze.
Wydarzenia
Koncerty w sklepach Rough Trade, gdy artysta gra w najbliższym czasie.
Wpisz za mnie
Recent searches
Popular searches
Klient, adresy, karty i okładki są przykładowe
A5 Menu i kategorie
Menu, które odkrywa muzykę warstwami
Nowe menu prowadzi do muzyki według gatunków, formatów, artystów i wytwórni. Każdy poziom wjeżdża jak kolejna warstwa w kolorach sklepu — czerń, róż, żółć — a „New In” pokazuje okładkę polecanej płyty, jak w sklepie z winylami.
Browse
Gatunki, wytwórnie i Dance wall na różowej warstwie.
Genres
Jedenaście gatunków na żółtej — od rocka po reggae.
New In
Nowości w muzyce i książkach oraz polecana płyta.
Free UK shipping on orders above 60 GBP
0Discover your new music
Learn moreKlient, adresy, karty i okładki są przykładowe
Strona BZakup
B1 Wybór nośnika
Poczuj winyl, zanim go kupisz
Na stronie produktu widać wszystkie warianty: winyl w różnych kolorach, CD, kasetę albo plik cyfrowy. Wybierz ulubiony, a winyl na ekranie zmienia kolor — płynna, realistyczna animacja sprawia, że czujesz się, jakbyś trzymał płytę w ręku.
Wariant z ceną
Każdy wariant to wiersz z ceną; rozwinięty pokazuje kolor, ekskluzywność i nakład.
Kolor na płycie
Winyl wysuwa się zza okładki w kolorze wybranego wydania — a CD jest srebrne.
Nakład pod ręką
„Limited to 300 copies (less than 50 left)” — kolekcjoner wie, ile zostało.
Wybierz wariant
- New this week
- Pre-orders
- Limited edition
- Books
- Merch
- Hardware
- Sale
- Genres
- Events
- Blog
- Club
Kelly Lee Owens
Inner Song
Smalltown Supersound
- Limited Edition Warp Purple
- Rough Trade Exclusive
- Limited to 300 copies (less than 50 left)
Kelly Lee Owens’ masterful second album Inner Song finds the convention-blurring techno producer and singer / songwriter diving deep into her own psyche—excoriating the struggles she’s faced over the last several years and exploring personal pain while embracing the beauty of the natural world.
Klient, adresy, karty i okładki są przykładowe
B2 Miniodtwarzacz
Posłuchaj, zanim wydasz pieniądze
Wiele osób przed zakupem winyla słucha go najpierw w serwisach streamingowych. Miniodtwarzacz robi to w sklepie: odsłuchasz płytę, sprawdzisz, czy muzyka trafia w twój gust — i wrócisz do zakupów bez wychodzenia ze strony.
Preview tracks
Odtwarzacz wysuwa się z dołu ekranu i zostaje przy przewijaniu.
Lista utworów
Rozwinięty pokazuje album, listę utworów i suwak.
Dalej do albumu
„Go to album” i „Listen on Spotify” prowadzą dalej.
Jamie xx
In Colour
- Limited Edition Warp Purple
- Rough Trade Exclusive
- Limited to 300 copies (less than 50 left)
Spróbuj
Klient, adresy, karty i okładki są przykładoweOdtwarzacz gra bez dźwięku — przesuwa się tylko suwak.
B3 Panel klienta
Konto, które zna twój gust
Po zalogowaniu panel klienta pozwala zarządzać zamówieniami, danymi, adresami i metodami płatności. Konto w sklepie połączysz ze Spotify — i dostaniesz rekomendacje dopasowane do twojego gustu muzycznego.
Zamówienia z okładkami
Każde zamówienie pokazuje płyty, nie tylko numer i kwotę.
Połączone konta
Jedno kliknięcie łączy konto ze Spotify; potwierdza to okno w barwach Spotify.
Adresy i karty
Domyślny adres dostawy i rozliczeń oraz domyślna karta.
- New this week
- Pre-orders
- Limited edition
- Books
- Merch
- Hardware
- Sale
- Genres
- Events
- Blog
- Club
Jules Marlow
My orders
We have updated the site, all your old orders can be
Order no: 1283469284129
- Order date
- 21 JAN 2021
- Total cost
- £44.00
- Payment Status
- Paid
- EP2RoteQuantity: 2
- WonderlandDemdike Stare
- Kind Of GreenKarenn
Order no: 1283469283877
- Order date
- 21 JAN 2021
- Total cost
- £23.99
- Payment Status
- Paid
- Inner SongKelly Lee Owens
Klient, adresy, karty i okładki są przykładowe
Połączenie ze Spotify działa na całej stronie: pas na stronie głównej i playlisty w kolekcji też je widzą.
B4 Lista życzeń i kolekcje
Kolekcja, która gra w Spotify
Do listy życzeń dodasz płyty, a artystów i wytwórnie możesz obserwować, żeby nie przegapić nowości i promocji. Rekomendacje dopasowują się do preferencji i historii zakupów — a z kolekcji jednym ruchem zrobisz playlistę Spotify, żeby odsłuchać albumy przed zakupem.
Cztery zakładki
Lista życzeń, kolekcja, obserwowani i rekomendacje — z filtrami po lewej.
Playlista z albumów
Zaznacz albumy dostępne w Spotify, nazwij playlistę i wyślij.
Bez nowego hasła
Bez połączonego konta sklep najpierw prosi o połączenie ze Spotify — „no brain fail”.
Jak powstaje playlista
- Create playlist
- zaznacz albumy
- Create
- nazwa
- Send to Spotify
- New this week
- Pre-orders
- Limited edition
- Books
- Merch
- Hardware
- Sale
- Genres
- Events
- Blog
- Club
- EP2Rote
£9.99Low stock
- Inner SongKelly Lee Owens
£23.99
- Endless ArcadeTeenage Fanclub
£9.99Low stock
- Avant GardeningNew Age Steppers
£9.99Low stock
- KronaEvigt Mörker
£9.99
- Meta-MessageKirsty Hawkshaw
£9.99Low stock
- One Take in the BoothFabe
£9.99
- ChangeIzem & K.O.G
£9.99Low stock
Klient, adresy, karty i okładki są przykładowe
B5 Checkout
Od koszyka do „Thank you” w czterech krokach
Po dodaniu płyt do koszyka finalizacja zamówienia jest prosta i intuicyjna: konto albo logowanie przez Spotify, adres, szybkość dostawy i płatność. Do tego kod rabatowy albo karta podarunkowa — jeśli je masz.
Koszyk z boku
„Add to cart” otwiera koszyk obok strony produktu — z ilością i sumą.
Konto w biegu
Logowanie e-mailem albo przez Spotify, rejestracja w jednym oknie.
Dostawa i płatność
Trzy szybkości dostawy z cenami, płatność kartą i podsumowanie koszyka obok.
Kroki zamówienia
- Produkt
- Logowanie
- Adres
- Dostawa
- Płatność
- Gotowe
- New this week
- Pre-orders
- Limited edition
- Books
- Merch
- Hardware
- Sale
- Genres
- Events
- Blog
- Club
Smalltown Supersound
EP2
Rote
- EP2RotePurple LPx2+£9.99
Subtotal£9.99
Shipping and final taxes will be calculated at checkout
Klient, adresy, karty i okładki są przykładowe
B6 Plansze i nagrania
Okładki z projektu
Plansze i nagrania przepływów z case study. Na planszy persony portret jest rysunkiem, a na planszy zamówień nazwisko klienta jest przykładowe.
Rough Trade, Spotify oraz nazwy artystów, albumów i wytwórni należą do ich właścicieli; pokazane są tak, jak w makietach sklepu. Okładki na ekranach sklepu są rysowane w kodzie.