Project Based Learning Part II: clothing brands web e-commerce

Providing the online clothing brand shopping experience by developing a strategic e-commerce solution

Role

UX/UI Designer, Front-end, Back-end

Industry

Lifestyle

Duration

3 months

maestro categories

Stage 1. Usability Audit

Initiated the project with a comprehensive usability audit of the existing app, employing heuristic evaluation, user interviews, and performance analytics to identify friction points. This audit revealed significant areas for improvement, particularly in the app's navigation system, goal tracking features, and social engagement mechanisms.

Stage 2. Design Strategy

Formulated a redesign strategy that prioritizes a simplified user flow, enhanced data visualization for goal tracking, and new features to foster community engagement among users. Developed a detailed design roadmap, categorizing changes into short-term fixes and long-term enhancements, to guide the redesign efforts effectively.

Stage 3. Prototype Development

  • Wireframing: Undertook the redesign of core app screens and user flows, addressing the audit's findings. Emphasized the creation of a more intuitive and goal-oriented user journey, reducing cognitive load and enhancing the overall user experience.


  • High-Fidelity Prototyping: Leveraged Figma to construct detailed prototypes that brought the new design to life. These prototypes featured a refined aesthetic that aligns with the motivational needs of fitness enthusiasts, showcasing the app's enhanced functionality and interactivity.


  • User Interface Design: Revamped the app's visual identity, incorporating vibrant colors and dynamic elements that motivate users to engage with their fitness goals actively. Carefully selected typography and iconography that resonated with the app's target demographic, ensuring the interface is not only beautiful but also functional.

maestro home mac
maestro product mac

Stage 4. User Feedback & Refinement

Facilitated user testing with a diverse group of app users, gathering insightful feedback on the redesign. This phase was crucial in identifying unforeseen usability issues and validating the effectiveness of the new design elements. Iterative refinements were made based on this feedback, fine-tuning the app's interface to maximize user satisfaction and engagement.

Stage 5. Implementation & Launch Support

Collaborated closely with the development team to ensure a smooth transition from design to implementation. Provided ongoing support and guidance during the development phase, addressing any design-related challenges that arose. Played a key role in the app's successful relaunch, monitoring user feedback and engagement post-launch to inform future updates.

a cell phone leaning on a ledge
a black cellphone with a white letter on it
maestro isometric

Outcomes

Through this full-stack project, I gained experience across UI/UX design, frontend frameworks, database development, consolidating my skills from concept to implementation.

Other projects

Gelatik Supra Project: Develop an Recruitment Web Portal For Gen Z

It is currently under development by team and is scheduled to be released soon. A digital platform to simplify recruitment, automate HR, and engage Gen Z talent.

Mr. Antoine Lamar Battle Project: Official Personal Website

The official launch is scheduled for Desember 21, 2025, marking the beginning of a new digital presence that reflects his vision and professional identity.

Al-Khusyu Project: School and Foundation Official Website

A digital system to provide accessible information and manage educational as well as social activities for the community.

RoyaleVilla Project: Villa Rental & Sales Platform

Designed and developed a digital platform that streamlines the process of searching, renting, and purchasing villas in Malang.

Kyle Project: Build an Online Vape Marketplace

Developed a digital marketplace that streamlines product discovery, ordering, and purchasing, offering users a smooth and engaging shopping experience.

Qalbu Ummah Project: Islamic Personal Assistant App

Designed dan developed a digital assistant to remind users of prayers, Quran recitations, and Islamic study sessions, supporting daily worship and learning.

Pearl Dental Care Project: Build a Digital Dental Service System

Created a digital system to simplify online appointment booking and provide clear dental service information, improving overall patient experience.

Findland Project: Build a Land Trading Platform

Developed a digital platform that simplifies the process of buying and selling land through a user-centered experience.

Kampung Budaya 2024 project: Cultural Preservation Event at Brawijaya University

RAJA Brawijaya 2024 project : Orientation for New Students at Brawijaya University

maestro mac screen

EMUB24 project: brawijaya university student executive web design

An innovative project aimed at facilitating the community of Brawijaya University in accessing information effortlessly.

ibamjr home mac

Project Based Learning Part I: rebuild vocational faculty web

The web project for the faculty incorporated a native front-end and back-end, from the initial UI/UX design to the final implementation

Copyright 2024 Made with ♡ by Ilham Romadhon

Copyright 2024 Made with ♡ by Ilham Romadhon

Copyright 2024 Made with ♡ by Ilham Romadhon

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