Velvet Rose
Romantic florist site with graceful motion and a clear shopping flow
Client
Velvet Rose
Role
Motion Design, UI/UX Design, Front-End Development
Live
Visit siteBuilt with (for the curious)
React + TypeScript, GSAP ScrollTrigger, Tailwind CSS +1 more
Summary
Designed a premium florist storefront with gentle, organic motion, a category browse section, and a clean product grid—built to feel romantic without getting in the way of conversion.
The Challenge
Velvet Rose needed a website that conveyed the romance and artistry of their arrangements. Generic flower shop templates felt cold and transactional—they wanted visitors to feel the craft before making a purchase.
The Solution
Designed an editorial, botanical storefront with gentle motion inspired by petals and stems. Category browsing and product hierarchy keep shopping straightforward, while typography and pacing maintain a premium feel.
Project Snapshot
Goals
- Capture the romance and elegance of artisan floristry
- Create an immersive browsing experience for flower categories
- Use organic motion that mimics natural growth and bloom
- Drive conversions while maintaining an emotional, premium feel
Constraints / Requirements
- Single-page scroll with horizontal category browsing section
- Soft, romantic color palette (corals, pinks, creams)
- Performance-optimized for mobile flower orders
- Accessible reduced-motion fallbacks for all animations
Deliverables & Rationale
What I Delivered
- Editorial hero with refined type and image-forward composition
- Category browsing section that stays playful but structured
- Story/brand section that reinforces positioning
- Product grid with clear pricing, CTAs, and hover states
- Testimonials and trust signals integrated into the scroll
- Final CTA section that keeps ordering the focus
- Reduced-motion support and mobile-first spacing
Why This Works
- Motion adds softness and craft without slowing shopping
- Category browsing improves discovery without clutter
- Product cards keep pricing and CTAs unmissable
- Typography + spacing reinforce premium positioning
Process
Romantic Hero Gateway
An editorial hero with gentle motion and a clear hierarchy—designed to feel romantic without feeling busy.
Kinetic Garden Categories
A category-led browse section that encourages exploration while keeping the shopping flow structured.
Floating Product Market
A clean product grid with strong CTAs, clear pricing, and hover states that add delight without hiding key actions.
Results & Impact
Botanical
Motion Style
Gentle, organic motion that supports the brand tone
Category-led
Browse UX
Structured exploration without a catalog feel
Checkout-forward
Conversion Clarity
Product cards keep CTAs and pricing clear
Want a website that feels alive?
I design romantic, motion-rich experiences that connect with visitors emotionally—perfect for premium brands and artisan businesses.
Talk about your project