Kunden kommen zu uns, weil sie eine technische Lösung brauchen. Jemanden, der eine Website für sie baut und in Netz bringt. Die Inhalte stehen dabei erst Mal nicht im Vordergrund. Aber wir fangen genau hier an. Um herauszufinden, was die beste technische Umsetzung für eine Website ist, müssen wir zuerst die Inhalte planen.

Was bedeutet Content First?

„Content First“ ist eine Methode, bei der die Inhalte geplant werden, bevor das Design oder die technische Umsetzung bearbeitet werden. Damit ist „Content First“ eine Art Gegenentwurf zur „Design First“-Methode. Hier wird zuerst eine visueller Entwurf erarbeitet. Da die Inhalte noch nicht stehen, arbeitet man mit Platzhaltern, also mit Blindtexten und Platzhalter-Bildern.

Dieses Vorgehen ist sehr beliebt. Kunden freuen sich an der schönen Gestaltung und Webdesigner können ihrer Kreativität freien Lauf lassen. Aber oft gelingt die Zusammenführung von Design und „echten Inhalten“ nicht gut. Die Designer haben beispielsweise ein wunderschönes Element kreiert, aber die realen Texte passen nicht hinein bzw. es fehlen gestalterische Lösungen an anderer Stelle. Konzeptionelle Lücken und Unklarheiten bleiben lange unsichtbar und werden erst deutlich, wenn der Prozess schon sehr weit fortgeschritten ist.

Es entstehen Fehler hinsichtlich SEO, Barrierefreiheit oder Nutzerführung. Der Prozess wird zäh und zieht sich in die Länge. Am Ende steht oft eine Website, die inhaltlich nicht überzeugt.

Beispiel: Website für ein Café mit Galerie

Angenommen, wir bauen eine Website für ein Café, das Kunst-Ausstellungen ausrichtet. Die Besucher der Website sind Menschen aus dem Viertel sowie kunstinteressierte Einzelpersonen oder kleinere Gruppen. Auch Touristen sollen angesprochen werden. Es gibt jeweils eine aktuelle Ausstellung so wie regelmäßige Veranstaltungen.

Wir legen die Seitenhierarchie fest, tragen alle vorhandenen Inhalte zusammen und identifizieren die Lücken.

Startseite

  • Einführung – Was ist das Café und was ist das Angebot?
  • Aktuelle Ausstellung und Übersicht Veranstaltungen
  • Öffnungszeiten
  • Speisekarte

Ausstellungen

  • Beschreibung der aktuelle Ausstellung mit Künstlerportrait
  • Archiv vergangene Ausstellungen
  • Vorschau geplante Ausstellungen
  • Pressestimmen

Veranstaltungen

  • Aktuelle Veranstaltungen
  • Verfügbare Plätze und Preise
  • Buchungformular Tickets

Über das Café

  • Entstehungsgeschichte
  • Portrait Inhaber
  • Mission und Werte
  • Speisekarte

Kontakt

  • Adresse und Kontaktdaten
  • Anfahrtsbeschreibung

Anhand der Seitenhierarchie gehen wir weiter ins Detail und definieren, was im Einzelnen inhaltlich auf den Seiten passieren soll.

  • Sortier-Kriterien Ausstellungen entwickeln: Kategorieren, Schlagwörter, Reihenfolgen etc.
  • Nutzerführung skizzieren: Wer sind die Besucher Website? Was suchen sie? Wie finden sie die Information, die sie suchen?
  • Textlängen festlegen (Kurzversion – Langversion)
  • Suchmaschinenoptimierung: Welche Stichwörter und Themen sind wichtig?
  • Barrierefreiheit: Logische Struktur mit klar bezeichneten Bereichen (ARIA Landmarks)
  • Layoutbereiche und Elemente (Art, Anzahl) definieren

Diese Erkenntnisse tragen wir in einem Textdokument zusammen. Die Arbeit aus der inhaltliche Struktur fließt direkt in das Erstellen von Texten und in die Bildredaktion ein. Auch Layout und Design orientieren sich an dieser Planung.

Anschliessend setzten wir das Ganze in einem Prototypen in WordPress um. Damit sind wir schon sehr nah an der endgültigen Website.