1. Architecture & SEO Compromise
The Information Architecture (IA) was a delicate balance between UX best practices and aggressive SEO requirements.
The Conflict: SEO demanded extensive text blocks and long, descriptive product names that threatened to clutter the UI.
The Solution: I designed a Mega-Menu layout (ordered by SEO priority) and a page structure that could "absorb" long-form content without breaking the clean, premium aesthetic of the shop.
2. Shopify Data Mapping: Simplifying the Complex
Working with the technical team, I mapped how data flowed from the back-end connector to the front-end.
Standardizing Attributes: To avoid a fragmented catalog, we decided to keep Color as the primary variant.
Logic Alignment: I translated technical attributes into intuitive filters, ensuring that the migration didn't lose the filtering power of the original three sites.
3. Iterative Visual Refinement
The UI wasn't born in a day. The process involved a rigorous exploration of the new brand's visual language.
Color Strategy: I went through multiple rounds of color palette testing to find a "neutral yet warm" ground that could represent all three brands without favoring one over the others.
High-Fidelity Handoff: I delivered pixel-perfect Figma prototypes, ensuring the development team could implement custom Shopify sections that stayed true to the refined brand identity.