Scroll-Effekte & Animation
GSAP-Animationen pro Block einstellbar – und automatisch ruhig, wenn Besucher:innen „Bewegung reduzieren“ aktiviert haben.
01Karten – Sticky Stapel Stacking Cardspraxis/stacking-cards
Warum zu uns
Vier Gründe, sich bei uns gut aufgehoben zu fühlen.
-
Zeit für Gespräche
Wir planen Termine so, dass Fragen Platz haben – persönlich oder per Video.
-
Moderne Technik
Aktuelle Werkzeuge und bewährte Standards für sichere, schnelle Lösungen.
-
Digital & unkompliziert
Termine online buchen, Dateien sicher austauschen, Projektstand jederzeit sehen.
-
Barrierefrei & zentral
Mitten in der Stadt, ebenerdig erreichbar und mit Aufzug.
02Sticky Scrollytelling Bild links, Maske von untenpraxis/sticky-scroll
Ablauf
So läuft Ihr Projekt ab.
-
Schritt 1
Kennenlernen
Wir besprechen Ziele, Rahmen und Budget – offen und vertraulich.
-
Schritt 2
Analyse & Konzept
Wir sehen uns Abläufe, Systeme und Zielgruppen genau an.
-
Schritt 3
Umsetzung
Design und Entwicklung in kurzen Etappen mit regelmäßigen Demos.
-
Schritt 4
Übergabe & Plan
Im Abschlussgespräch erhalten Sie Ergebnisse und konkrete Empfehlungen.
03Sticky Scrollytelling Bild rechts, Kreis-Reveal, langsampraxis/sticky-scroll
Ablauf
Schritt für Schritt.
-
Schritt 1
Kennenlernen
Wir besprechen Ziele, Rahmen und Budget – offen und vertraulich.
-
Schritt 2
Analyse & Konzept
Wir sehen uns Abläufe, Systeme und Zielgruppen genau an.
-
Schritt 3
Umsetzung
Design und Entwicklung in kurzen Etappen mit regelmäßigen Demos.
-
Schritt 4
Übergabe & Plan
Im Abschlussgespräch erhalten Sie Ergebnisse und konkrete Empfehlungen.
04Horizontal-Scroll-Sektion Gepinnt, randlos, mobil wischbarpraxis/horizontal-scroll
Ein Rundgang
Ihr Besuch – Schritt für Schritt.
Scrollen Sie weiter und lernen Sie unser Unternehmen kennen.
Empfang
Kaffee oder Tee? Willkommen im Büro.
Workshop-Raum
Whiteboards, Licht und Ruhe für gute Ideen.
Design-Studio
Hier entstehen Marken und Oberflächen.
Entwicklung
Code, Tests und Deployments – sauber dokumentiert.
Go-live
Jedes Projekt bekommt seinen Moment.
05Scroll-Expand Bild wächst auf Vollbild, beim Zurückscrollen wieder kleinerpraxis/scroll-expand
06Bild-/Video-Reveal – Masken-Animation Von untenpraxis/image-reveal
07Bild-/Video-Reveal – Masken-Animation Kreis, Fullscreenpraxis/image-reveal
08Bild-/Video-Reveal – Masken-Animation Jalousie, 21:9praxis/image-reveal
09Bild-/Video-Reveal – Masken-Animation SVG-Maske (Herz) mit Videopraxis/image-reveal
10Bild-/Video-Reveal – Masken-Animation SVG-Maske (Kreuz) mit Bild, Fläche dahinterpraxis/image-reveal
11Kinetische Typografie Zeilen gleiten gegenläufigpraxis/kinetic-text
Strategie · Design · Technik – Web · Software · Cloud – Zeit für Sie
12Kinetische Typografie Endlos-Laufbandpraxis/kinetic-text
Strategie · Design · Technik – Web · Software · Cloud – Zeit für Sie
13Kinetische Typografie Statement füllt sich beim Scrollenpraxis/kinetic-text
Wir glauben, dass gute Projekte mit Zuhören beginnen – und mit einem Team, das sich Zeit nimmt.
14Kinetische Typografie Statement skaliert beim Scrollenpraxis/kinetic-text
Mehr Zeit für Sie.
15Hover-Reveal-Liste Vorschau folgt dem Cursorpraxis/hover-list
Schwerpunkte
Worauf wir uns spezialisiert haben.
-
Strategie
Workshops, Analysen und Roadmaps.
-
Design
Markenauftritt, Oberflächen, Design-Systeme.
-
Entwicklung
Websites, Portale, Schnittstellen.
-
Betrieb
Updates, Monitoring und Hilfe im Alltag.
16Hover-Reveal-Liste Feste Vorschau rechtspraxis/hover-list
Schwerpunkte
Worauf wir uns spezialisiert haben.
-
Strategie
Workshops, Analysen und Roadmaps.
-
Design
Markenauftritt, Oberflächen, Design-Systeme.
-
Entwicklung
Websites, Portale, Schnittstellen.
-
Betrieb
Updates, Monitoring und Hilfe im Alltag.
17Hover-Reveal-Liste Clip-Reveal in der Zeilepraxis/hover-list
Schwerpunkte
Worauf wir uns spezialisiert haben.
-
Strategie
Workshops, Analysen und Roadmaps.
-
Design
Markenauftritt, Oberflächen, Design-Systeme.
-
Entwicklung
Websites, Portale, Schnittstellen.
-
Betrieb
Updates, Monitoring und Hilfe im Alltag.
18Zeitleiste / Ablauf Abwechselnd links/rechtspraxis/timeline
Ihr erster Besuch
In vier Schritten zum Ergebnis.
-
Schritt 1
Erstgespräch
Wir lernen Ihr Vorhaben kennen – kostenlos und unverbindlich.
-
Schritt 2
Konzept & Angebot
Sie erhalten einen klaren Plan mit Festpreis und Zeitrahmen.
-
Schritt 3
Umsetzung
In kurzen Etappen mit regelmäßigen Abstimmungen und sichtbaren Ergebnissen.
-
Schritt 4
Go-live & Betreuung
Wir übergeben sauber, schulen Ihr Team und bleiben an Ihrer Seite.
19Zeitleiste / Ablauf Einseitigpraxis/timeline
Ihr erster Besuch
In vier Schritten zum Ergebnis.
-
Schritt 1
Erstgespräch
Wir lernen Ihr Vorhaben kennen – kostenlos und unverbindlich.
-
Schritt 2
Konzept & Angebot
Sie erhalten einen klaren Plan mit Festpreis und Zeitrahmen.
-
Schritt 3
Umsetzung
In kurzen Etappen mit regelmäßigen Abstimmungen und sichtbaren Ergebnissen.
-
Schritt 4
Go-live & Betreuung
Wir übergeben sauber, schulen Ihr Team und bleiben an Ihrer Seite.
20Zeitleiste / Ablauf Horizontal mit Klickpraxis/timeline
Ihr erster Besuch
In vier Schritten zum Ergebnis.
Erstgespräch
Wir lernen Ihr Vorhaben kennen – kostenlos und unverbindlich.
Konzept & Angebot
Sie erhalten einen klaren Plan mit Festpreis und Zeitrahmen.
Umsetzung
In kurzen Etappen mit regelmäßigen Abstimmungen und sichtbaren Ergebnissen.
Go-live & Betreuung
Wir übergeben sauber, schulen Ihr Team und bleiben an Ihrer Seite.
21Scroll-Video mit Textboxen Zeitachse folgt dem Scrollenpraxis/scroll-video
Unser Unternehmen
Modern
Digitale Abläufe vom Check-in bis zum Befund – damit mehr Zeit für Sie bleibt.
Unser Unternehmen
Persönlich
Ein festes Team, das Sie kennt – und Ihre Geschichte nicht jedes Mal neu hören muss.
Unser Unternehmen
Verlässlich
Labor, EKG und Ultraschall im Haus – schnelle Befunde ohne Umwege.
22Video – volle Breite (Loop) 21:9, abgerundet, Autoplay stummpraxis/video-band
23Video – volle Breite (Loop) 16:9, randlospraxis/video-band
24Vorher / Nachher – Vergleichsregler Horizontalpraxis/before-after
25Vorher / Nachher – Vergleichsregler Vertikal, 4:3praxis/before-after