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.

INFORMATION ARCHITECTURE

Redesiging the websites information architecture to organize the products into simplier recongnizable groups. The dropdowns allows a better glance on how to navigate where the user can find products or more information about the Amoeba stores.

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.

HOME

Simplifying the current Amoeba homepage with the sections that pack the most punch for music lovers. Laying out elements in unique less linear approach to stay interesting. Highlighting exclusive offers, new releases and top selling records. Showcasing their award winning youtube series. Finally a place for the Amoeba team members to share their favorite music with everyone.

NAVIGATION / INFORMATION ARCHITECTURE

These 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.

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.

NEXT PROJECT

Fast Casual Restaurant Rebrand

LEARN MORE

Experience & Capabilities

LET’S TALK

Shoot me a message

TJHARIDESIGN©2021

Privacy Settings
We use cookies to enhance your experience while using our website. If you are using our Services via a browser you can restrict, block or remove cookies through your web browser settings. We also use content and scripts from third parties that may use tracking technologies. You can selectively provide your consent below to allow such third party embeds. For complete information about the cookies we use, data we collect and how we process them, please check our Privacy Policy
Youtube
Consent to display content from Youtube
Vimeo
Consent to display content from Vimeo
Google Maps
Consent to display content from Google