.jpg)
The primary objective was to transform our product catalogue and product detail pages into an inspiring and user-friendly experience. The goal was to present our diverse product catalogue in a visually compelling way, ensuring users received all the necessary information before starting their design process.
To understand the underlying problems, I utilized Google Analytics and Hotjar recordings to gain detailed insights into user behavior and interactions with the product catalogue. Additionally, I consulted with our internal team to gather information on frequently asked questions about the product assortment.
Confusing Product Catalogue StructureThe product catalogue didn’t function like a typical catalogue, causing confusion for users. Its structure and presentation made it difficult for users to navigate and understand the product options.
Missed Chance to Show Product QualityCreator Studio offered high-quality, unique products, but the platform failed to highlight these qualities. The poor design of the product catalogue resulted in users not fully appreciating the value and features of the products.
Confusing Product Catalogue StructureThe product catalogue didn’t function like a typical catalogue, causing confusion for users. Its structure and presentation made it difficult for users to navigate and understand the product options.
Missed Chance to Show Product QualityCreator Studio offered high-quality, unique products, but the platform failed to highlight these qualities. The poor design of the product catalogue resulted in users not fully appreciating the value and features of the products.
Catalogue BypassDue to the confusion with the catalogue, a significant number of users were bypassing it entirely. They skipped straight to the design process without browsing through the products. This meant that users were not engaging with the full range of products available, missing out on important information.
Lack of Information Before DesigningUsers didn’t receive enough information about the products before entering the design process. This lack of details, such as product dimensions, material, and style options, made it harder for them to make decisions during the design phase.
Catalogue BypassDue to the confusion with the catalogue, a significant number of users were bypassing it entirely. They skipped straight to the design process without browsing through the products. This meant that users were not engaging with the full range of products available, missing out on important information.
Lack of Information Before DesigningUsers didn’t receive enough information about the products before entering the design process. This lack of details, such as product dimensions, material, and style options, made it harder for them to make decisions during the design phase.
I began the process by organizing a workshop that included a diverse group of participants, such as the product owner, the assortment team, and the creative director. During the workshop, we collaborated to compile all the information we had about each garment on post-it notes. We then reorganized this information, prioritizing the most crucial details at the top. Additionally, we discussed and established categories to summarize the additional garment information effectively.
Improved the overall look of the overview page to make it more engaging.
Added interactive elements allowing users to change the preview image by clicking on color dots and hover effects that changed the model's position.
Improved the overall look of the overview page to make it more engaging.
Added interactive elements allowing users to change the preview image by clicking on color dots and hover effects that changed the model's position.
Introduced a new page dedicated to product details, featuring a variety of large, high-quality product images and detailed information displayed alongside.
Enabled images to update based on color selections.
Introduced a new page dedicated to product details, featuring a variety of large, high-quality product images and detailed information displayed alongside.
Enabled images to update based on color selections.
Implemented a full-page view of product images, allowing users to see the garment's quality and details up close.
Developed a well-designed mobile version for all new pages.
One of the most significant takeaways from this project was the power of collaboration. Working with members from various teams and functions was incredibly inspiring and enriching. I was impressed by how much knowledge about our products I gained through this collaborative approach. Moving forward, I plan to engage in cross-functional teamwork even more to continue benefiting from the diverse perspectives and expertise within our organization.
Although we aimed to follow established design principles, the project faced several limitations. First, we did not conduct usability testings with real users but with team members. We might have had potential biases, as the team was already familiar with the design and process. Conducting usability tests with real users would have given valuable insights for further improvements.
Additionally, the revamp was initially by intuition rather than a data-driven approach. We incorporated data analysis later in the process but started with gut-feeling which could have led to design decisions that were not fully informed by user data from the outset.
© 2025 Alena Jensen. Designed & developed with ❤️
© 2025 Alena Jensen. Designed & developed with ❤️
