AMOEBA MUSIC

Redesigning A Website 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:

amoeba.com

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. Lastly refreshing the iconic logo with a contemporary feel using playful lettering for the sake of practice. But I think everyone would agree, the original logo should never be changed.

UX / UI

Rethinking the site architecture and navigation was a must, so users can find where to go or what products they want easier. The navigation dropdowns better display the sub navigation to various sections of the site. Adding wish lists for die hard music shoppers, live search feature to help find albums, artists, products more efficiently. Filters that hide the clutter and let the products and art shine front and center. On the product page there are buttons for vinyl, cd, and cassette to simplify each page and ultimately the checkout experience. Less hoops to jump through so Amoba can get music in your hands faster.

NAVIGATION / DROPDOWNS

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 might find products or more information about the Amoeba stores.

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, then when ready add them to their shopping bag and begin checking out.

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.

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 then ever before, it will have more engagement instead of being an afterthought.