Travel Atelier: a website that starts the conversation about your trip

A new website for an Estonian boutique travel agency that plans each trip around the traveller. In about three weeks I designed and built it, including the destination globe and a trip form that turns into a ready email. I also wrote most of the copy and translations, with the client's input.

Destinations: 9 destinations, each with its own card and a prefilled trip form
Client: Travel Atelier, boutique travel agency, Estonia
My role: Design and development; most of the copy and translations, with the client's input
Timeline: 2026, about 3 weeks
Status: Live, replacing the agency's previous website
Languages: Estonian, Russian, English
Stack: Vite on Vercel, content in Sanity CMS

Make a personal service clear on one page

Travel Atelier plans each trip around the traveller's pace, company and budget, and has no catalogue of package tours. The new site replaced the agency's previous one. It had to make this clear straight away and lead visitors to one action: telling the agency what kind of trip they want.

Sales start with a conversation: There is nothing to add to a cart, so the site has to build trust and collect a good brief.
Partner tour operators: Each trip's terms come from the offer and the responsible operator, and the site has to say that plainly.
Practical services next to the dream: Instalments through ESTO and help with travel insurance, each with its own conditions.
Three languages: Estonian, Russian and English.

Lead every visitor to one action

This is a retrospective of the live site. Everything below can be seen on travelatelier.ee today.

One page that reads like a pitch: Hero slider, philosophy, destinations, how it works, why Travel Atelier, partners, practical services, then a final call to plan the trip.
Destinations with character: Nine destinations on a globe and in cards, each described in one line instead of a price.
One primary action: "Plan your journey" in the header, the hero, every destination and the closing section. All of them open the same form.
A form that collects a real brief: Destination or "Open to inspiration", trip style, travellers, dates and length, then contacts. The agency gets a good brief in one step, without an email thread.
Content the agency can edit: Texts and most photos come from Sanity, so the agency updates them without a developer.

From the first screen to a ready email

One idea on the first screen: A slider of six destinations under one line, "Journeys designed around you", and two ways in: plan your journey or explore destinations.
A globe you can spin: Destinations sit on a draggable photo globe. Pick a photo and that destination opens.
Hand-picked destinations: Each destination has a line on its character, a region and a photo. No prices, since every trip is planned from scratch.
How it works, before anyone asks: Four steps in plain words: tell us how you wish to travel, we curate tailored options, we refine the journey together, you travel with dedicated care.
Every destination ends with a plan: The card shows the route, the best season to visit and the travel style, then "Plan journey to Maldives".
The form arrives filled in: From a destination, the form opens with it already written in, on the boarding pass too. The pass updates as the traveller fills in style, people, dates and nights.
Clear about what happens next: The form sends nothing by itself. "Prepare email" opens an email to the agency with the subject "Trip enquiry:" plus the destination, and every answer in the body. The site says so above the form.
Practical services next to the dream: Instalments through ESTO and travel insurance, each with "Ask about this service". The exact conditions stay with the provider.
Terms in plain words: A terms page explains that each trip's terms come from the offer and the responsible tour operator, with links to the operators' documents.

From a destination to a ready email

The globe, a destination card, the prefilled form and the email it prepares. The header, hero and closing buttons open the same form empty.

What the site does between the main screens

01–05 were captured on the live site: the hero slider, the language menu, a process step, the filled boarding pass and the date range. 06, "Dates missing", only appears after pressing Prepare email, so it is drawn from the site's code and marked "from code" on the board.

The same journey on a phone

The home page, a destination card and the trip form, each in one column, with the boarding pass still on top of the form.

What the site is made of

A Vite site on Vercel with its content in Sanity, so the agency changes texts and photos without a developer. The trip form hands over to the visitor's own email app.

Tokens and components from the live CSS

Colours, type and the components the site is built from, the boarding pass included, redrawn from production.

What this means for your business

Travel Atelier sells something people need to talk through before they buy. The site's job is to start that conversation well: show the approach, then collect a brief a consultant can act on. If your sales also begin with a conversation, I can design and build a page that opens it.

Selling something people need to talk through before they buy? Let's design the page that starts that conversation.

travelatelier.ee

Screens redrawn in Figma from the live site on 08.11.2026. The agency's phone number is masked; the "Dates missing" state is drawn from the site's code.

lubinartur@gmail.com · LinkedIn · CV (PDF)