TIFFANY & CO: MICROSITE
Tools: Figma
Timeline: 3 weeks
Project Brief
A responsive Figma prototype of a Tiffany & Co. microsite based on a lead designer’s direction. I created mockups, iterated through feedback, and implemented the final design.
01 Research & Content
Working under the guidance of a lead designer, I closely followed Tiffany & Co.'s branding to create an elegant and minimal aesthetic. I started by translating the written content into a modular layout, then designed high-fidelity mockups in Figma that aligned with the company’s clean and visual language.
02 Design Process
Design Inspiration:
Iteration 1
Development
- Full-screen video landing page with brand-aligned elements.
- microinteractions and hover states for navigational elements
- Responsive layout optimized for both desktop and mobile
- Clear content hierarchy and visual emphasis on Tiffany's legacy and values
Final Iteration
03 Final prototypes
Desktop Prototype
Mobile Prototype
Conclusion
Takeaways
- Learned how to follow and apply a luxury brand’s style in a website design
- Got better at improving designs through feedback and testing
- Worked more smoothly with a team and took direction from a lead designer
- Practiced making sure the design looked good and worked well on all screen sizes
