Arbeit Prozess Kontakt Projekt anfragen
Verfügbar für neue Projekte

Websites, die nicht nur gut aussehen, sondern verkaufen.

Ich baue kompakte, animierte, barrierefreie Websites für Marken, die auffallen wollen: von der ersten Skizze bis zum letzten Pixel.

Case Study ansehen Projekt anfragen
Kostenloses Erstgespräch, Antwort innerhalb von 24h
WebdesignMotion DesignMicro-InteractionsBarrierefreiheit (WCAG 2.2 AA)Design SystemsPerformance WebdesignMotion DesignMicro-InteractionsBarrierefreiheit (WCAG 2.2 AA)Design SystemsPerformance
Motion Study

Der Norden, in Bewegung.

Eine kurze KI-generierte Videostudie der norwegischen Fjordküste bei Nacht: Berge, ein Leuchtturm mit rotierendem Lichtkegel und raue See.

Norwegische Fjordküste: Motion StudyKI-generiertes Video (Runway, gen-4-turbo)
Case Study

MOVERA: eine Marke, die es noch nicht gab

Das Briefing war offen: ein Rollstuhl-Shop, Aktiv- und Elektromodelle, keine Vorlage, kein bestehendes Corporate Design. Daraus entstand eine eigene Marke mit Design-System, animiertem Illustrationsstil und einer vollständig barrierefreien, funktionierenden Website.

Eigenes Design-System Custom SVG-Illustrationen Live-Produktfilter FAQ-Akkordeon A11y-first (Skip-Link, Fokuszustände, reduced-motion) CSS-only Motion, keine schweren Libraries

MOVERA, gedacht für den Alltag

AlleAktivElektroXXL
Live-ProduktfilterKategorien filtern ohne Reload, mit Zähler.
Kostenübernahme? +

Ja, bei ärztlicher Verordnung.

Rückgabe? +
Lieferzeit? +
FAQ-AkkordeonSanft animiert, per Tastatur bedienbar.
Icon-Motion-SystemWiederkehrende Rad-Animation als Markenzeichen.
movera-landingpage.html, Desktop-Ansicht

So wirkt MOVERA auf dem iPhone

Im Handy läuft die echte movera-landingpage.html, die volle Desktop-Ansicht, herunterskaliert und automatisch durchgescrollt.

Leistungen & Prozess

Leistungen

01

Webdesign & Branding

Design-Systeme, die konsistent skalieren.

02

Motion & Micro-Interactions

Animation mit Zweck, nicht als Beiwerk.

03

Barrierefreiheit

WCAG-orientiert von Anfang an mitgedacht.

04

Performance & Code

Schlankes CSS/JS statt schwerer Frameworks.

Prozess

01

Gespräch & Ziele

Was soll die Website leisten, für wen?

02

Konzept & Prototyp

Struktur, Ton und erste Entwürfe zum Testen.

03

Design, Motion & Launch

Feinschliff, Animation, sauberer Go-Live.

Was Kund:innen sagen

Beispiel-Testimonials, noch keine echten Kundenstimmen
★★★★★

„Endlich eine Website, die genauso viel Energie hat wie unsere Marke. Von der Idee bis zum Launch lief alles reibungslos.“

NK
Nora Kessler
Gründerin, Kessler Studio
★★★★★

„Klare Kommunikation, schnelle Umsetzung und ein Ergebnis, das sich sofort in mehr Anfragen bemerkbar gemacht hat.“

TB
Tobias Brandt
Geschäftsführer, Brandt & Co.
★★★★★

„Die neue Seite wirkt modern und schnell und macht auf Anhieb einen professionellen Eindruck, genau das, was wir gesucht haben.“

LH
Lena Hoffmann
Marketing, Hoffmann Living

Warum STUDIO NORD?

Die meisten kommen über eine Empfehlung hierher, wissen also schon ungefähr, wer ich bin. Hier steht das, was danach meist gefragt wird, so nüchtern wie möglich.

Arbeite ich wirklich direkt mit dir?

Ja. STUDIO NORD ist keine Agentur, sondern ich, Kilian Mauel. Wer das Gespräch führt, macht auch das Design und schreibt den Code.

Das heisst auch: begrenzte Kapazität. Wenn ein Zeitfenster nicht passt, sage ich das lieber früh als zu spät.

Warum du und nicht eine Agentur?

Weil hier niemand abgefertigt wird. In einer Agentur läuft dein Projekt durch eine Kette: Briefing an den einen, Design vom nächsten, Umsetzung vom dritten. Auf jeder Übergabe geht etwas verloren.

Mein Massstab ist ein anderer: nicht möglichst viele Projekte durchschieben, sondern deines sauber und professionell fertig machen, bis das Ergebnis sitzt.

Was bekomme ich am Ende genau?

Eine fertige Website als statisches HTML, CSS und JavaScript. Kein Baukasten, kein Theme, kein Framework-Unterbau, kein Build-Schritt.

Das läuft auf praktisch jedem Hosting, lässt sich nicht durch ein Plugin-Update zerlegen und ist auch in fünf Jahren noch les- und änderbar.

Was kostet eine Website bei dir?

Das hängt davon ab, was du brauchst. Eine einzelne Landingpage ist etwas anderes als eine mehrseitige Website mit Case Studies und Motion.

Deshalb gibt es hier keine Pauschale, aber auch keine Fantasiepreise: fair kalkuliert und genau auf das gerechnet, was tatsächlich gebaut wird. Was es kostet, weisst du, bevor es losgeht.

Wie lange dauert das?

Jede Website wird einzeln gestaltet, deshalb wäre eine feste Zahl hier geraten. Was ich zusagen kann: ich halte das Tempo hoch und du siehst unterwegs echte Zwischenstände, statt wochenlang nichts zu hören.

Wenn es auf einen Termin zulaufen muss, sag ihn im Erstgespräch. Dann sage ich dir, ob er realistisch ist.

Kann ich Inhalte später selbst ändern?

Standardmässig nein. Es gibt kein Redaktionssystem im Hintergrund, Textänderungen laufen über mich.

Das ist bewusst so: für Seiten, die sich selten ändern, spart es Kosten, Wartung und Angriffsfläche. Wenn du regelmässig selbst Inhalte pflegen willst, sag das früh, dann ist das eine andere Bauweise und wir sprechen vorher darüber.

Ist die Seite barrierefrei?

Ja, WCAG 2.2 AA ist der Massstab, an dem ich baue: sichtbare Fokuszustände, Tastaturbedienung, geprüfte Kontraste, Rücksicht auf reduzierte Bewegung.

Das ist kein Zusatzposten, sondern Teil der normalen Arbeit.

Wie läuft ein Projekt ab?

Erstgespräch, dann eine Skizze von Aufbau und Inhalt, dann Design, dann Umsetzung. Zwischendurch siehst du echte Zwischenstände im Browser, keine abfotografierten Screens.

Am Ende geht die Seite live und du bekommst alle Dateien.

Noch nicht bereit für ein Gespräch?

Beantworte sechs kurze Fragen und du bekommst sofort eine erste Skizze, wie deine Seite aufgebaut sein könnte. Kein Anruf, keine Verpflichtung.

Worum geht es?

Was soll entstehen?

Was machst du?

Ein, zwei Sätze reichen. Zum Beispiel: „Tischlerei mit eigener Möbelserie, Kundschaft im Umkreis von 50 km.“

Was soll die Seite erreichen?

Das wichtigste Ziel. Alles andere ordnet sich dem unter.

Wie soll es wirken?

Es gibt kein Richtig, es geht um die Richtung.

Wie groß ungefähr?

Grobe Schätzung genügt, das lässt sich später anpassen.

Wohin darf die Skizze?

Damit ich mich auf dein Projekt beziehen kann, wenn du dich meldest.

Lass uns deine Website bauen.

Kurze Nachricht reicht. Ich melde mich zeitnah zurück.

STUDIO NORD · Kilian Mauel