J.Crew Quality Hub
J.Crew’s Quality Hub is dedicated to showcasing the premium materials and craftsmanship that go into their garments. The section celebrates both the quality and story behind each material—making the case for J.Crew’s commitment to modern, sustainable craftsmanship and thoughtful design.
Role: Lead Designer
Developed wireframes from concept to completion, creating components and interactive prototypes in Figma. Presented designs to leadership, incorporated feedback, and iterated for improvement. Collaborated closely with front-end developers to ensure the live site aligned seamlessly with the Figma prototype.
Team:
Amy Turkington, SVP of Brand Creative
Ricky Kim, Head of Digital
Wireframes
I created five low-fidelity wireframes and, after review, we selected Version 4. It best captured J.Crew’s brand identity and overall aesthetic, striking the right balance between style and usability.
Components
Created Figma components to streamline the design process and ensure consistency and efficiency.
High Fidelity Prototype
After building out the component library, I moved on to iterating high-fidelity prototypes. Based on feedback from leadership, I refined the designs and finalized the version shown below.
Site
Mobile
Live Web Design
Collaborated with front-end developers to ensure all features functioned smoothly and provided a seamless user experience. Conducted thorough cross-checks to confirm the live site accurately reflected the Figma prototype.
See live design here:
https://www.jcrew.com/feature/quality-hub#nav-world