All projects

Maison Altitude2026

Maison Altitude

E-commerce for a niche fragrance brand with a Matterhorn parallax hero, Shopify integration and six languages.

A niche fragrance brand from Zermatt needed a presence that feels like the product: calm, precise, premium.

The hero stages the Matterhorn as a multi-layer parallax while the typography stays editorially restrained. Technically the site is headless: React and Vite on the front end, the Shopify Storefront API handles products and checkout.

Six language variants cover the international audience. Fully localised, not machine-translated.

The project in 25 steps

Every project follows the same roadmap: six phases, 25 steps, each one documented. This is how it went here.

  1. Start

    Order confirmed, everyone knows the rules

    1. Order confirmedOffer for a multilingual shop presence signed, start and delivery date fixed.
    2. Kickoff meetingGoal in one sentence: show the fragrance from Zermatt as calm and premium as the product itself; international audience.
    3. Assets & accessLogo, brand colours, product photos and access to domain and Shopify collected.

  2. Concept

    Structure, design direction, content

    1. Structure & sitemapLean structure: home with Matterhorn hero, product, story, contact; every page leads to the purchase.
    2. Design directionEditorially calm typography, plenty of white space, the Matterhorn as a multi-layer parallax; one direction, with reasons.
    3. Content finalisedCopy fully localised in six language variants, not machine-translated; imagery from the product photos.

  3. Build

    Build, show, adjust

    1. Home page draftHome page with parallax hero built for desktop and phone, as the benchmark for all further pages.
    2. Interim presentationWalked through the state together on screen, feedback as a list, direction approved.
    3. All pages & contentAll pages and language variants built, product data connected via the Shopify Storefront API, images optimised.
    4. Imprint & privacyImprint and privacy policy under the Swiss nDSG, including shop, payment and analytics.
    5. Contact & formsContact route with spam protection, checkout via Shopify tested, phone and mail tappable on mobile.

  4. Tech & go-live

    Domain, DNS, HTTPS, sign-off, live

    1. Domain & DNSDomain checked at the registrar, records documented, move prepared, mail records untouched.
    2. Hosting & HTTPSHeadless front end (React, Vite) deployed, HTTPS active, www and non-www unified, backups set up.
    3. Quality checkClicked through on phone, tablet and desktop: links, language switch, parallax without layout shift, load time.
    4. Client sign-offSign-off carried out with the client and recorded in writing.
    5. Go-liveGo-live on a weekday morning, then all pages and the checkout checked live.

  5. Visibility

    Google, analytics, basic SEO

    1. Google Search ConsoleSearch Console set up, sitemap with all language variants submitted, hreflang checked.
    2. Google Business ProfileGoogle Business Profile checked and aligned with website, hours and images.
    3. AnalyticsPrivacy-friendly visitor analytics set up, no cookie banner.
    4. Basic SEOTitles, descriptions and structured data set per language, images with alt text.

  6. Handover & care

    Docs, invoice, plan, reference

    1. Handover documentHandover document with hosting, domain, DNS, Shopify integration and all access handed over.
    2. Final invoiceFinal invoice issued from the order.
    3. Care & planCare as a plan: updates, monitoring, backups and security check.
    4. Reference & reviewProject approved as a reference, screenshots and description agreed.
    5. Follow-up after 30 daysFollowed up after 30 days: running quietly, open wishes noted.
  • React
  • Vite
  • Motion
  • Shopify Storefront API
  • i18n · 6 languages
View live