I tackled strategic component design and brand alignment. Choosing Ted Baker as my brand, I used Figma, Webflow, and a series of workshops to craft UI components for an e-commerce landing page.

Starting with text and buttons, I progressed through navigation, headers, forms and e-commerce details. Each design in Figma was translated to Webflow, resulting in a visually consistent component library. Inspired by Ted Baker's aesthetic, I then ventured into crafting a full-height desktop landing page, merging functionality with an engaging user experience.

The culmination of these efforts manifested in an extensive component library, an interactive repository of design elements harmonizing with Ted Baker's aesthetic. Transitioning seamlessly from Figma to Webflow, I orchestrated the components into a visually consistent library, ready to be repurposed for the final e-commerce landing page.

In the final weeks, I fine tuned the landing page and component library in Webflow, documenting design principles and brand guidelines. The project concluded with a showcase, presenting my work & receiving valuable feedback.

This project, rooted in strategic component design, showcased the fusion of creativity and technology. The carefully crafted component library and e-commerce landing page demonstrated the power of thoughtful UI design, reflecting the essence of Ted Baker's brand identity.