Date
August,2024
Role
UI/UX Designer
Company
Craywingz
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.
Capture the essence of the Craywingz brand: fun, edgy, creative.
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.
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.
•Implemented pixel-perfect designs using Framer.
•Leveraged Framer's CMS and animation tools to bring the brand to life.
•Optimized for performance across devices.
The heart of Craywingz isn't just in the designs- it's in their people. This project became my favorite because it let me showcase the actual humans behind our work.
When you hover over each team member's portrait, you'll see custom animations that capture their personality. Each animation tells you something about who they are, not just what they do—playful illustrations, quirky doodles, meticulous patterns, and bold strokes that reflect the spirit of our creative process.
Building this interactive gallery was challenging, but watching our team light up when they saw themselves represented made every debugging session worth it. This wasn't just another UI/UX project- it was our way of saying "these are the brilliant minds you're working with when you choose Craywingz."
Increased user engagement with scroll-triggered interactions.
Received amazing design feedback from founders & designers of other agencies/companies.
Created a strong foundation for the brand’s digital identity.
