Zum Inhalt springen
Designansicht
Mit mir arbeiten
Für statische Websites

Deine Website, bevor sie online geht.

Klick dich durch jede Seite. Schreib deine Wünsche genau an die Stelle. Schick mir die Runde, auf Wunsch als PDF. Ein geschützter Ort, an dem nichts verloren geht, und eine Website, die schnell läuft und dir wenig Arbeit macht.

Das Kanban: alle Seiten einer Website nebeneinander, hier als Desktop-Ansicht

Sechs Gründe für eine Vorschau mit Gedächtnis

Eine neue Website gelingt, wenn du sie früh siehst und deine Wünsche nicht in E-Mails untergehen. Designansicht macht genau das einfach.

Du siehst alles vor dem Start

Deine Website steht unter einer eigenen Adresse bereit, genau so, wie sie später online aussieht. Du klickst durch jede Seite, auf dem Computer, dem Tablet und dem Handy.

Kein Hin und Her

Du klickst auf die Stelle, die dich stört, und schreibst dazu, was anders sein soll. Kein Screenshot mit rotem Pfeil, keine Mail, die erklären muss, was gemeint ist.

Nichts geht verloren

Jeder Kommentar ist gespeichert, sobald du ihn schreibst. In der Liste siehst du alle Wünsche aller Seiten und welche schon erledigt sind.

Du behältst die Kontrolle

Ich schalte für jede Person einzeln, was sie sieht und darf: nur ansehen oder auch kommentieren. So gehört jeder Wunsch zu der Person, die ihn hat. Geändert wird gemeinsam mit mir.

Du weißt, wo wir stehen

Die Seite zeigt, was ich noch von dir brauche. Und sie zeigt, was auf jeder Seite geprüft wurde: Barrierefreiheit, Technik und Texte, jeweils mit dem Ergebnis.

Es bleibt auch nach dem Start

Nach dem Start bleibt die Adresse der Ort für Änderungswünsche. Du musst nicht neu erklären, wo etwas steht.

Kurz gezeigt

So siehst du alle Seiten auf einmal

Alle Seiten liegen nebeneinander, auf Desktop, Tablet und Smartphone. Ein Klick auf den Namen zeigt die Seite groß. Alles zeigen bringt dich zurück.
Gemeinsam durch deine Website

Wir sitzen zusammen davor und probieren es aus.

Du musst dir nichts vorstellen. Wir treffen uns im Videogespräch, ich teile meinen Bildschirm, und wir gehen deine Seite Schritt für Schritt durch. Ich bediene, du schaust zu und sagst, was du siehst. Gespeichert wird erst, wenn wir uns einig sind.

  • Texte ändern, vor deinen Augen. Du sagst, was du anders möchtest, und ich schreibe es hin.
  • Abschnitte verschieben. Du siehst, ob die Reihenfolge besser passt.
  • Seite für Seite. Wir halten fest, was zu tun ist, und nichts bleibt im Kopf hängen.
  • Immer das echte Aussehen. Was du siehst, bekommst du.
  • Du musst nichts bedienen. So bleibt es ruhig, und du kannst dich auf das Aussehen konzentrieren.

Kurz gezeigt

So tauschen wir ein Bild

Im Gespräch tauschen wir ein Bild. Ich fahre über ein Bild, die Seite zeigt, wie es wirkt. Gespeichert wird erst, wenn wir uns einig sind.

Kurz gezeigt

So probieren wir eine Schrift aus

Im Gespräch probieren wir eine Schrift aus. Ich fahre über die Auswahl, die Seite zeigt jede Schrift sofort. Gespeichert wird erst, wenn wir uns einig sind.
So läuft eine Runde

In vier Schritten von der Vorschau zur Änderung.

Du brauchst nur einen Browser, eine Adresse und dein Passwort. Nichts wird installiert, du brauchst kein Konto bei einem Dienst.

1

Ansehen

Du öffnest deine Vorschau. Das Kanban zeigt alle Seiten nebeneinander, auf Desktop, Tablet und Smartphone.

2

Kommentieren

Du klickst auf die Stelle und schreibst, was anders sein soll. Der Kommentar bleibt genau dort hängen.

3

Runde senden

Mit einem Klick kommen alle Kommentare bei mir an. Auf Wunsch als PDF, mit einem Bild neben jedem Kommentar, und eine Kopie an dich.

4

Ich setze um

Ich arbeite die Liste ab und hake ab, was erledigt ist. Du siehst den Stand jederzeit in der Liste.

Direkt auf der Seite

Du kommentierst. Wir ändern gemeinsam.

Du kommentierst allein, wann es dir passt. Du zeigst auf die Stelle, ich sehe sofort, was du meinst. Das Ändern machen wir danach zusammen.

  • Die Leiste über deiner Vorschau. Alles, was du brauchst, liegt über deiner Vorschau: Kommentar schreiben, alle Kommentare, alle Seiten als Kanban, die Runde senden. Mit einem Klick blendest du sie aus.
  • Kommentar schreiben. Du klickst auf die Stelle, und ein Feld öffnet sich. Du schreibst, was anders sein soll. Eine Rechtschreibhilfe prüft deinen Text, und mit „Wichtig“ markierst du, was dir am meisten bedeutet.
  • Gemeinsam ändern. Im Videogespräch wähle ich ein Element, und wir probieren, was sich ändern soll: Text, Abstand, Farbe oder Schrift. Ein Abschnitt lässt sich auch verschieben. Du schaust zu und entscheidest.

Kurz gezeigt

So schreibst du einen Kommentar

Du klickst auf die Stelle, die dich stört. Du schreibst, was anders sein soll. Speichern. Der Kommentar bleibt an dieser Stelle.
Wer sieht was

Du bestimmst, wer was sieht.

Du hast vielleicht eine Inhaberin, eine Kollegin im Marketing und jemanden, der nur schauen soll. Jede Person bekommt einen eigenen Login, und ich schalte jeden Baustein einzeln. Im Team gilt: Wer nur schauen soll, kann nichts senden, kein PDF abschicken und nichts ändern.

  • Nur ansehen. Die Seite und das Kanban, sonst nichts.
  • Kommentieren. Dazu die Kommentar-Leiste, die Liste und das Senden der Runde.
  • Bearbeiten. Texte und Gestaltung ändern. Das behalte ich in der Regel bei mir, und wir machen es gemeinsam im Gespräch.
  • Eine Notiz je Person. Damit ich nicht vergesse, wer Inhaber, Marketing oder Familie ist.
  • Zuletzt gesehen. Ich sehe, wann jemand zuletzt in der Vorschau war.

Kurz gezeigt

So legst du fest, wer was darf

Nicht jeder sieht alles. Jede Person bekommt eine Rolle. Ein Haken lässt zu, ohne Haken ist es aus. Der Server sperrt, was nicht erlaubt ist, auch wenn jemand die Adresse kennt.
Der Kopf eines Rundenberichts: Seite, Anzahl der Kommentare, offen und erledigt
Ein Kommentar im PDF neben dem Bild der Stelle, auf die er sich bezieht
Der gedruckte Bericht

Jede Runde als PDF, mit Bild neben jedem Kommentar.

Wenn du die Runde abschließt, kann ich dir und mir einen Bericht machen, den man ausdrucken, abheften oder weiterschicken kann. So sieht jeder, was gewünscht wurde.

  • Jeder Kommentar mit dem Bild der Stelle. Die Stelle ist markiert, kein Raten, was gemeint war.
  • Nach Seiten geordnet. Du findest jeden Wunsch auf der Seite, zu der er gehört.
  • Offen und erledigt. Oben steht, wie viele Kommentare es gibt und wie viele schon erledigt sind.
  • Von wem und wann. Jeder Kommentar nennt die Person und das Datum.
  • Nur die neuen oder alle. Du entscheidest, ob das PDF alle Kommentare enthält oder nur die seit der letzten Runde.
Was die Vorschau noch kann

Du siehst, was fehlt, was geprüft ist und wie die Website aufgebaut ist.

Neben den Kommentaren zeigt die Vorschau, wo wir stehen. Das macht Gespräche kürzer, weil alle dasselbe vor sich haben.

  • Was wir noch brauchen. Was ich noch von dir benötige, damit die Website online gehen kann: Logo, Texte, Fotos, Angaben für das Impressum.
  • Geprüft auf dieser Seite. Was geprüft wurde und mit welchem Ergebnis, zum Beispiel Barrierefreiheit. Zu jedem Punkt gibt es eine Erklärung, warum er wichtig ist.
  • Das Designsystem. Alle Farben, Schriften, Abstände und Bausteine deiner Website an einem Ort, mit den genauen Werten.

Kurz gezeigt

So siehst du, was fehlt und was geprüft ist

Was noch fehlt, steht in einer Liste. Was auf der Seite schon geprüft ist, steht in einer anderen.

Das Wichtige ist erledigt, bevor du die Seite siehst

Die Vorschau ist keine Skizze. Sie ist deine Website, so gut wie fertig gebaut. Du kannst dich auf das konzentrieren, was nur du entscheiden kannst.

  • Suchtexte stehen. Jede Seite hat ihren Titel und ihre Beschreibung für die Suchergebnisse und fürs Teilen.
  • Barrierefreiheit geprüft. Auf jeder Seite ist geprüft, ob Bilder Beschreibungen haben, Überschriften stimmen und Formulare benannt sind. Das Ergebnis siehst du im Feld „Geprüft auf dieser Seite“.
  • Strukturierte Daten. Suchmaschinen und KI bekommen zusätzliche Angaben über deine Seite als maschinenlesbare Daten, zum Beispiel, wer du bist und was du anbietest.
  • Sauber gebaut. Schnell, schlank und in sauberer Technik. Du kannst alles ansehen und prüfen, bevor etwas online geht.
Nach dem Termin

Vom Änderungsprotokoll zur fertigen Website.

Alles, was wir ändern oder du kommentierst, wird festgehalten. Das macht den Rest schnell, und niemand muss etwas abtippen. Was du siehst, bekommst du.

  • Festhalten. Jede Änderung und jeder Kommentar wird gespeichert, mit Stelle, Person und Datum.
  • Lesen. Ich lese das Protokoll. Mit KI sehe ich schnell, was sich ändern soll.
  • Umsetzen. Ich setze die Änderungen in der echten Website um.
  • Hochladen. Ich lade die neue Version hoch und prüfe sie noch einmal.
  • Bescheid sagen. Du bekommst Bescheid: erledigt. Du schaust nach, und es sieht so aus, wie du es gesehen hast.
Fünf Schritte von oben nach unten, jeder mit einem Pfeil zum nächsten: Festhalten, Lesen, Umsetzen, Hochladen, Bescheid sagen

Fertige Seiten statt ständig laufender Technik

Eine statische Website besteht aus fertigen Seiten. Es gibt keine Datenbank, die ausfällt, und kein System, das ständig Updates braucht. Das hat Folgen, die du merkst.

  • Schneller. Die Seiten liegen fertig bereit und werden ausgeliefert, ohne dass vorher etwas gerechnet werden muss. Besucher warten weniger.
  • Weniger Daten, weniger Strom. Eine schlanke Seite lädt weniger Daten und braucht weniger Anfragen. Das spart Strom und schont das Datenvolumen deiner Besucher.
  • Leichter zu sichern. Die Dateien sind das Backup. Es gibt weniger, das angegriffen werden kann, und weniger, das nach einem Update kaputtgeht.
  • Für mehr Menschen nutzbar. Ich baue barrierefrei, damit mehr Menschen deine Seite gut nutzen können.
  • Leichter zu finden. Saubere Technik, Weiterleitungen und ein Text für KI-Systeme helfen Suchmaschinen und KI, deine Seite zu verstehen.
  • Wenig Arbeit danach. Deine Website soll laufen, gefunden werden und dir wenig Arbeit machen. Mehr Zeit für dein Geschäft.

Passt das zu dir?

Ehrlich gesagt: nicht zu jedem. Wer täglich selbst Inhalte bearbeitet, ist mit WordPress besser bedient. Ich sage dir ehrlich, was passt.

Eher nicht, wenn du

  • täglich selbst im Browser Inhalte bearbeitest

  • einen Shop betreibst oder Zahlungen annimmst

  • Logins für deine Besucher brauchst

Das passt, wenn du

  • ein Design hast und es schnell und technisch richtig gebaut haben willst

  • eine Website hast, die selten geändert wird

  • eine alte Website hast, die neu aufgebaut werden soll

Mit mir arbeiten

Von deinem ersten Satz bis zum Start.

Sechs Schritte, bei denen du immer weißt, wo wir stehen. Du bekommst deine Website neu aufgebaut oder repariert, eine Vorschau in Designansicht, Runden bis es passt, saubere Technik, den Start und auf Wunsch die Pflege danach.

  1. Gespräch Du erzählst, was du brauchst. Ich sage dir ehrlich, ob statisch das Richtige ist.
  2. Aufbau Ich baue die Website aus deinem Design oder aus deiner alten Seite.
  3. Vorschau Du bekommst deinen Link und Passwort. Du siehst alles, bevor es jemand anderes sieht.
  4. Runden Du kommentierst, ich setze um. So oft, bis es passt.
  5. Start Ich bringe die Website online und prüfe, dass alles richtig läuft.
  6. Danach Die Adresse bleibt für Änderungen. Auf Wunsch kümmere ich mich um die Pflege.
Wer das macht

Ich bin Timo. Ich mache deine Website fit für die nächste Generation.

Früher habe ich in der Bar gearbeitet und über 200 Bücher gelesen, um zu verstehen, warum etwas schmeckt. Heute mache ich mit Websites dasselbe. Ich schaue, wie sie gebaut sind. Dann mache ich sie schneller, schlanker und für mehr Menschen nutzbar. Ich baue und repariere, statisch und dynamisch.

Ich lerne gern dazu und baue es in meine Arbeit ein. Zwei Bücher prägen, wie ich arbeite und wie ich schreibe: „Warum Kunden nicht kaufen“, das zuerst fragt, was den Kunden stoppt, und „Einfach klar“, das kurze, klare Sätze verlangt. Beide sind im Rheinwerk Verlag erschienen.

Darum steht hier, was du bekommst, in kurzen Sätzen, und die Fragen, die du dir vor dem Kauf stellst, stehen gleich darunter.

Timo Wessels lächelt im gestreiften Hemd, eine Hand in der Hosentasche

Schreib mir

Erzähl mir kurz von deiner Website und was du dir von der Vorschau wünschst. Ich antworte dir persönlich.

Deine Nachricht

Mit * markierte Felder sind Pflichtfelder.

Deine Angaben verwende ich nur, um dir zu antworten. Mehr dazu in der Datenschutzerklärung.

Fragen und Antworten

Das fragen mich Kunden am häufigsten.

Was ist Designansicht?

Ein geschützter Ort für deine Vorschau. Jedes Projekt hat eine eigene Adresse mit Passwort. Dort siehst du die Website, wie sie später online steht. Du schreibst Kommentare direkt an die Stelle, um die es geht.

Muss ich etwas installieren?

Nein. Du brauchst nur einen Browser, die Adresse und dein Passwort.

Wer kann meine Vorschau sehen?

Nur Menschen mit einem Login, und nur das, was ich für sie freischalte. Suchmaschinen finden die Vorschau nicht.

Kann ich auch auf dem Smartphone kommentieren?

Ja. Die Vorschau und die Leiste funktionieren auch auf dem Handy.

Was passiert mit meinen Kommentaren?

Sie sind sofort gespeichert. Wenn du die Runde abschließt, kommen sie per E-Mail bei mir an. Auf Wunsch bekommst du ein PDF mit einem Bild von jeder Stelle, und eine Kopie geht an dich.

Kann jemand in meinem Team nur schauen?

Ja. Für jeden Login schalte ich einzeln, ob er nur die Seite und das Kanban sieht oder auch kommentieren darf.

Kann ich selbst etwas ändern?

Du kommentierst, und ich setze um. Farben, Abstände, Schriften und Bilder probieren wir gemeinsam im Videogespräch aus, damit es dich nicht überfordert. Ich ändere, du schaust zu und sagst, ob es besser aussieht.

Wird beim Ausprobieren etwas gespeichert?

Nein. Beim Ausprobieren zeigt die Seite nur eine Vorschau. Erst wenn wir uns einig sind, halte ich die Änderung fest und setze sie in der echten Website um.

Gilt das auch für WordPress?

Heute zeige ich damit statische Websites. Bei einer WordPress-Website arbeite ich im System selbst.

Was bleibt nach dem Start?

Die Adresse bleibt der Ort für Änderungswünsche, solange wir zusammenarbeiten.

Was kostet das?

Der Zugang zu Designansicht gehört zu meiner Arbeit an deiner Website. Was die Arbeit kostet, sage ich dir im Gespräch, nachdem ich weiß, was du brauchst.

Lass uns über deine Website sprechen

Mit mir arbeiten