Planetaria Music

Planetaria Music

Ironhack bootcamp case study E-commerce project to re-design a small e-commerce business in Barcelona

Ironhack bootcamp case study E-commerce project to re-design a small e-commerce business in Barcelona

Project type: responsive website design using the mobile first approach

Role: UX/UI designer

Industry: Music, e-commerce.

Tools: Figma, FigJam, Zoom, Notion

Duration: 10 days design sprint, November 2023

User Research

To redesign Planetaria Music’s e-commerce website, I conducted user research to understand the needs and pain points of music enthusiasts.

Storytelling

The transformation into a user-friendly platform, focusing on intuitive navigation, engaging visuals, and a shopping experience that resonates with music lovers.

Design

The design for Planetaria Music focuses on creating a visually appealing and user-friendly interface. It combines intuitive navigation with engaging visuals to enhance the shopping experience for music enthusiasts.

UX/UI Project Timeline

UX/UI Project Timeline

Our UX design process began with user research to identify needs and pain points. Through ideation, wireframing, prototyping, and usability testing, we iterated on feedback to deliver an intuitive, user-centered design.

Our UX design process began with user research to identify needs and pain points. Through ideation, wireframing, prototyping, and usability testing, we iterated on feedback to deliver an intuitive, user-centered design.

User Research

To redesign Planetaria Music’s e-commerce website, I conducted user research to understand the needs and pain points of music enthusiasts.

User Research

To redesign Planetaria Music’s e-commerce website, I conducted user research to understand the needs and pain points of music enthusiasts.

Storytelling

The transformation into a user-friendly platform, focusing on intuitive navigation, engaging visuals, and a shopping experience that resonates with music lovers.

Storytelling

The transformation into a user-friendly platform, focusing on intuitive navigation, engaging visuals, and a shopping experience that resonates with music lovers.

Design

The design for Planetaria Music focuses on creating a visually appealing and user-friendly interface. It combines intuitive navigation with engaging visuals to enhance the shopping experience for music enthusiasts.

Design

The design for Planetaria Music focuses on creating a visually appealing and user-friendly interface. It combines intuitive navigation with engaging visuals to enhance the shopping experience for music enthusiasts.

Moodboard

Moodboard

Moodboard

Moodboard

The mood-board blends green hues with alien-inspired aesthetics, featuring abstract space scenes and alien landscapes. This cosmic theme symbolizes growth and harmony while guiding the design for a cohesive and immersive user experience.


Style Guide


Style Guide


Style Guide


Style Guide

The Planetaria Music style guide blends green hues with alien-inspired aesthetics, featuring abstract space scenes and alien landscapes. This cosmic theme symbolizes growth and harmony while guiding the design for a cohesive and immersive user experience.

The Planetaria Music moodboard blends green hues with alien-inspired aesthetics, featuring abstract space scenes and alien landscapes. This cosmic theme symbolizes growth and harmony while guiding the design for a cohesive and immersive user experience.

UI Design

To help our client to improve the conversion rate, besides creating more trust we improve and simplify the buying process by making the information as clear as possible and solving all the pain points detected in the actual website.

To help our client to improve the conversion rate, besides creating more trust we improve and simplify the buying process by making the information as clear as possible and solving all the pain points detected in the actual website.

Explore the incoming events

Explore the incoming events

Explore the incoming events

Explore the incoming events

The homepage has all the trustworthy points we detected in the research. Also we simplified all the information and visuals. Providing the brand more consistency and personality.

Intuitive shop experience

Intuitive shop experience

Clear shop experience section, the user can view and sort different product available and thanks to the bread-crumb always be aware of where is he at!

User friendly shop experience

The user is directed to a page where they can choose the size, add the item to their cart, and read other users' reviews along with additional information. The entire design prioritizes a smooth and user-friendly navigation experience.

Intuitive check-out

Intuitive check-out

Intuitive check-out

Intuitive check-out

Users can also read various reviews from past clients along with additional information. The entire design prioritizes a smooth and user-friendly navigation experience.

Confirmation

Confirmation

Confirmation

Confirmation

After completing the checkout process, the user is directed to a final page that confirms the order has been successfully processed.

Interactive Prototype

To help our client to improve the conversion rate, besides creating more trust we improve and simplify the buying process by making the information as clear as possible and solving all the pain points detected in the actual website.

To help our client to improve the conversion rate, besides creating more trust we improve and simplify the buying process by making the information as clear as possible and solving all the pain points detected in the actual website.

I create user-focused digital experiences that drive engagement and support business growth.

© Made with love by Lawrence Walker

I create user-focused digital experiences that drive engagement and support business growth.

© Made with passion by Lawrence Walker

I create user-focused digital experiences that drive engagement and support business growth.

© Made with love by Lawrence Walker

Create a free website with Framer, the website builder loved by startups, designers and agencies.