Smart Sites: KI-gestützte WebinterfacesErstgespräch →

Die Zukunft des Webdesigns.

Schnelle, günstige Websites für die unterschiedlichsten Anwendungsfälle – mit nahezu unbegrenzten Möglichkeiten.

Erstgespräch: etwa 30 Minuten, kostenlos, unverbindlich.

Wir lassen die Katze gleich aus dem Sack: Diese Seite wurde innerhalb weniger Stunden vollständig von KI erstellt – konzipiert von Experten.

Drei Qualitäten, die eine Smart Site ausmachen.

Eine Smart Site ist eine individuelle Website, die auf Besucher reagiert: Sie können rechnen, auswählen, vergleichen und umschalten, statt nur zu lesen. Drei Qualitäten machen sie aus.

Von der Visitenkarte zur kleinen App.

So haben sich Websites in den letzten Jahren entwickelt – in drei Stufen. Unsere These: Besucher wollen heute nicht nur lesen, sondern etwas ausprobieren. Smart Sites sind deshalb die dritte Stufe.

  1. FrüherDie digitale VisitenkarteText und Bilder, einmal online gestellt und danach kaum geändert.
  2. Heute üblichDie gepflegte WebsiteInhalte kommen aus einem CMS und lassen sich laufend aktualisieren.
  3. Der nächste SchrittDie interaktive Smart SiteBesucher rechnen, wählen und vergleichen direkt auf der Seite.

Zwölf Bausteine zum Anfassen.

Jeder Baustein steht unten mit einem Beispiel, das Sie direkt ausprobieren können. Die Beispiele zeigen das Prinzip, Inhalte und Gestaltung richten sich später nach Ihrem Unternehmen.

Aufbau

Navigation und Unterseiten

Im Festpreis
  • Besucher finden sich ohne Suchen zurecht.
  • Jede Unterseite hat einen klaren Zweck.
  • Die Struktur steht vor dem Design fest.
Beispiel: Ein Klick auf einen Menüpunkt wechselt die Unterseite im Fenster.

Responsive Design

Im Festpreis
  • Die Seite ordnet sich auf jedem Bildschirm neu.
  • Inhalte bleiben auf dem Handy vollständig.
  • Laptop, Tablet und Messe-Display mit einer Seite.
Beispiel: Ziehen Sie am Griff oder wählen Sie ein Gerät, die Kästen ordnen sich neu.

Bildergalerie

Im Festpreis
  • Bilder zeigen Arbeit, Räume und Menschen.
  • Besucher blättern im eigenen Tempo.
  • Feste Bildformate verhindern springende Seiten.
1 / 3
Beispiel: Galerie mit Bildern aus unserer eigenen Arbeit, per Pfeil oder Wischen.

Gestaltung

Light und Dark

Im Festpreis
  • Besucher lesen im Modus, den sie gewohnt sind.
  • Dunkel ist abends angenehmer für die Augen.
  • Die Seite startet mit der Einstellung des Geräts.

Hell

Beispiel: Der Schalter wechselt diese ganze Seite zwischen hell und dunkel.

Mouse-over-Animationen

Im Festpreis
  • Kleine Reaktionen zeigen, was anklickbar ist.
  • Bewegung lenkt den Blick auf das Wichtige.
  • Funktioniert auch per Tastatur und Antippen.
Beispiel: Fahren Sie über eine Karte oder tippen Sie sie an, die Form verwandelt sich.

Farb- und Schriftstil

Im Festpreis
  • Ihre Markenfarben und Schriften prägen die Seite.
  • Besucher können Farbe und Schrift selbst wählen.
  • Jede Farbwelt bleibt gut lesbar.
Beispiel: Designstil und Hell/Dunkel wählen, diese ganze Seite ändert sich.

Illustrationen

Im Festpreis
  • Zeichnungen erklären, wo Fotos nicht weiterhelfen.
  • Sie geben der Seite einen eigenen Ton.
  • Die Lizenz jeder Datei ist dokumentiert.
Beispiel: Figuren, die aus ihrem Kasten herausragen.

Reichweite

SEO-Grundlagen

Im Festpreis
  • Technische Grundlagen, damit Suchmaschinen Ihre Seite verstehen.
  • Saubere Überschriften, Beschreibungen und Sitemap.
  • Keine Platzierungsversprechen. Suchbegriff-Optimierung ist ein Zusatzpaket.
Mögliche Suchbegriffe (Beispiele)
  • Dachdecker in der Nähe
  • Dach sanieren Kosten
  • Notdienst Dach
Beispiel: Wählen Sie eine Branche, darunter stehen drei mögliche Suchbegriffe.

Barrierefreiheit

Im Festpreis
  • Besucher stellen Schriftgröße und Kontrast selbst ein.
  • Tastaturbedienung und Alt-Texte gehören zum Grundbau.
  • Wir bauen mit Blick auf WCAG 2.2 AA.
Beispiel: Schriftgröße und Kontrast gelten sofort für diese ganze Seite.

Bewegung

Video-Elemente

Option
  • Bewegte Bilder erklären Abläufe schneller als Text.
  • Kurze Loops laufen ohne Ton und ohne Klick.
  • Anhalten ist jederzeit möglich.
Beispiel: Zwei kurze Loops, ein Klick holt den hinteren nach vorn.

Interaktive Elemente

Nach Absprache
  • Besucher probieren aus, statt nur zu lesen.
  • Rückmeldung zeigt sofort, dass etwas passiert.
  • Rechner und Auswahlhilfen beantworten Fragen direkt.

Beispiel: Versuchen Sie, den Knopf zu erwischen.

Zusätzlich buchbar

Eigene Fotos und Videos

OptionHalbtag 490 € · Ganztag 890 € netto zzgl. USt.
  • Ruben fotografiert und filmt bei Ihnen vor Ort.
  • Eigene Bilder zeigen Ihre Menschen, Räume und Abläufe.
  • Nicht im Festpreis, buchbar als Halbtag oder Ganztag.
Dasselbe Motiv als schnelles HandyfotoHandyfoto
Dasselbe Motiv aus einem professionellen ShootingProfessionelles Shooting
Beispiel: links ein Handyfoto, rechts dasselbe Motiv aus einem professionellen Shooting. Preise netto zzgl. USt., Anfahrt im Umkreis von 30 km inklusive.

Smart Site, klassisch oder Baukasten?

Typische Unterschiede, je nach Anbieter verschieden. Auch dort, wo eine Smart Site schwächer ist.

KriteriumKlassischBaukastenSmart Site
Layout
Individuelles Konzept und Designjaneinja
Inhalte selbst pflegenjajaja
Performance
Statisch gebaut, ohne Baukasten-Ballastneinneinja
Interaktion
Interaktive Elemente (Rechner, Auswahl, Erklärung zum Anfassen)neinneinja
Rahmen
Preis und Zeitplan vorab festgelegtneinjaja
Beliebig viele Änderungsrundenjajanein
Betrieb und Wartung inklusiveneinjanein

Wo KI an Grenzen stößt, kommen wir ins Spiel.

KI kann heute in Minuten eine Website bauen. Mit einem einfachen Prompt entsteht aber fast immer dasselbe: eine Seite, die nach KI aussieht und nicht nach Ihrem Unternehmen. Solche Ergebnisse werden inzwischen als „KI-Slop“ erkannt und wirken austauschbar.

Was wir anders machen

Wir sind in Designstilen, Typografie und Markenführung geschult und führen die KI wie ein Werkzeug. Konzept, Struktur, Texte und Gestaltung entstehen aus Ihrem Unternehmen heraus. So entstehen Websites, die mit KI programmiert sind, aber nicht nach KI aussehen.

Generische KI-Startseite „Aura.AI“ mit lila-blauem Verlauf, Schlagwörtern und Standard-KennzahlenEinfacher Prompt
Startseite von Schettler & Schmehl Media mit eigener Bildsprache, Raster und LeistungskartenMit Experten
Vergleich zwischen dem Ergebnis eines einfachen Prompts und einer Seite, die wir mit KI umgesetzt haben.

Woran man KI-Slop erkennt

  • Lila-blaue Verläufe auf dunklem Grund, überall dieselben Glow-Effekte
  • Große Versprechen ohne Inhalt („revolutioniert“, „nahtlos“, „Next Level“)
  • Austauschbare Zahlen, Symbole und Bausteine statt echter Einblicke
  • Kein Bezug zu Ihrem Unternehmen, Ihrer Region und Ihren Kunden

Sie sprechen mit den beiden, die Ihre Seite bauen.

KI beschleunigt die Umsetzung, Menschen entscheiden Konzept und Gestaltung.

  • Porträt Ruben Schmehl

    Ruben Schmehl

    Foto- & VideografMultimediaproduktion (M.A.)

    1. Führt das Erstgespräch und hält den Kontakt
    2. Erarbeitet Struktur und Texte mit Ihnen
    3. Plant Sitemap und Wireframe mit
  • Porträt Jonas Schettler

    Jonas Schettler

    Web- & GrafikdesignerMultimedia & Kommunikation (B.A.)

    1. Entwickelt Designsprache und Stilvorschau
    2. Gestaltet die interaktiven Elemente
    3. Setzt die Seite mit KI um und prüft das Ergebnis

Sieben Schritte, offen gerechnet.

Jeder Schritt mit seinen Stunden. Zusatzleistungen schalten Sie im Rechner zu, der Preis rechnet sich sofort neu.

Startangebot für die ersten drei Projekte

Festpreis für den Standardumfang

2.000 €netto

25 Stunden × 80 € · Stand 26.10.2026

Zusatzleistungen

Gesamt: 2.000 € netto zzgl. USt.

Laufender Betrieb (Hosting, Domain-Verwaltung, CMS-Konto, Updates): 29 € netto monatlich, Mindestlaufzeit 12 Monate

Foto- und Videoproduktion: Paketpreise siehe „Eigene Fotos und Videos“

Das Angebot richtet sich an Unternehmer. Alle Preise netto zzgl. USt.

Mit diesem Umfang Erstgespräch anfragen

Ein fester Preis braucht einen klaren Rahmen.

Einen verbindlichen Festpreis können wir nur nennen, wenn feststeht, was dazugehört. Deshalb sagen wir Ihnen vorab ehrlich, was im Preis steckt und was nicht. Alles Weitere ist trotzdem möglich: Wir besprechen es mit Ihnen und rechnen es offen nach Stundensatz ab.

Im Festpreis enthalten

  • Konzept, Struktur, Designsprache
  • Umsetzung in einem Durchlauf
  • Fehlerbehebung (Abweichung vom freigegebenen Konzept)
  • Deployment, Headless-CMS-Anbindung, Übergabe mit Einweisung
  • Anzeige-Optionen (Hell/Dunkel, Schriftgröße, Kontrast, Leseansicht, Vorlesen, Farb- und Schrift-Themes)
  • Illustrationen aus freier Bibliothek

Nicht im Festpreis enthalten

  • Änderungswünsche nach Konzeptfreigabe (Zusatzauftrag nach Stundensatz)
  • Weitere Korrekturschleifen
  • Neue Funktionen nach Livegang
  • Laufendes Betriebsentgelt
  • Eigene Fotos und Videos (Paketpreise)

Was, wenn …?

Was ist im Preis enthalten – und was nicht?

Der Festpreis von 2.000 € netto deckt den Standardumfang ab: bis zu 5 Seiten, 3 individuelle interaktive Elemente, alle Anzeige-Optionen und die Einrichtung des CMS. Nicht enthalten sind Änderungswünsche nach der Konzeptfreigabe, weitere Seiten, eigene Foto- und Videoaufnahmen und der laufende Betrieb.

Warum gibt es nach der Umsetzung keine Korrekturschleifen?

Weil Inhalt und Stil vorab gemeinsam festgelegt werden. Sie geben das Konzept frei, danach wird in einem Durchlauf umgesetzt. So bleiben Preis und Zeitplan fest. Fehler beheben wir kostenlos, Änderungswünsche sind ein Zusatzauftrag.

Was passiert, wenn mir das Konzept nicht gefällt?

Eine Feedbackrunde ist enthalten, eine zweite kostet pauschal 160 € netto. Brechen Sie nach dem Konzept ab, rechnen wir die bis dahin erbrachten Schritte 1 bis 5 ab (1.280 € netto).

Wem gehören Code, Inhalte, Domain und die Konten?

Ihre Inhalte und Bilder gehören Ihnen, die Domain wird auf Sie registriert. Hosting und CMS-Konto laufen bei uns als Service. Bei Vertragsende erhalten Sie einen Export von Code und Inhalten.

Was kostet der laufende Betrieb?

29 € netto im Monat für Hosting, Domain-Verwaltung, CMS-Konto und Updates, Mindestlaufzeit 12 Monate, danach monatlich kündbar. Domain-Gebühren geben wir zum Selbstkostenpreis weiter.

Kann ich Inhalte selbst ändern?

Ja. Texte und Bilder pflegen Sie im CMS. Bei der Übergabe weisen wir Sie ein (online, bis 60 Minuten). Änderungen an Aufbau und Design sind ein Zusatzauftrag.

Wie sichern Sie die Qualität bei der KI-Umsetzung?

Konzept, Struktur und Gestaltung entscheiden Menschen, die KI beschleunigt die Umsetzung. Jonas steuert und prüft das Ergebnis, Ruben prüft die Texte, und Sie geben vor dem Livegang frei.

Wie barrierefrei ist die Seite?

Wir bauen mit Blick auf WCAG 2.2 AA: Tastaturbedienung, Kontraste, Alt-Texte. Besucher bekommen Anzeige-Optionen wie Schriftgröße und Kontrast. Eine rechtliche Konformitätsprüfung ist nicht Teil des Pakets.

Wie lange dauert es, und was brauchen Sie von mir?

Etwa 5 Wochen ab Erstgespräch. Die Umsetzung dauert 10 Werktage ab Konzeptfreigabe und Eingang aller Inhalte. Wir brauchen den Fragebogen, Feedback zum Konzept sowie Bilder und Logos.

Funktioniert das auch auf Messe-Displays?

Ja, Smart Sites laufen auch auf Displays. Ein eigener Messe-Modus mit automatischer Rückkehr zum Start ist für später geplant.

Gibt es schon Kunden mit einer Smart Site?

Noch nicht. Diese Seite ist unsere erste Smart Site, hier sehen Sie live, was Sie bekommen würden. Weitere Projekte nennen wir, sobald sie online sind und der Kunde zustimmt.

Was bedeutet „Startangebot für die ersten drei Projekte“?

Wir starten mit Smart Sites und bieten den Festpreis von 2.000 € netto für die ersten drei Projekte an. Danach prüfen wir den Preis anhand der tatsächlichen Aufwände. Für Projekte im Startangebot gilt der vereinbarte Preis.

Anzeige-Optionen

Modus
Schriftgröße
Farbwelt
Überschrift-Stil

Ihre Auswahl wird nur auf Ihrem Gerät gespeichert.

Kontakt

Vereinbaren Sie Ihr Erstgespräch.

Etwa 30 Minuten, kostenlos und unverbindlich per Telefon oder Video.

Ruben SchmehlRuben SchmehlMitgründer, Schettler & Schmehl Media
Online-Termin
Erstgespräch direkt buchen
Unser Buchungskalender stammt von der meetergo GmbH (Server in der EU). Erst wenn Sie ihn laden, wird eine Verbindung zu meetergo hergestellt und Ihre IP-Adresse übertragen.

Mehr dazu in der Datenschutzerklärung. Lieber ohne Einbettung? Termin direkt bei meetergo buchen

Lieber direkt anrufen?

Wir sind Montag bis Freitag von 9 bis 17 Uhr erreichbar.

Lieber schreiben?

Kurz schildern, wofür Sie die Smart Site brauchen. Ruben meldet sich per E-Mail.

* Pflichtfeld
Wir antworten Ihnen innerhalb von 3 Werktagen.
Sie möchten sofort mit uns sprechen?
Wir sind zu unserenBürozeiten telefonisch erreichbar:
01516 51 29 753Jetzt anrufen