Starpower Dance Studio

Website

About the project

In order to create parity between the new Starpower Dance Studio mobile app, we created an accessible, user-friendly website that closely aligns with the app’s overall functionalities, branding, and design system.

View the details about the UX Research & overall brand decision making within the Starpower Dance Studio - Mobile project!

Role

Lead UX/UI Designer, UX Researcher

Project

Google UX Design Professional Certificate

Year

Oct 2022 - Aug 2023

Starting the design

Paper wireframes - Website design

Prior to starting my design process using Figma, I created a rough draft of paper wireframes to lay out the different ideas that I had regarding the website’s homepage structure. I researched the way other popular desktop payment websites are structured to assist this process.

My goal was to create a unified parity experience between Starpower Dance Studio’s mobile app and website so that whichever platform the users decide to log onto, they are familiar with the interface and experience.

Digital wireframes

Throughout the initial design phase, I worked on making sure the web experience reflected the mobile app experience, while utilizing the extra space that a desktop experience offers.

Low-fidelity prototype

The low-fidelity prototype connected the primary user flow of logging into Starpower Dance Studio’s mobile payment app, navigating through the menu, and going through the process of making a payment.

Refining the design

High - fidelity prototype

The final high-fidelity prototype presented clean, concise, and smoother user flows. The overall goal was to provide the same clean, simple, user-friendly experience that the mobile app offers.

Thank you for reading my case study!

If you’d like to see more or get in touch, contact me using the link below!

Previous
Previous

Starpower Dance Studio: Mobile App

Next
Next

Agave Design System