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

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.


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.



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

EMUB24 project: brawijaya university student executive web design
An innovative project aimed at facilitating the community of Brawijaya University in accessing information effortlessly.

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

