Konzept-Studie2025Brand-System · WebGL · Conversion
Altair Capital
Fintech — WebGL Dashboard — Zürich
Investor-Dashboard mit räumlicher Daten-Visualisierung und ruhiger Motion, auf Lighthouse-100 ausgelegt.
Case-DetailsWeb Design Studio · Dreiländereck
Websites, diein Erinnerung bleiben.
Schnelle, hochwertige Websites — von Hand gebaut, ohne Baukasten.
Arbeiten
Drei Konzept-Studien, die unsere Handschrift zeigen.
Noch keine Kundenprojekte öffentlich — diese drei Studien sind Eigenarbeiten, an denen wir Anspruch und Handschrift zeigen.
Alle Konzept-StudienKonzept-Studie2025Brand · Commerce · Motion
Mosse Atelier
Fashion — E-Commerce — Berlin
Marken-Commerce für handgenähte Mode — jedes Stück als Spread statt Katalog-Kachel.
Case-DetailsKonzept-Studie2024Identity · Web-System · Growth
Heron Labs
AI Lab — Markensystem — Remote
Markensystem und Website mit modularen Landingpages je Branche.
Case-DetailsWeb Design
Durchdachte Layouts, klare Seitenführung und Art Direction.
UX DesignArt DirectionDesign Systems
Web Development
Schnelle Frontends, ein CMS zum Pflegen der Inhalte, barrierearm und sauber gebaut.
Next.jsHeadless CMSAccessibility
Marketing
Landingpages, Launch-Texte und SEO-Grundlagen.
LandingFunnelLaunch Strategy
3D / WebGL
Interaktive 3D-Szenen und Produkt-Momente, die dem Inhalt dienen.
Three.jsGLSLR3F
Prozess
Vom Konzept zum Launch in vier klaren Phasen.
Jede Phase schließt ab, bevor die nächste beginnt. Festpreis pro Phase, bezahlt nach Abschluss.
Richtung
Phase 01 von 04 · 1–2 Wochen
Bevor etwas gerendert wird, klären wir, was die Marke zu sagen hat und in welcher Stimme.
Visuelle These, User Journey, Content-Hierarchie und Interaktions-Sprache definieren.
Im Fokus
- Brand-Audit
- Visuelles Konzept
- Interaktions-Sprache
- Content-Hierarchie
Du erhältst
- Brand-Audit-Notiz (8 – 12 Seiten)
- Moodboard + Reference-Stack
- Sitemap + IA-Sketch
FigJamNotionAnchor WorkshopPrototyp
Phase 02 von 04 · 1 Woche
Wir bauen zuerst den einen Interaktionsmoment, der die Site trägt — bevor Budget in den Rest fließt.
Motion, Layout und 3D-Richtung früh testen, bevor die Produktion startet.
Im Fokus
- Motion-Prototypen
- 3D-Richtung
- Layout-Tests
- Stakeholder-Freigabe
Du erhältst
- Klickbarer Hero-Prototyp
- 3D-Studie (interaktiver Build)
- Stakeholder-Sign-Off-Pack
FigmaGSAPthree.jsSplineBuild
Phase 03 von 04 · 2–4 Wochen
Die Substanz unter der Oberfläche: typsichere Schnittstellen, vorhersagbare Renderzustände und saubere Performance.
Zugängliche, performante, responsive und CMS-fähige Frontends entwickeln.
Im Fokus
- Next.js 16
- WebGL-Integration
- CMS-Setup
- Responsive-Feinschliff
Du erhältst
- Produktiver Code-Stack (Next 16 · R3F · GSAP · Sanity)
- CMS für Redaktion bereit
- Cross-Browser & Mobile-Pass
Next.js 16Tailwind v4SanityGSAPReact Three FiberLaunch
Phase 04 von 04 · 1–2 Wochen
Mit dem Launch beginnt die Arbeit an der Performance erst richtig: messen, nachschärfen, sauber halten.
SEO, Analytics, QA, Performance und Optimierung. Lighthouse-100 als Ziel.
Im Fokus
- SEO-Grundlagen
- Lighthouse-Audit
- Analytics
- Post-Launch-Support
Du erhältst
- Lighthouse-Report (Desktop + Mobile)
- Analytics-Setup (Plausible / GA4)
- Post-Launch-Sprintplan 30/60/90
LighthousePlausibleSentryVercelProjekt starten
KontaktMax. 2 Mandate parallel · 4–6 pro Jahr
1/2 Slots offen · Start Q3 2026
Erzähl uns von deinem Projekt.
hey@evioe.deStudios — Startups — Marken — DACH + International
Gespräch buchen30 Min · kostenfrei · ohne Verbindlichkeit
Projekt-Briefing
In drei kurzen Schritten.
01Identifikation
02Kontext
03Briefing
Schritt 01 von 03 · Identifikation