Vino

Industry

Premium Beverage / Marketplace

Client

Confidential (NDA)

Service

UX/UI Design — Pre-Launch Web Platform

Date

March 2026

VINO is a curated digital marketplace connecting wine lovers, producers, sellers, and cultural partners. Before launch, the platform needed a high-impact promotional website with one goal: attract early adopters and build an ecosystem before the product went live.

Client details anonymized per NDA.

The Challenge

The platform serves two very different audiences — consumers and producers — who land on the same page with different motivations. The hero had to speak to both instantly, without feeling generic or split.


The design also required strict adherence to an existing brand identity — typography, color system, and visual language were already defined. My challenge was to work within those constraints while creating a layout that felt purposeful and premium, not templated.

What I Did

  1. Mapped the full information architecture: 10-section page flow from cinematic hero to segmented CTAs

  1. Designed wireframes for all pages: Hero, Problem/Solution, Platform Pillars, Ecosystem Map, How It Works, Benefits by role, Launch Timeline

  1. Created the full visual design with multi-language support (EN / FR / DE / IT)

  1. Built role-adaptive onboarding entry: single form that adapts based on account type (Consumer / Producer / Seller / Partner)

  1. Designed Privacy Policy and Terms & Conditions pages in the same visual language

Due to NDA, only the hero section design is shown in this case study.
Due to NDA, only the hero section design is shown in this case study. You can check it in the desktop version.

Key Design Decisions

  1. Cinematic visual language — the hero was designed to create emotional impact before explaining the product. Premium aesthetic, bold typography, and atmospheric imagery that signals the brand positioning immediately.

  1. Dual CTA — two primary actions side by side: one for consumers ("Join VINO"), one for producers ("Become a Seller"). Each speaks directly to its audience without competing for attention.

  1. Multi-language ready — layout designed to accommodate EN / FR / DE / IT from the start, with text containers flexible enough to handle different string lengths.

Learnings

Designing a hero for a pre-launch marketplace means selling a vision before the product exists. Every visual decision had to balance aspiration with clarity — make it feel premium, but make the action obvious.

RELATED PROJECTS

Create a free website with Framer, the website builder loved by startups, designers and agencies.