Dirty Little Birdie is a bold fashion and lifestyle e-commerce brand that blends humor, sensuality, and rebellious self-expression. I designed the e-commerce website in Framer, a store that feels alive — cheeky yet refined. Every interaction, color, and transition was crafted to turn shopping into an aesthetic experience, not just a transaction.

The main challenge in this project was precision — delivering exactly what the client envisioned, down to the smallest interaction. They had a very specific vision for how the products should be displayed, how users would browse through the slideshow, and even how the cursors should behave on hover and scroll. The experience had to feel custom-built: the slideshow needed to respond both to keyboard navigation and mouse drag, transitions had to be fluid and intuitive, and every detail — from hover effects to product layout — had to match the client’s expectations perfectly. Balancing that level of visual control with smooth performance on all devices was a technical and creative challenge in itself.

To achieve this, I designed and built a fully custom product showcase system in Framer, engineered to behave precisely as the client imagined. The slideshow was developed to support dual navigation controls — users can swipe through images using either arrow keys or mouse gestures, with subtle easing for a natural feel. I also customized the cursor behavior, so the pointer transforms dynamically depending on context (e.g., hover over product vs. navigation area), reinforcing the brand’s personality through motion. Transitions between product images were smoothed with micro-delay animations for a cinematic touch, while maintaining optimal loading times. Every visual and technical choice was tested iteratively to ensure the experience felt polished, tactile, and entirely unique to Dirty Little Birdie’s world — bold, elegant, and irresistibly interactive.

Brand Identity & Tone • Visual language inspired by boutique fashion zines and underground art. • Palette: black, rose gold, and violet — bold yet sensual. • Typography: mix of serif for attitude and sans-serif for balance. Impact: Establishes a daring, memorable aesthetic from the first second.

E-Commerce Flow • Clean product grid with smart hover effects revealing names and prices. • “Quick view” modal interactions that keep users immersed. • Streamlined checkout experience integrated via Framer components. Impact: Smooth UX without losing brand immersion.

Storytelling Through Design • The home page works like a visual manifesto — each scroll uncovers attitude and desire. • Copywriting plays with wit and irony, reinforcing brand voice. Impact: Creates an emotional link beyond the product itself.

✔️ Mobile-first e-commerce flow ✔️ Fast checkout experience ✔️ Optimized visuals for performance ✔️ CMS ready for product updates

Concept & Brand Discovery → Framer Development → Shopy-Shopiframe Integration → QA & Launch

My Role UI/UX Designer · Framer Developer

Tools Figma · Framer · Shopiframe · Shopify

• Full Framer e-commerce website • Shopiframe integration • Responsive layout

Results • A cohesive digital boutique that embodies rebellion and beauty • Distinctive brand storytelling that connects emotionally with the audience. • Smooth e-commerce flow and optimized user experience. • A strong visual identity that differentiates Dirty Little Birdie from typical fashion online stores.