For my Collaboration in User Experience Design, I completed a comprehensive project focusing on the redesign of the Sustain-A-Look website. This project aimed to enhance the digital presence of a sustainable fashion brand, aligning the user interface with the brand’s eco-friendly and ethical ethos.
Project Overview
Objective: The primary goal of this project was to overhaul the Sustain-A-Look website to improve site navigation, integrate a recycled clothing program, and ensure the website is accessible and user-centric. The redesign aimed to create an optimized user experience that resonates with the brand’s mission.
Scope: The project encompassed a complete redesign of the website, including new content pages and an improved user interface. Key deliverables included high-fidelity mockups, a revamped homepage, and updated pages for the Recycle Program, Shop, About Us, and Partners.
Design Process
Research and User Analysis:
- Conducted initial research to understand user needs and the brand’s goals.
- Developed user personas and journey maps to inform prototype designs.
- Restructured the information architecture and applied Gestalt principles to the visual design.
High-Fidelity Prototypes:
- Created high-fidelity prototypes, which underwent several iterative tests to ensure usability and accessibility standards were met.
Key Updates and Features
- New Homepage:
- Design: Cleaner, modern layout maintaining brand consistency.
- Navigation: Improved navigation highlighting sustainability focus, with direct links to the Recycle Program and Our Partners pages.
- Visual Hierarchy: Enhanced visual hierarchy guiding users naturally through the site.
- Recycle Program Page:
- Purpose: Outlines the program’s purpose, steps for participation, and impact.
- Call to Action: Encourages user involvement and features testimonials to build trust.
- Partners Page:
- Showcase: Highlights the brand’s network of partnerships and their collective mission.
- Engagement: Emphasizes how customer donations contribute to broader causes.
- Shop Page:
- User Experience: Enhanced filtering system for sorting products by categories, sizes, and colors.
- Visual Appeal: Clean layout with high-quality images and transparent product information.
- About Us Page:
- Narrative: Refreshed to better communicate the brand’s mission and the founders’ stories.
- Engagement: Includes a call-to-action for the Recycle Program.
Alignment with Business Strategy
The redesign aligns with Sustain-A-Look’s business strategy by:
- Enhancing the online shopping experience.
- Integrating a recycled clothing program.
- Adhering to accessibility standards.
- Reflecting the brand’s ethos in every design choice.
Team Roles and Next Steps
Team Roles:
- UX Researchers: Conduct user testing and analyze feedback.
- UX Designers: Refine prototypes based on research findings.
- Visual Designers: Create final design assets.
- Front-end Developers: Implement the design into the live website.
- Project Manager: Oversee the process, ensuring timely completion within scope.
Next Steps:
- Conduct user testing of the current prototype to gather feedback.
- Refine the design iteratively based on feedback.
- Develop final visual design assets and hand them over to the development team.
- Monitor user behavior and feedback post-launch for further improvements.
Personal Reflection
As the designer behind this project, I, Silvia Pizarro McCants, believe in creating not just interfaces but experiences that resonate with values and vision. This project with Sustain-A-Look exemplifies my commitment to sustainable and user-centric design, using tools like Adobe XD to create interactive prototypes that bring the brand’s mission to life.
This project has allowed me to apply my design skills in a meaningful way, contributing to a sustainable future through digital innovation.
Silvia Pizarro McCants | UX & Graphic Design Portfolio
