

Overview:
Craywingz is a full range creative agency.
I took on this project from end to end, starting with the user research and branding alignment, designing the complete UI and finally developing it in Framer. Built for Sienna, a professional photographer with her own studio, this website serves as a stunning online gallery, allowing her to present her work with sophistication, clarity, and impact.
The Challenge
• Make navigation simple and intuitive despite the bold, expressive style.
•Ensure the site is responsive, fast, and fully interactive.
• Create a seamless single-developer pipeline from design to development.
Design Process
1. Discovery & Research:
• Studied the Craywingz brand tone, audience, and competitors.
• Mapped out the content structure and user journey through wireframes.
2. Moodboarding & Visual Direction
• Curated bold, expressive palettes and typography.
• Explored creative layouts that still adhered to UX best practices.
3. UI/UX Design
• Designed custom components, iconography, and micro-interactions.
• Focused on scroll-based storytelling, hover interactions, and modular sections.
4. Framer Development
• Implemented pixel-perfect designs using Framer.
• Leveraged Framer's CMS and animation tools to bring the brand to life.
• Optimized for performance across devices.





