AMOEBA MUSIC
Redefined Ecommerce For The Greatest Music Store
Bringing a new vibe to the digital commerce experience for a record store that desperately needs an update.
PRACTICE
I decided to refresh Amoeba Music’s website for practice. Creativity and design are muscles that I want flex even if those opportunities aren’t showing up. I’m driven to continue developing my UX thinking and UI skills working with brands that need a little love. Amoeba Music is one of my favorite places to hangout. I felt like it’s a shame their website looks outdated, isn’t intuitive for users, and their brand lacks personality.
Visit the original website:
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, 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.

UX / UI
Redesigning the UI into a 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 principals and systems to create a enjoyable experience that encourages shopping and growing that never ending music collection.

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.
RESPONSIVE
Mobile is nearly half of all users, adapting the website to be responsive was a must have. Every element was made with a clear design system to quickly be implemented to redesign pages that don’t function well on the current Amoba mobile experience.
OPTIMIZED FOR MOBILE
Shop and product pages designed for the mobile experience. All elements scale down into similar fashion still with the same personality and user experience on desktop.
PRODUCT / 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 experinece. Adding items to the bag will popup on the side bar ready to checkout or help users save 10% by signing up for the Amoeba newsletter.

Conclusion
This was good UX/UI practice and working with a brand that’s more expressive then others. The plan is to keep doing more projects and honing my skills. By updating the Amoeba website user experience to and giving them more features than ever before, it will have more engagement instead of being an afterthought.
TJHARIDESIGN©2021