Redesign project: online beauty teaching platform

Designing a responsive app to connect beauty teachers and beauty enthusiasts, from concept to prototype.

Role

UX/UI Design Intern

Role

UX/UI Design Intern

Role

UX/UI Design Intern

Industry

Beauty & Commerce

Industry

Beauty & Commerce

Industry

Beauty & Commerce

Duration

1 year (2021)

Duration

1 year (2021)

Duration

1 year (2021)

Stage 1. Current app analysis

Utilizing insights from the Design Sprint methodology, we conducted a series of mini-sessions to delve into the issues, utilizing kickoff sessions and the matrix of certainties, assumptions, and doubts. Although the client had initial ideas for solving the problem, we dedicated time to further explore the current user experience, mapping out pain points, objectives, and risks.

Stage 2. Competitor Analysis and Heuristic Analysis

Our competitive analysis provided valuable insights into how other online beauty class platforms navigated the user journey. This allowed us to identify our unique differentiators and pinpoint areas where we were lacking.
Heuristic analysis informed our redesign process, helping us reduce user complexities and create a simpler, more user-friendly platform.

Stage 3. Creating Proto Personas and Remodeling User Flow

Proto personas were developed based on stakeholder knowledge due to insufficient user data at the start. This approach allowed us to move forward despite the lack of direct user input.
We dedicated significant time to iterating the user flow, establishing a strong foundation before focusing on layout design. This user flow was crucial for guiding conversation, supporting developers, and streamlining the creation of final wireframes. We compared Free and Premium user flows to refine our design, because we had different proto personas.

Stage 1. Current app analysis

Stage 2. Competitor Analysis and Heuristic Analysis

Our competitive analysis provided valuable insights into how other online beauty class platforms navigated the user journey. This allowed us to identify our unique differentiators and pinpoint areas where we were lacking.
Heuristic analysis informed our redesign process, helping us reduce user complexities and create a simpler, more user-friendly platform.

Stage 3. Creating Proto Personas and Remodeling User Flow

Proto personas were developed based on stakeholder knowledge due to insufficient user data at the start. This approach allowed us to move forward despite the lack of direct user input.
We dedicated significant time to iterating the user flow, establishing a strong foundation before focusing on layout design. This user flow was crucial for guiding conversation, supporting developers, and streamlining the creation of final wireframes. We compared Free and Premium user flows to refine our design, because we had different proto personas.

Stage 4. Wireframes and Prototyping

Following the initial research and persona development, I proceeded with designing low-fidelity wireframes using Miro. These wireframes, for both mobile and desktop applications, were crafted in close collaboration with the team to ensure alignment with user needs and project goals.
For the next phase, we established a comprehensive style guide, including typography, colors, illustrations, and logos. The entire prototype was developed in Figma, incorporating interactive elements to facilitate seamless handoff to developers. This enabled thorough testing with stakeholders and users, ensuring that the design met usability standards and was market-ready.

Stage 5. Final presentation and handoff

Prepared and delivered design specifications and assets to the development team, ensuring a smooth handoff and providing support during the initial stages of app development.

Reflections

This project was an invaluable opportunity to apply UX/UI design principles in a real-world setting, contributing to a product that promotes social connectivity and beauty field exploration. It challenged me to think creatively about how to meet user needs and preferences, enhancing my skills in research, design, and collaboration. The experience underscored the importance of user feedback in the design process and the impact of thoughtful design on user engagement and satisfaction.

Try it on Figma

The final step involved publishing the components on F͟i͟g͟m͟a͟. This was done to facilitate access for all users and developers.

Reflections

Try it on Figma

The final step involved publishing the components on F͟i͟g͟m͟a͟. This was done to facilitate access for all users and developers.

Other projects

Graduation project: a chatbot for people with epilepsy

The "Eva" chatbot, a technology-related innovation to help disseminate knowledge and information about health, using conversational flow

User Experience: Appropriate solutions for efficient agriculture fertilization

The online platform helps agricultural technicians recommend the best fertilizer for the soil

Redesign project: E-mail

Elevating the user experience of a renowned hosting company, SaaS, internet services and cloud computing company

Design System: Olé Design System

Various phases of component creation and documentation of a Design System

Mobile Design: Soil analysis unified with recommendation

The mobile platform helps the users with soil analysis to recommend the best fertilizer for the soil

User Expericence Research: Catalogue of fertilizers

Reorganization of the information architecture on the fertilizer catalog page, adding product pricing

Ana Neves

Ana Neves

Ana Neves