Alle Projekte

Maison Altitude2026

Maison Altitude

E-Commerce für eine Niche-Fragrance-Brand mit Matterhorn-Parallax-Hero, Shopify-Anbindung und sechs Sprachen.

Eine Niche-Fragrance-Brand aus Zermatt brauchte einen Auftritt, der sich anfühlt wie das Produkt: ruhig, präzise, hochwertig.

Der Hero inszeniert das Matterhorn als mehrschichtigen Parallax, die Typografie bleibt editorial zurückhaltend. Technisch ist die Site headless gebaut: React und Vite im Frontend, die Shopify Storefront API übernimmt Produkte und Checkout.

Sechs Sprachvarianten decken das internationale Publikum ab. Vollständig lokalisiert, nicht maschinell übersetzt.

Ablauf in 25 Schritten

Jedes Projekt läuft nach demselben Fahrplan: sechs Phasen, 25 Schritte, jeder dokumentiert. So sah er hier aus.

  1. Start

    Auftrag steht, alle wissen, was gilt

    1. Auftrag bestätigtOfferte für einen mehrsprachigen Shop-Auftritt unterschrieben, Start und Liefertermin fixiert.
    2. Kickoff-MeetingZiel in einem Satz: den Duft aus Zermatt so ruhig und hochwertig zeigen wie das Produkt selbst; Zielgruppe international.
    3. Unterlagen & ZugängeLogo, Markenfarben, Produktfotos und die Zugänge zu Domain und Shopify eingeholt.

  2. Konzept

    Struktur, Design-Richtung, Inhalte

    1. Struktur & SitemapSchlanke Struktur: Startseite mit Matterhorn-Hero, Produkt, Geschichte, Kontakt; jede Seite führt zum Kauf.
    2. Design-RichtungEditorial-ruhige Typografie, viel Weissraum, das Matterhorn als mehrschichtiger Parallax; eine Richtung, begründet.
    3. Inhalte fertigstellenTexte in sechs Sprachvarianten vollständig lokalisiert, nicht maschinell übersetzt; Bildwelt aus den Produktfotos.

  3. Umsetzung

    Bauen, zeigen, anpassen

    1. Entwurf StartseiteStartseite mit Parallax-Hero auf Desktop und Handy gebaut, als Massstab für alle weiteren Seiten.
    2. ZwischenpräsentationStand am Bildschirm gemeinsam durchgegangen, Rückmeldungen als Liste, Richtung freigegeben.
    3. Alle Seiten & InhalteAlle Seiten und Sprachvarianten gebaut, Produktdaten über die Shopify Storefront API angebunden, Bilder optimiert.
    4. Impressum & DatenschutzImpressum und Datenschutzerklärung nach nDSG, inklusive Shop, Zahlung und Statistik.
    5. Kontakt & FormulareKontaktweg mit Spam-Schutz, Checkout über Shopify getestet, Telefon und Mail auf dem Handy klickbar.

  4. Technik & Go-Live

    Domain, DNS, HTTPS, Abnahme, live

    1. Domain & DNSDomain beim Registrar geprüft, Einträge dokumentiert, Umzug vorbereitet, Mail-Einträge unverändert.
    2. Hosting & HTTPSHeadless-Frontend (React, Vite) ausgeliefert, HTTPS aktiv, www und ohne www vereinheitlicht, Backups eingerichtet.
    3. QualitätscheckAuf Handy, Tablet und Desktop durchgeklickt: Links, Sprachwechsel, Parallax ohne Layout-Shift, Ladezeit.
    4. AbnahmeAbnahme mit dem Kunden durchgeführt und schriftlich festgehalten.
    5. Go-LiveGo-Live an einem Werktag am Vormittag, danach alle Seiten und der Checkout live geprüft.

  5. Sichtbarkeit

    Google, Statistik, Basis-SEO

    1. Google Search ConsoleSearch Console eingerichtet, Sitemap mit allen Sprachvarianten eingereicht, hreflang geprüft.
    2. Google Business ProfileGoogle Business Profile geprüft und mit Website, Öffnungszeiten und Bildern abgeglichen.
    3. StatistikDatensparsame Besucherstatistik ohne Cookie-Banner eingerichtet.
    4. Basis-SEOTitel, Beschreibungen und strukturierte Daten je Sprache gesetzt, Bilder mit Alt-Texten.

  6. Übergabe & Betreuung

    Doku, Rechnung, Abo, Referenz

    1. ÜbergabedokumentÜbergabedokument mit Hosting, Domain, DNS, Shopify-Anbindung und allen Zugängen übergeben.
    2. SchlussrechnungSchlussrechnung aus dem Auftrag gestellt.
    3. Betreuung & AboBetreuung als Abo: Updates, Monitoring, Backups und Sicherheits-Check.
    4. Referenz & BewertungProjekt als Referenz freigegeben, Screenshots und Beschreibung abgestimmt.
    5. Nachfassen nach 30 TagenNach 30 Tagen nachgefragt: Betrieb ruhig, offene Wünsche aufgenommen.
  • React
  • Vite
  • Motion
  • Shopify Storefront API
  • i18n · 6 Sprachen
Live ansehen