×
The Wine Affair — Premium Landing Page — Landing Page · UI · Branding cover

Landing Page · UI · Branding

The Wine Affair — Premium Landing Page

A storytelling-led landing experience that sells a premium wine without ever feeling like an ad.

Role

UI Designer & Art Director — concept, brand, UI.

Project type

Landing Page · UI · Branding

Full case study

The Wine Affair — Premium Landing Page — case study visual 1 (UI/UX, product design, Landing Page · UI · Branding)
The Wine Affair — Premium Landing Page — case study visual 2 (UI/UX, product design, Landing Page · UI · Branding)
The Wine Affair — Premium Landing Page — case study visual 3 (UI/UX, product design, Landing Page · UI · Branding)
The Wine Affair — Premium Landing Page — case study visual 4 (UI/UX, product design, Landing Page · UI · Branding)
The Wine Affair — Premium Landing Page — case study visual 5 (UI/UX, product design, Landing Page · UI · Branding)
The Wine Affair — Premium Landing Page — case study visual 6 (UI/UX, product design, Landing Page · UI · Branding)
The Wine Affair — Premium Landing Page — case study visual 7 (UI/UX, product design, Landing Page · UI · Branding)
The Wine Affair — Premium Landing Page — case study visual 8 (UI/UX, product design, Landing Page · UI · Branding)
The Wine Affair — Premium Landing Page — case study visual 9 (UI/UX, product design, Landing Page · UI · Branding)
The Wine Affair — Premium Landing Page — case study visual 10 (UI/UX, product design, Landing Page · UI · Branding)
The Wine Affair — Premium Landing Page — case study visual 11 (UI/UX, product design, Landing Page · UI · Branding)
The Wine Affair — Premium Landing Page — case study visual 12 (UI/UX, product design, Landing Page · UI · Branding)

Visuals © Mihaela Matei — sourced from the Behance case study.

Challenge

Build a single-page experience that holds attention long enough to convert curiosity into intent, for a product where the audience buys on emotion and story.

My approach / process

Designed the page like a short film — opening scene, narrative middle, resolution CTA. Combined editorial typography, atmospheric product photography and slow, intentional micro-animations.

Key UX / UI decisions

  • Scroll-driven narrative with clearly defined acts and breathing room.
  • Type pairing of high-contrast serif headings and humanist sans body.
  • CTAs placed at emotional peaks, not just at fixed scroll positions.

Outcome

A refined landing page combining branding, storytelling and conversion-aware UI — 169 appreciations, 1.5K views.

What this project proves

Art direction and UI craft working together. Ability to design pages that feel like brand moments, not templates.

Tools used

  • Figma
  • Photoshop