Studio

Was gerade entsteht.

Ein offener Blick in unsere Werkstatt: Projekte für Unternehmen in der Schweiz, Deutschland und Österreich, vom KMU bis zum Konzern, in Planung, in Arbeit und kurz vor dem Launch, mit Live-Vorschau, wo die Kunden sie freigegeben haben.

19 Projekte im Studio, 11 davon kurz vor dem Launch.

Illustration: Person mit Werkzeugkiste und Plan

01 · Bald live · Premium Mastermind · Bern · ZH · LU · BS · Chur

Erfolgs-Gemeinschaft AG

Live ansehen

Webauftritt für die Erfolgs-Gemeinschaft AG, exklusives Schweizer Mastermind-Netzwerk für Unternehmer, Founder und Geschäftsführer mit Standorten in Bern, Zürich, Luzern, Basel und Chur. Tagline »Auf den Gipfel kommt man nicht allein«. Minimalistisch-edles Swiss-Design mit Matterhorn-Bildwelt, gedeckter Farbpalette, grosszügigem Whitespace und intentionaler Typografie. Members-only-Modell mit 247 aktiven Mitgliedern, Aufnahme nur nach persönlichem Interview, Mastermind-Zirkel à 6 bis 8 Personen, 18 Events pro Jahr.

Stand: Feinschliff, Start steht bevor

Stack: Next.js 16, Tailwind v4, Framer Motion, Vercel

  • Ruhiges Schweizer Layout mit Matterhorn-Bildwelt
  • Nur für Mitglieder, 247 sind aktiv
  • Fünf Standorte: Bern, Zürich, Luzern, Basel, Chur
  • Mastermind-Zirkel und 18 Anlässe pro Jahr

02 · Design-Idee · Private Jet Charter · Cinematic Konzept

Frascatijets

Live ansehen

Frei erdachtes Design-Konzept für eine Private-Jet-Charter-Marke. Signature Hero mit 4-Layer-Window-Kompositing (Sky · Jet · Cabin · Frame) via mix-blend-mode:multiply. Die dunkle Kabine dimmt den Himmel organisch, das weisse Fenster-Cutout wird zur Porthole-View. Framer-Motion-Scroll-Parallaxe lässt den Jet driften und rotieren, die Kabine fadet, der Himmel skaliert, und die Headline wechselt editorial von »movement« zu »distinction«. Kein Kundenauftrag. Einfach, weil wir's bauen wollten.

Stand: Eigenentwurf, kein Kundenauftrag

Stack: Next.js 16, Tailwind v4, Framer Motion, Vercel

  • Blick aus dem Kabinenfenster, aus vier Bildebenen gebaut
  • Kabine und Himmel verschmelzen ohne harte Kanten
  • Jet, Kabine und Himmel bewegen sich mit dem Scrollen
  • Bronze und Messing auf Tinte

03 · Bald live · Creative Agency · Photography · Film · Oberglatt ZH

Mood Studios AG

Live ansehen

Webauftritt für die Mood Studios AG aus Oberglatt (Region Zürich), Creative-Agency für Photography, Brand Film und Editorial-Design. Tagline »Set the Mood. Tell the story.«. Drei Kern-Prinzipien: Mood etablieren · Narrativ schaffen · bleibender Impact. Modern-minimalistische Ästhetik mit fetter Typografie, hochwertiger Bildsprache und kuratierten Project-Showcases. Über 120 Brands betreut, Schwerpunkt Photography, Brand Films, Editorial und Identity Design.

Stand: Feinschliff, Start steht bevor

Stack: Next.js 16, Tailwind v4, GSAP, Framer Motion, Lenis

  • Kräftige Typografie und Bilder, die Geschichten erzählen
  • Projektschau für über 120 betreute Marken
  • Fotografie, Markenfilm und Identity Design
  • Leitsatz: Set the Mood. Tell the story.

04 · Design-Idee · Real Estate · Cinematic Konzept

Silk Estate

Live ansehen

Frei erdachtes Design-Konzept für eine Premium-Immobilienmarke. Cinematic Scroll-Hero mit Gebäude-zu-Logo-Transformation, zweilagige Wolken-Parallaxe, Background-Clip-Text als Wordmark-Füllung und editoriale Typografie. Kein Kundenauftrag. Einfach, weil wir's bauen wollten.

Stand: Eigenentwurf, kein Kundenauftrag

Stack: Next.js 16, Tailwind v4, GSAP, Framer Motion

  • Der Einstieg bleibt stehen und entwickelt sich beim Scrollen
  • Das Gebäude wird beim Scrollen zum Logo
  • Wolken in zwei Ebenen mit eigener Tiefe
  • Schriftzug mit Bild gefüllt

05 · Design-Idee · Bauunternehmen · Cinematic Konzept

Tragwerk

Live ansehen

Frei erdachtes Design-Konzept für ein Schweizer Bauunternehmen seit 1987 (Zürich · Bern · Luzern). Scroll-gescrubbter 40t-Liebherr-Bagger im Hero, zwei Atempause-Interludes (Turmkran-Silhouette bei Dämmerung, Beton-Guss-Makro), Beton-Monolith morpht via Object-to-Wordmark zu »TRAGWERK«, Blueprint-SVG zeichnet sich selbst, horizontale 6-Maschinen-Flotte, Gewerk-Chapters im Telkom-OT-Descent, Before/After-Slider, Kinetic-Marquee mit velocity-reactiver Variable-Font und DNA-Helix-Scroll. Industriell und ruhig gehalten.

Stand: Eigenentwurf, kein Kundenauftrag

Stack: Next.js 16, Tailwind v4, Three.js / R3F, GSAP, Framer Motion, Lenis

  • Ein 40-Tonnen-Bagger bewegt sich mit dem Scrollen
  • Ein Betonblock wird zum Schriftzug TRAGWERK
  • Ein Bauplan zeichnet sich selbst
  • Maschinenpark mit sechs Maschinen, quer scrollbar

06 · Bald live · Malerhandwerk · Schweiz · seit 1923

Maler Höhn AG

Live ansehen

Cinematic-Editorial für die Maler Höhn AG, Schweizer Familien-Malergeschäft seit 1923. Cinematic Scroll-Hero mit Brush-Wipe-Transitions zwischen den Sektionen, Paint-Color-Marquee und zwei velocity-reaktive ScrollMarquees (»Wir machen die Welt wie sie Ihnen gefällt« und das volle Leistungs-Set Maler · Gipser · Boden · Tapeten · Schimmel · Graffiti · Nikotin · Signaletik). Fraunces opsz/SOFT Variable-Font auf warmem Putz-Ton mit Terracotta- und Blau-Akzenten. 100+ Jahre Handwerk in moderner Bildsprache.

Stand: Feinschliff, Start steht bevor

Stack: Next.js 16, Tailwind v4, GSAP, Framer Motion, Sharp

  • Übergänge wie ein Pinselstrich zwischen den Abschnitten
  • Laufband mit den acht Leistungen in Farbe
  • Weiche Schrift auf warmem Putz-Ton
  • Zwei Laufbänder, die auf das Scrolltempo reagieren

07 · Bald live · Catering · Partyservice · Eventlocation · Frauenfeld TG

fresh & joy

Live ansehen

Alpine-Hospitality-Auftritt für fresh & joy in Frauenfeld TG: Catering, Partyservice und Eventlocation an der Bahnstrasse 13. Tagline »Alpine Leidenschaft auf Ihrem Teller«. Walnut-Wood-Akzente und warme Erdtöne, restaurant-quality Food-Photography mit Fokus auf regionale Produzenten und persönlicher Beziehung zu den Höfen. Bricolage Grotesque + Fraunces Variable + Inter, Lenis-Smooth-Scroll und GSAP-Scrubs. Swiss Location Award 2024 als Trust-Anchor. Fünf Routen (Catering · Partyservice · Eventlocation · Über uns · Kontakt).

Stand: Feinschliff, Start steht bevor

Stack: Next.js 16, Tailwind v4, GSAP, Motion, Lenis, Sharp

  • Alpine Gastlichkeit in Nussbaum und Erdtönen
  • Food-Fotografie und regionale Produzenten im Fokus
  • Abgestimmtes Schriftpaar für Titel und Text
  • Sanftes Scrollen, Bilder bewegen sich mit

08 · Design-Idee · Transport & Logistik · Showcase

Meridian

Live ansehen

Fiktives Showcase für eine globale Transport- & Logistik-Marke. Scroll-gescrubbtes 4K-Video-Hero, handgeschriebener R3F-Globe mit 15 Hubs und 27 Great-Circle-Arcs in fliessenden Dashed-Shadern, dazu ein WebGL-FlowField-Canvas als Ambient-Layer. Fünf Dienstleistungs-Kapitel (Road · Sea · Air · Rail · Last Mile) mit pinned ServiceChapterStage, 10-Lane-Monument, horizontale Flotten-Sektion und Prozess-Timeline, industrial-futuristisch in Ink, Signal-Orange und Cyan-Wire.

Stand: Eigenentwurf, kein Kundenauftrag

Stack: Next.js 16, Tailwind v4, Three.js / R3F, GSAP, Framer Motion

  • Ein 4K-Video läuft mit dem Scrollen
  • Drehbarer Globus mit 15 Hubs und 27 Routen
  • Fliessende Strömungsgrafik im Hintergrund
  • Fünf Kapitel: Strasse, See, Luft, Schiene, letzte Meile

09 · Bald live · Nothelfer-Ausbildung · Schweiz (20+ Standorte)

Flying Instructor

Live ansehen

Webauftritt für Flying Instructor, erste Wahl für Nothelferkurs, VKU, BLS-AED-SRC, Brandschutz und CZV-Ausbildungen in der Schweiz. Über 20 Standorte in 7 Kantonen (allein 12 Standorte in Zürich), Gründer mit 18 Jahren Rettungssanitäter-Erfahrung, Zertifizierung durch IVR, SRC und SVEB. Saubere Swiss-Modern-Ästhetik mit klinisch-hellen Trainings-Fotos, Founder-Narrativ und Real-Life-Testimonial »Diese paar Stunden haben ein Leben gerettet«. Zweisprachig DE/EN.

Stand: Feinschliff, Start steht bevor

Stack: Next.js 16, Tailwind v4, Framer Motion, Vercel

  • Klare Gestaltung, helle Fotos aus dem Training
  • Über 20 Standorte in 7 Kantonen, 12 davon in Zürich
  • Gründer mit 18 Jahren Erfahrung als Rettungssanitäter
  • Zertifiziert durch IVR, SRC und SVEB

10 · Bald live · Badewannen-Renovation · Reinach BL

Schichtbetrieb GmbH

Live ansehen

Neuaufbau für die Schichtbetrieb GmbH aus Reinach BL, Spezialist für Badewannen-Renovation ohne Ausbau. Object-to-Wordmark NEU-Hero, R3F Wannen-Color-Configurator zum Konfigurieren von Farbton und Finish, FLUX-Kontext-generierte identische Vorher/Nachher-Paare (drei perfekte Bildpaare, bei denen nur die Wanne gewechselt wird), editoriale Phases-Grid, Lenis-Smooth-Scroll und eine beruhigte Porcelain-Sage-Clay-Palette. Acht Routen inkl. Versicherungsfall-Seite mit realer Schadenmeldung-Bildwelt.

Stand: Feinschliff, Start steht bevor

Stack: Next.js 16, Tailwind v4, Three.js / R3F, Framer Motion, Lenis, fal.ai

  • Wannenfarbe und Finish direkt auf der Seite wählen
  • Vorher-nachher-Bilder, bei denen nur die Wanne wechselt
  • Der Einstieg wird zum Schriftzug NEU
  • Farben aus Porzellan, Salbei und Ton

11 · Bald live · Swiss Energy Drink · Zürich

Awake Mate

Live ansehen

Kompletter Relaunch für Awake Mate, den Schweizer Mate-basierten Naturenergy-Drink aus Zürich. Tiki-inspirierte Bildwelt, scrub-getriebene GSAP-Animationen, Lenis Smooth-Scroll und ein Mate-Blau × Sun-Yellow-Farbsystem. Lebendig und unverwechselbar schweizerisch.

Stand: Feinschliff, Start steht bevor

Stack: Next.js 16, Tailwind v4, GSAP, Framer Motion, Lenis

  • Abschnitte bleiben stehen und wechseln beim Scrollen
  • Sanftes Scrollen
  • Tiki-Illustrationen als Akzente
  • Kräftige Schrift, Handschrift als Kontrast

12 · In Arbeit · Energieberatung · Küsnacht am Zürichsee

Wunderli Management AG

Live ansehen

Webauftritt für die Wunderli Management AG, unabhängige Energieberatung aus Küsnacht am Zürichsee (gegr. 2011). Minimalistisches Swiss-Design mit klassischer Serifenschrift, römischen Ziffern als Leitmotiv und einem Journal-artigen Seitenlayout. Fokus auf Erneuerbare Energien, Batteriespeicher und Dekarbonisierung.

Stand: Design-Phase läuft

Stack: Next.js 16, Tailwind v4, Framer Motion, Vercel

  • Reduziertes Layout wie ein Journal
  • Klassische Serifenschrift, römische Ziffern als Leitmotiv
  • Methodik in drei Phasen: Diagnose, Design, Umsetzung
  • Elf Fachdisziplinen der Energieberatung

13 · In Arbeit · Enterprise Document Management · Deutschland

LIB-IT DMS GmbH

Live ansehen

Enterprise-Webauftritt für die LIB-IT DMS GmbH aus Pleidelsheim, Hersteller der FILERO-Plattform für Dokumentenmanagement und Informationsmanagement. Light-Mode Editorial mit warmem Paper-Ton, Cobalt-Blau als Primärfarbe und Compliance-Signaling (GoBD, DSGVO, SOX). 13 Routen inkl. GSAP-getriebener Produkt-Tour.

Stand: Design-Phase, Auftakt erfolgt

Stack: Next.js 16, Tailwind v4, GSAP, Framer Motion, Lenis

  • Produkt-Tour, die sich mit dem Scrollen entfaltet
  • Katalog mit 36 Funktionen
  • Kobaltblau mit Bernstein als Signalfarbe
  • Vertiefungen zu GoBD, DSGVO und SOX

14 · Bald live · Private Residences · Swiss Alps & Lakes

Atelier Nord

Live ansehen

Cinematic-Editorial für Atelier Nord, eine kleine Sammlung architektonisch bedeutender Residenzen in den Schweizer Alpen und an den Seen, ausschliesslich auf Einladung. Dunkles Ink-on-Bone-Theme mit Time-Adaptive-Layer, Custom-Cursor, Audio-Ebene, Preloader und Scroll-Progress. Manifesto, Featured Residences, Amenity-Chapters, Materials-Horizontal, Site-Plan-Orchestration, Press-Quote und Nightfall-Inquiry.

Stand: Feinschliff, Start steht bevor

Stack: Next.js 16, Tailwind v4, GSAP, Framer Motion, Lenis

  • Filmischer Einstieg, sanftes Scrollen
  • Stimmung folgt der Tageszeit, dazu Klang und eigener Cursor
  • Materialien quer scrollbar, Ausstattung in Kapiteln
  • Tinte auf Knochenweiss

15 · In Arbeit · Luxury Real Estate · Zug / Zürich / Graubünden

Nobilis Estate AG

Live ansehen

Webauftritt für die Nobilis Estate AG, Luxus-Immobilienvermittlung mit Standorten in Zug, Zürich und Graubünden. Minimalistisches, elegantes Swiss-Design mit editorialer Fotografie und dezenter Typografie. Kuratiertes Portfolio aus Schlössern, Villen und Premium-Apartments mit diskreter Vermittlung und hauseigener Kreativagentur.

Stand: Design und Inhalte in Arbeit

Stack: Next.js 16, Tailwind v4, Framer Motion, Vercel

  • Zurückhaltende Eleganz
  • Kuratiertes Portfolio aus Schlössern, Villen und Apartments
  • Hauseigene Kreativagentur
  • Diskrete Vermittlung abseits des Marktes

16 · Bald live · Körperarbeit · Pilates · Ehrendingen

Organic Moves

Live ansehen

Webauftritt für Organic Moves von Jean-Claude Rubin in Ehrendingen: ganzheitliche Körperarbeit, Pilates, Entspannung und Sexualberatung. Light-Mode Premium mit Cream-, Sage- und Terracotta-Tönen, Fraunces-Italic-Headlines, Inter-Tight-Body und JetBrains-Mono-Akzenten. ServiceChapterStage auf der Home, Editorial Catalog Monument auf /therapien, konsolidierte Navigation mit 5 statt ursprünglich 13 Routen.

Stand: Feinschliff, Start steht bevor

Stack: Next.js 16, Tailwind v4, Framer Motion, Vercel

  • Angebote als Kapitel auf der Startseite
  • Therapien als grosser Katalog
  • Creme, Salbei und Terracotta
  • Navigation von 13 auf 5 Routen verdichtet

17 · Bald live · Precision Measurement · Aachen DE

aixACCT Systems

Live ansehen

Webauftritt für die aixACCT Systems GmbH aus Aachen, seit 1995 Hersteller von Hochpräzisions-Messsystemen für piezoelektrische und ferroelektrische Materialien (TF Analyzer Familie, aixPES, aixSCAN, aixCMA, aixDBLI). Minimalistisch-technische Ästhetik mit Graustufen-Laborfotografie, klarer Sans-Serif-Typografie und PTB-traceable Calibration als Vertrauensanker. 30+ Jahre Expertise, ISO 9001, ITAR-compliant, in 40+ Ländern im Einsatz, übersetzt in eine ruhige, präzise Bildsprache.

Stand: Feinschliff, Start steht bevor

Stack: Next.js 16, Tailwind v4, Framer Motion, Vercel

  • Laborfotografie in Graustufen
  • Produktfamilie TF Analyzer in eigenen Abschnitten
  • Kalibrierung auf die PTB rückführbar, ISO 9001, ITAR-konform
  • Fünf Branchen: Sensorik, Medizin, Luftfahrt, Automobil, Konsumgüter

18 · Bald live · E-Mobility · Charging Infrastructure · Aachen DE

aixACCT Emobility

Live ansehen

Eigenständiger E-Mobility-Auftritt für die aixACCT Systems GmbH, Ladecontroller für skalierende Flotten (CP-Main, CP-Ethernet, CP-ISO inkl. ISO 15118 Plug & Charge und OCPP 1.6j). Dunkles Hero mit CCS-Plug- und Depot-Bildwelt, Kennzahlen aus dem Feld (über 35'000 Ladepunkte), Case-Study-Carousel rund um die Essen-Depot-Installation und eine fünfstufige Projekt-Methodik. Technische Glaubwürdigkeit durch konkrete Zahlen.

Stand: Feinschliff, Start steht bevor

Stack: Next.js 16, Tailwind v4, Framer Motion, Vercel

  • Dunkler Einstieg mit Ladestecker und Depot
  • Über 35'000 Ladepunkte im Feld
  • Plug & Charge nach ISO 15118, OCPP 1.6j erklärt
  • Fallbeispiel Depot Essen

19 · In Arbeit · Gerüstbau · Allschwil / Zürich / Sursee

Lovecchio AG

Live ansehen

Relaunch für die Lovecchio AG, Schweizer Gerüstbau-Unternehmen seit 1983 mit drei Standorten. Industrial-Dark-Ästhetik mit Steel-Grau und Signalorange, Bricolage Grotesque als Stimme. 18 Routen inkl. Leistungen, Standorte und Projekt-Cases.

Stand: Letzte Prüfung, Start folgt

Stack: Next.js 16, Tailwind v4, Framer Motion, Vercel

  • Dunkles, industrielles Design
  • 18 Seiten, drei Standorte
  • Stahlgrau und Signalorange
  • Referenzen als eigene Projektseiten

Transparenz ist uns wichtig. Wir zeigen gern, woran wir gerade arbeiten, auch wenn es noch nicht fertig ist.

Manche Projekte laufen unter NDA. Vorschau-Zugang gibt es auf Anfrage.

Vorschau anfragen

Unser Studio

Wo das alles entsteht.

Binningerstrasse 95 in Allschwil, im Geschäftshaus Letten, dritter Stock im grauen Gebäudeteil. Allschwil grenzt direkt an Basel, Parkplätze gibt es vor dem Haus.

Geschäftshaus Letten an der Binningerstrasse 95 in Allschwil: links der helle Bürotrakt, rechts der graue Gebäudeteil mit dem Frascati-Büro im dritten Stock, davor der Parkplatz
Geschäftshaus Letten · Binningerstrasse 95 · 4123 Allschwil BL · 3. StockAuf der Karte ansehen