Zum Inhalt springen

Webdesign & Online-Shops

Websites mit Scrollfilm und Online-Shops mit Shopify – Webdesign aus Frankfurt

Ich baue Websites, an die man sich erinnert, und Online-Shops, die verkaufen: gestaltet für Ihre Marke, gebaut mit eigener Technik, mit Fotos und Film aus einer Hand.

Fallstudie · Nexentrium

Eine Website, die man scrollt wie einen Film

Nexentrium ist meine eigene Softwaremarke, und die Startseite ist ein Scrollfilm: Nachts fliegt die Kamera auf einen Turm zu, fährt im Glasaufzug an der Fassade hinab, läuft durch eine Halle unter der Erde und steht am Empfang, und zum Schluss läuft der Abspann wie im Kino. Das Mausrad spult die Kamerafahrten vor und zurück. So eine Website baue ich auch für Sie.

nexentriumtech.com
Bildschirmaufnahme der Startseite von Nexentrium im Browser: die Fahrt vom nächtlichen Turm bis zum Abspann
Dieselbe Startseite auf dem Telefon
nexentriumtech.com · Aufgenommen am 15. Oktober 2026
  • Das Mausrad ist die Filmspule

    Jede Kamerafahrt ist für diese Seite generiert, das Standbild mit Seedream, die Bewegung mit Seedance, und so kodiert, dass alle acht Bilder ein Schlüsselbild sitzt. So trifft jeder Sprung des Mausrads sofort.

  • Ein Besuch im Turm

    Jeder Abschnitt ist eine Etage: Dach, Etagenplan, Showrooms, Halle, Dach um Mitternacht, Büro, Lobby und Empfang. Ein Turm am Rand zeigt, wo man gerade ist.

  • Auch auf langsamer Leitung

    Am Telefon und bei langsamer Verbindung laufen leichtere Fassungen, und wer Daten sparen will, schaltet die Videos ab. Kein Text wartet auf den Film.

  • Deutsch und Englisch, lückenlos

    Fehlt einem Satz die Übersetzung, schlägt schon die Typprüfung fehl. So geht keine halb übersetzte Seite online.

Etage für Etage

Was in jedem Bereich passiert

Jeder Ausschnitt ist ein Stück derselben Fahrt, einmal hinunter und wieder hinauf gescrollt.

  1. nexentriumtech.com
    nexentriumtech.com — Der Sturzflug

    01 · Dach

    Der Sturzflug

    Nachts aus der Luft auf den Turm zu. Die Überschrift tritt zurück, je tiefer die Kamera sinkt. Auf langsamer Leitung wartet die Seite hinter dem Logo, bis das erste Bild der Fahrt steht, höchstens dreißig Sekunden und jederzeit überspringbar.

  2. nexentriumtech.com
    nexentriumtech.com — Der Turm als Plan

    02 · Etagenplan

    Der Turm als Plan

    Von oben ist es ein Turm, von innen ein Plan: Die Produkte stehen als Etagen eines Gebäudes, damit klar ist, wie sie zusammengehören, bevor die einzelnen Karten kommen.

  3. nexentriumtech.com
    nexentriumtech.com — Jede Etage ein Raum

    03 · Showrooms

    Jede Etage ein Raum

    Hinter der Überschrift fährt die Kamera an der Fassade Etage für Etage hinab. Jedes Produkt hat seinen Raum, in dessen Fenstern die Stadt flackert, und auf dem Bildschirm darin läuft seine eigene Website, Bild für Bild von der Live-Seite aufgenommen.

  4. nexentriumtech.com
    nexentriumtech.com — Im Glasaufzug nach unten

    04 · Aufzug

    Im Glasaufzug nach unten

    Im gläsernen Aufzug an der Außenseite des Turms hinab, an den Etagen vorbei und weiter unter die Straße, bis sich die Halle öffnet.

  5. nexentriumtech.com
    nexentriumtech.com — Was alles trägt

    05 · Halle · UG

    Was alles trägt

    Unten, wo niemand hinsieht: Die Kamera läuft durch die Halle ins Licht, und dort stehen die vier Kompetenzen, auf denen jedes Produkt gebaut ist.

  6. nexentriumtech.com
    nexentriumtech.com — Die Stadt verbindet sich

    06 · Dach · Mitternacht

    Die Stadt verbindet sich

    Auf dem Dach um Mitternacht, die Kamera steht still, und im Zeitraffer laufen Lichtlinien vom Turm aus, bis die Stadt bis zum Horizont ein Netz ist. Das Scrollen ist hier die Stadt, die sich verbindet.

  7. nexentriumtech.com
    nexentriumtech.com — Oben brennt noch Licht

    07 · Büro

    Oben brennt noch Licht

    Mein Porträt in Tiefe: Aus dem Foto ist eine Tiefenkarte geschätzt, und jedes Pixel bewegt sich mit seiner Tiefe, während die Kamera einmal im Kreis fährt. So dreht sich das Gesicht ein wenig gegen das Dunkel.

  8. nexentriumtech.com
    nexentriumtech.com — Der Abschied

    08 · Lobby · Empfang

    Der Abschied

    Die häufigen Fragen in der Lobby, dann steigt die Kamera vom Dach, bis die Stadt ein Lichtpunkt ist, und taucht zurück durch die Tür. Am Empfang steht, ob gerade jemand da ist, nach der Uhr des Besuchers.

  9. nexentriumtech.com
    nexentriumtech.com — Das Ende, wie im Kino

    09 · Abspann

    Das Ende, wie im Kino

    Nach dem Empfang schließt sich das Bild zum Breitbild. Die Kamera fährt rückwärts aus der Lobby, steigt am Turm empor und landet auf dem Bild, mit dem der Film begonnen hat. Darüber läuft der Abspann im Tempo des Mausrads: die Produkte als Besetzung, jedes mit seiner Etage, dann die Titelkarte. Der Ton wird dabei leiser.

Selbst durch einen Raum gehen

Jede Ansicht in den Räumen der Produkte hat eine eigene Adresse. Diese Links öffnen die Seite direkt dort.

Onlineshops

Shops, Plattformen und Künstlerseiten, die ich gebaut habe

Eigene Oberflächen vor Shopify, mit Funktionen, die es im Standard-Theme nicht gibt, mit CONVIM! eine Plattform, die mein eigenes Projekt ist, und eine Galerie für eine Malerin. Die Aufnahmen zeigen die Startseiten so, wie ein Besucher sie scrollt.

korndex.de
korndex.de — Startseite am Schreibtisch
korndex.de — Startseite am Telefon

Korndex

Ein Onlineshop für professionelle Schleifmittel, Zubehör und Maschinen, auf Deutsch und Englisch.

  • Ein Körnungsfinder und eine Systemlogik, die zu jeder Maschine das passende Verbrauchsmaterial kennt.
  • Grundpreise nach der Preisangabenverordnung, aus den Packungsgrößen gerechnet.
  • Ein Test schlägt fehl, wenn einer deutschen Zeile die englische fehlt.
  • Next.js
  • TypeScript
  • Shopify
  • Vercel
korndex.de
glossdoc.com
glossdoc.com — Startseite am Schreibtisch
glossdoc.com — Startseite am Telefon

Glossdoc

Ein Onlineshop für Autopflege, Lackreparatur und Zubehör, mit eigener Oberfläche vor Shopify.

  • Headless: Next.js zeigt die Produkte, Shopify liefert die Daten und den Checkout.
  • Die Adressen entsprechen denen des alten Shopify-Themes, damit die Platzierungen bei Google bleiben.
  • Seiten erneuern sich alle fünf Minuten von selbst, ohne neuen Build.
  • Next.js
  • TypeScript
  • Shopify
  • Vercel
glossdoc.com
convimi.com
convimi.com — Startseite am Schreibtisch
convimi.com — Startseite am Telefon

CONVIM!

Eigenes Projekt

Mein eigenes Projekt: eine Plattform, auf der Models, Fotografen, Visagisten, Musiker und Filmemacher Projektpartner in ihrer Nähe finden.

  • Wischen zum Vernetzen, eine Karte mit Personen und Events und eine Suche in natürlicher Sprache.
  • Jobs und Castings mit Bewerbung, Vertrag mit digitaler Unterschrift und Agentur-Dashboard; Chats in Echtzeit.
  • Als App installierbar und offline nutzbar, komplett auf Deutsch und Englisch, mit Demo ohne Konto.
  • Eigene Apps für iPhone, Mac und Android – bald im App Store, im Mac App Store und bei Google Play.
  • React
  • TypeScript
  • Vite
  • Supabase
  • Capacitor
  • PWA
  • Vercel
convimi.com
valentina-reina.com
valentina-reina.com — Startseite am Schreibtisch
valentina-reina.com — Startseite am Telefon

Valentina Reina

Website für Künstler

Website und Galerie für die Malerin Valentina Reina aus Kyjiw: hell, still und so gebaut, dass die Bilder den Raum haben und nicht die Seite.

  • Die Startseite ist die Galerie: Werk für Werk blättern, mit Maßen, Serie, Preis und dem Stand verfügbar oder verkauft.
  • Kaufanfrage und Merkliste statt Warenkorb, per E-Mail, WhatsApp oder Telegram; ein eigenes Atelier, in dem sie Werke, Preise und Fotos selbst pflegt.
  • In vier Sprachen, Ukrainisch und Russisch eingeschlossen, und für das Telefon gebaut, auf dem sie selbst nachsieht.
  • Next.js
  • React
  • Vercel Blob
  • Vercel
valentina-reina.com

Sie wollen auch so einen Shop?

Erzählen Sie mir, was Sie verkaufen. Ich sage Ihnen, wie Ihr Shop aussehen kann und was er kostet.

Website oder Shop anfragen

Branchen

Shops für jede Branche

Was verkauft wird, ändert, was ein Shop können muss: Ersatzteile brauchen einen Finder, Mode braucht Größen, Lebensmittel brauchen Versandregeln. Ich baue den Shop um Ihre Produkte herum.

  • Werkstatt & Handwerk
  • Auto & Zubehör
  • Möbel & Interior
  • Mode & Accessoires
  • Kosmetik & Pflege
  • Food & Getränke
  • Kunst & Prints
  • Großhandel & B2B
  • Produkte nach Maß
  • Digitale Produkte

Ihr eigener Shop

Ein Shop, der aussieht wie Ihre Marke und verkauft.

Viele Shops sehen gleich aus, weil so viele auf denselben Vorlagen laufen. Ich gestalte Ihren Shop für Ihre Produkte und Ihre Kunden: mit klaren Wegen zum Warenkorb, schnellen Seiten auf dem Handy und Texten, die Fragen beantworten, bevor jemand fragt.

Im Hintergrund läuft Shopify. Produkte, Preise und Bestellungen pflegen Sie im Shopify-Admin, bezahlt wird in der sicheren Shopify-Kasse mit PayPal, Klarna, Kreditkarte und mehr. Ich richte alles ein, binde an, was Ihr Geschäft braucht, und übergebe Ihnen einen Shop, der vom ersten Tag an verkaufen kann.

  • 500+

    Projekte

  • 200+

    Auftraggeber

  • 12

    Jahre Erfahrung

Foto, Film, Design und Web zusammen.

Was ich übernehme

Alles, was Ihr Shop braucht

  1. 01

    Shop-Design

    Startseite, Kategorien, Produktseiten und Warenkorb, gestaltet für Ihre Marke und zuerst für das Handy.

  2. 02

    Shopify-Einrichtung

    Produkte, Varianten, Kollektionen, Versand, Steuern und Zahlungsarten, fertig eingerichtet.

  3. 03

    Eigene Funktionen

    Produkt-Finder, Konfiguratoren mit Preis in Echtzeit, Stücklisten, B2B-Konten mit Kauf auf Rechnung.

  4. 04

    Shop-Umzug

    Von WooCommerce, Shopware, Wix oder einem alten Shopify-Theme, mit Weiterleitungen für jede alte Adresse.

  5. 05

    Integrationen

    Zahlung, Versand, Bewertungen, Newsletter, Google Shopping, Instagram und Marktplätze, alles in Shopify verbunden.

  6. 06

    SEO & Tempo

    Schnelle Seiten, saubere Struktur, Produktdaten für Google und auf Wunsch weitere Sprachen.

  7. 07

    Produktfotos & Film

    Packshots, Anwendungsbilder und Produktfilme, geplant für Produktseite, Startseite und Werbung.

  8. 08

    Übergabe & Betreuung

    Einweisung in den Shopify-Admin und auf Wunsch Betreuung, wenn der Shop läuft.

Shopify

Ich setze Ihren Shop auf und binde alles an

Ob neuer Shop oder bestehender: Ich richte Ihren Shop in Shopify ein oder übernehme den, den Sie schon haben, und verbinde alles, was zu Ihrem Geschäft gehört. Danach arbeiten Sie in einem System, mit Bestellungen, Kunden, Lager und Zahlungen an einem Ort.

Zahlung
  • PayPal
  • Klarna
  • Kreditkarte
  • Apple Pay
  • Google Pay
  • Kauf auf Rechnung
Versand
  • DHL
  • DPD
  • GLS
  • Sendcloud
  • Versandregeln
Marketing
  • Google Shopping
  • Instagram & Facebook Shop
  • Klaviyo
  • Google Analytics
  • Meta-Pixel
Vertrauen
  • Kundenbewertungen
  • Cookie-Einwilligung
  • Rechtstexte eingebunden
Mehr Kanäle
  • Amazon
  • Großhandel & B2B
  • Mehrere Sprachen

Sie nutzen etwas anderes? Wenn es eine Shopify-App oder eine Schnittstelle dafür gibt, binde ich es an.

Drei Smartphones mit Seiten des Shops KORNDEX

Shop, Fotos und Film

Ein Shop verkauft mit Bildern

Weil ich auch fotografiere und filme, entstehen Produktfotos, Anwendungsbilder und Produktfilm passend zum Shop: im richtigen Format für Produktseite, Startseite und Werbung, in einer Bildsprache. Sie brauchen keinen zweiten Dienstleister und keine zweite Abstimmung.

Nicht nur Shops

Und natürlich auch Websites

Nicht jedes Projekt braucht einen Shop. Ich gestalte und entwickle auch Websites ohne Shop, von der Landingpage bis zur Startseite mit Scrollfilm wie bei Nexentrium, mit Anfrage- oder Buchungsformular, schnell und für das Handy gemacht. Diese Website hier ist auch von mir.

  • Künstler & Portfolio

    Werke, Ausstellungen, Termine und ein Weg zum Kauf.

  • Restaurant & Hotel

    Karte, Zimmer, Reservierung, mit eigenen Fotos.

  • Unternehmen

    Leistungen, Referenzen, Team und Anfrage.

  • Landingpage

    Eine Seite für ein Produkt, einen Launch oder eine Kampagne.

Ablauf

Vom ersten Gespräch zur ersten Bestellung

  1. 01

    Gespräch

    Was verkaufen Sie, an wen, und was soll der Shop können? Danach bekommen Sie ein Angebot.

  2. 02

    Konzept

    Seitenstruktur, Kategorien, Produktseiten und die Funktionen, die beim Kaufen helfen.

  3. 03

    Design

    Entwürfe für Handy und Desktop, mit Ihren echten Produkten statt Platzhaltern.

  4. 04

    Umsetzung

    Shopify einrichten, Produkte anlegen, Zahlung, Versand und Apps anbinden, Testbestellungen.

  5. 05

    Start

    Der Shop geht live, Sie bekommen eine Einweisung und auf Wunsch Betreuung danach.

Pakete

Womit Sie anfangen können

Shop-Start

  • Shopify-Shop eingerichtet
  • Design auf Basis eines Themes
  • Zahlung und Versand angebunden
  • Einweisung in den Admin

Shop nach Maß

  • Eigene Storefront, eigenes Design
  • Finder, Konfigurator oder B2B
  • Integrationen nach Bedarf
  • Auf Wunsch mehrsprachig

Umzug & Relaunch

  • Bestehender Shop übernommen
  • Neues Design, gleiche Adressen
  • Produkte und Kunden umgezogen
  • Weiterleitungen für alte Links

Website

  • Portfolio, Firmen- oder Künstlerseite
  • Anfrage- oder Buchungsformular
  • Schnell und für das Handy gebaut
  • Auf Wunsch mit Scrollfilm, Fotos und Film

Jedes Paket lässt sich erweitern oder kürzen. Umfang und Preis stehen im Angebot, bevor ich anfange. Die monatliche Gebühr für Shopify zahlen Sie direkt an Shopify.

Fragen zu Shop und Website

Mehr Antworten auf Häufige Fragen.

Sie haben so ein Projekt vor?

Schreiben Sie mir, was Ihre Website oder Ihr Shop können soll und ob es schon eine Seite gibt. Danach bekommen Sie ein Angebot mit festem Umfang und Preis. Die Anfrage ist unverbindlich.

Der Preis richtet sich nach dem Umfang und steht im Angebot, bevor ich anfange. Wie ein Preis zustande kommt

4,8 von 5 · 23 Bewertungen auf Google. Bewertung im Google-Unternehmensprofil ansehen