Redefined Ecommerce For The Greatest Music Store
Amoeba Music
Bringing a refresh to a digital commerce experience for one of the largest record stores.
Project Overview
Amoeba Records is one of the largest music stores filled with something for everyone who appreciates music. The inception of this project began when I was instructed to preorder a new record from the website. Quickly realized the digital experience was not the strongest and decided to refresh the brand and website for a passion project. The brand has so much personality the challenge was to bridge the huge gap between the in-store and online experience. Aiming to bring smart user experience and engaging visual design solutions to the new site experience.
Services
Market Analysis Research
Logo Design
Brand Identity Design
UX/UI Research
UX/UI Design
Branding
Many ideas around the brand identity, logo, color, layout, and typography were all developed from the original iconic Amoeba logo. Using similar primary colors, and expanding the idea of paint drips and “amoeba” blobs for the brand pattern across the website. Finding typography with a little vintage personality but still contemporary. Elements in the layout have motion and change in scale to keep things interesting but elements still have order and function.
Redesigning the website’s information architecture to organize the products into simpler recognizable groups. The dropdowns allow a better glance at how to navigate where the user can find products or more information about the Amoeba stores.
Information Architecture & Site Map
Redesigning the UI into an engaging and branded commerce experience. The design really brings to life the whole experience and has more personality to match the Amoeba vibe. Using UX principles and systems to create an enjoyable experience that encourages shopping and growing that never-ending music collection.
UX / UI
Navigation
This navigation is organized and designed for efficiency now users to discover products or find more information about the Amoeba stores.
Live Search
Designing a more engaging and functional live search component to visually show users what Amoeba has in stock.
Filters Hide/Show
Having filters hide/show to change the layout just gives users a different way to experience browsing the website and getting a bigger picture of the album artwork.
Wish List
Adding a wishlist to the experience for those collectors who have a nonstop growing collection of music. Users can add or remove items to their wishlist, get notifications about items in stock then when ready add them to their shopping bag and begin checking out.
Product Detail Page / Add To Bag
A product page that shows off the beautiful album art and simple options to choose from between vinyl, cd, or cassette before the checkout experience. Adding items to the bag will pop up on the sidebar ready to checkout or help users save 10% by signing up for the Amoeba newsletter.
