E-commerce redesign
E-commerce redesign
E-commerce redesign
E-commerce redesign
Responsive Web Design, Concept, B2C
Responsive Web Design, Concept, B2C
Responsive Web Design, Concept, B2C
Responsive Web Design, Concept, B2C
Discover ↓
Project Overview
This redesign aimed to elevate AMOMENTO's e-commerce platform, aligning the user experience with the brand's core values.
This redesign aimed to elevate AMOMENTO's e-commerce platform, aligning the user experience with the brand's core values.
This redesign aimed to elevate AMOMENTO's e-commerce platform, aligning the user experience with the brand's core values.
Type
B2C
Timeline
September 2022
Role
User Experience, User Interface, Market Research, User Testing
User Experience, User Interface, Market Research, User Testing
The Challenge
The challenge for this project was to improve the user experience and align the design with the brand's core values.
The challenge for this project was to improve the user experience and align the design with the brand's core values.
The challenge for this project was to improve the user experience and align the design with the brand's core values.
The challenge was twofold: to enhance the customer experience and to ensure that the website communicates AMOMENTO’s core values — beauty, functionality, timelessness, and sustainability. The existing website was underperforming in several key areas: an unengaging main page, cluttered product pages, and limited filtering options, which were affecting user retention.
The challenge was twofold: to enhance the customer experience and to ensure that the website communicates AMOMENTO’s core values — beauty, functionality, timelessness, and sustainability. The existing website was underperforming in several key areas: an unengaging main page, cluttered product pages, and limited filtering options, which were affecting user retention.
The challenge was twofold: to enhance the customer experience and to ensure that the website communicates AMOMENTO’s core values — beauty, functionality, timelessness, and sustainability. The existing website was underperforming in several key areas: an unengaging main page, cluttered product pages, and limited filtering options, which were affecting user retention.
User Testing
Conducted user testing to identify areas of improvement and gain insights for the redesign.
Conducted user testing to identify areas of improvement and gain insights for the redesign.
Conducted user testing to identify areas of improvement and gain insights for the redesign.
Before diving into the redesign, I conducted user testing of the existing website. This involved running several user tests to understand the main complaints and specific needs of the users. Key Takeaways: — The main page was unengaging, missing the opportunity to familiarize users with the brand and its unique qualities. — The product page was cluttered, making it difficult for users to find the information they needed. — Limited filtering options hindered efficient searches for specific attributes such as color or size.
Before diving into the redesign, I conducted user testing of the existing website. This involved running several user tests to understand the main complaints and specific needs of the users. Key Takeaways: — The main page was unengaging, missing the opportunity to familiarize users with the brand and its unique qualities. — The product page was cluttered, making it difficult for users to find the information they needed. — Limited filtering options hindered efficient searches for specific attributes such as color or size.
Before diving into the redesign, I conducted user testing of the existing website. This involved running several user tests to understand the main complaints and specific needs of the users. Key Takeaways: — The main page was unengaging, missing the opportunity to familiarize users with the brand and its unique qualities. — The product page was cluttered, making it difficult for users to find the information they needed. — Limited filtering options hindered efficient searches for specific attributes such as color or size.
Competitor Analysis
To refine AMOMENTO's competitive edge, I conducted focused market research, analyzing key players in the sustainable fashion industry.
To gain a comprehensive understanding of the e-commerce landscape and identify potential areas of improvement for AMOMENTO, I conducted a competitor analysis. This involved examining both direct and indirect competitors, including Nothing Written, Nanushka, Baserange, and Paloma Wool. Key Takeaways: — Brand Positioning: The website should clearly communicate AMOMENTO's unique brand identity and product offering. — Improved Filtering Options: As the brand grows, it's crucial to enhance the filtering options. — Information Presentation: Information on the product page should be presented compactly to reduce cognitive stress. — Cross-Selling of Products: The website should introduce additional or related products on the product page to increase sales and interest.
Competitor Analysis
To refine AMOMENTO's competitive edge, I conducted focused market research, analyzing key players in the sustainable fashion industry.
To refine AMOMENTO's competitive edge, I conducted focused market research, analyzing key players in the sustainable fashion industry.
To refine AMOMENTO's competitive edge, I conducted focused market research, analyzing key players in the sustainable fashion industry.
To gain a comprehensive understanding of the e-commerce landscape and identify potential areas of improvement for AMOMENTO, I conducted a competitor analysis. This involved examining both direct and indirect competitors, including Nothing Written, Nanushka, Baserange, and Paloma Wool. Key Takeaways: — Brand Positioning: The website should clearly communicate AMOMENTO's unique brand identity and product offering. — Improved Filtering Options: As the brand grows, it's crucial to enhance the filtering options. — Information Presentation: Information on the product page should be presented compactly to reduce cognitive stress. — Cross-Selling of Products: The website should introduce additional or related products on the product page to increase sales and interest.
To gain a comprehensive understanding of the e-commerce landscape and identify potential areas of improvement for AMOMENTO, I conducted a competitor analysis. This involved examining both direct and indirect competitors, including Nothing Written, Nanushka, Baserange, and Paloma Wool. Key Takeaways: — Brand Positioning: The website should clearly communicate AMOMENTO's unique brand identity and product offering. — Improved Filtering Options: As the brand grows, it's crucial to enhance the filtering options. — Information Presentation: Information on the product page should be presented compactly to reduce cognitive stress. — Cross-Selling of Products: The website should introduce additional or related products on the product page to increase sales and interest.
To gain a comprehensive understanding of the e-commerce landscape and identify potential areas of improvement for AMOMENTO, I conducted a competitor analysis. This involved examining both direct and indirect competitors, including Nothing Written, Nanushka, Baserange, and Paloma Wool. Key Takeaways: — Brand Positioning: The website should clearly communicate AMOMENTO's unique brand identity and product offering. — Improved Filtering Options: As the brand grows, it's crucial to enhance the filtering options. — Information Presentation: Information on the product page should be presented compactly to reduce cognitive stress. — Cross-Selling of Products: The website should introduce additional or related products on the product page to increase sales and interest.
User Persona
Developed a user persona to understand the needs and frustrations of the target audience.
Developed a user persona to understand the needs and frustrations of the target audience.
Developed a user persona to understand the needs and frustrations of the target audience.
Based on the data collected from the observation stage, I developed a user persona representing the potential target audience for a sustainable clothing brand such as AMOMENTO. My user persona values brands with limited edition and exclusive collections that align with her fashion-forward style. This user seeks a seamless and user-friendly online shopping experience with easy navigation and filtering options to speed the search process.
Based on the data collected from the observation stage, I developed a user persona representing the potential target audience for a sustainable clothing brand such as AMOMENTO. My user persona values brands with limited edition and exclusive collections that align with her fashion-forward style. This user seeks a seamless and user-friendly online shopping experience with easy navigation and filtering options to speed the search process.
Based on the data collected from the observation stage, I developed a user persona representing the potential target audience for a sustainable clothing brand such as AMOMENTO. My user persona values brands with limited edition and exclusive collections that align with her fashion-forward style. This user seeks a seamless and user-friendly online shopping experience with easy navigation and filtering options to speed the search process.
Ideation
Created low-fidelity wireframes to guide the redesign process and address the identified issues.
Created low-fidelity wireframes to guide the redesign process and address the identified issues.
Created low-fidelity wireframes to guide the redesign process and address the identified issues.
The ideation phase for the AMOMENTO website redesign kicked off with the development of low-fidelity wireframes for the essential pages. The design process for each page was initiated with a text prototype, outlining a comprehensive description for each section. This served as a foundational guide for sketching the preliminary layouts, which would later house the various content and functional elements.
The ideation phase for the AMOMENTO website redesign kicked off with the development of low-fidelity wireframes for the essential pages. The design process for each page was initiated with a text prototype, outlining a comprehensive description for each section. This served as a foundational guide for sketching the preliminary layouts, which would later house the various content and functional elements.
The ideation phase for the AMOMENTO website redesign kicked off with the development of low-fidelity wireframes for the essential pages. The design process for each page was initiated with a text prototype, outlining a comprehensive description for each section. This served as a foundational guide for sketching the preliminary layouts, which would later house the various content and functional elements.
FInal Design
These layouts were tailored for various screen sizes ensuring a seamless user experience across all platforms.
These layouts were tailored for various screen sizes ensuring a seamless user experience across all platforms.
These layouts were tailored for various screen sizes ensuring a seamless user experience across all platforms.
Once the wireframes were finalized, with careful consideration of the identified problems and research findings, the focus shifted to the visual design aspect. The objective was to ensure that the new design not only addressed the identified issues but also effectively conveyed the brand's vision and offered an engaging shopping experience. Upon completion of the desktop versions for the key pages, the design process extended to creating adaptive layouts. These layouts were tailored for various screen sizes, including small desktops, tablets, and mobile devices, ensuring a seamless user experience across all platforms.
Once the wireframes were finalized, with careful consideration of the identified problems and research findings, the focus shifted to the visual design aspect. The objective was to ensure that the new design not only addressed the identified issues but also effectively conveyed the brand's vision and offered an engaging shopping experience. Upon completion of the desktop versions for the key pages, the design process extended to creating adaptive layouts. These layouts were tailored for various screen sizes, including small desktops, tablets, and mobile devices, ensuring a seamless user experience across all platforms.
Once the wireframes were finalized, with careful consideration of the identified problems and research findings, the focus shifted to the visual design aspect. The objective was to ensure that the new design not only addressed the identified issues but also effectively conveyed the brand's vision and offered an engaging shopping experience. Upon completion of the desktop versions for the key pages, the design process extended to creating adaptive layouts. These layouts were tailored for various screen sizes, including small desktops, tablets, and mobile devices, ensuring a seamless user experience across all platforms.
Conclusion
The project highlighted the importance of user-focused design and the need for further user testing methods.
The project highlighted the importance of user-focused design and the need for further user testing methods.
The project highlighted the importance of user-focused design and the need for further user testing methods.
This project was a valuable learning experience, particularly in designing for e-commerce websites. It highlighted the importance of aspects such as cross-selling of products, information presentation, and advertisement. Moving forward, the aim is to incorporate more user testing methods into the process, such as A/B testing and data/web analytics. These strategies will help identify and address potential pain points, enhancing the user experience further.
This project was a valuable learning experience, particularly in designing for e-commerce websites. It highlighted the importance of aspects such as cross-selling of products, information presentation, and advertisement. Moving forward, the aim is to incorporate more user testing methods into the process, such as A/B testing and data/web analytics. These strategies will help identify and address potential pain points, enhancing the user experience further.
This project was a valuable learning experience, particularly in designing for e-commerce websites. It highlighted the importance of aspects such as cross-selling of products, information presentation, and advertisement. Moving forward, the aim is to incorporate more user testing methods into the process, such as A/B testing and data/web analytics. These strategies will help identify and address potential pain points, enhancing the user experience further.