Bei einem ersten Zusammentreffen werden wir die Vision für die Website zusammen festhalten.

• Was ist meine Botschaft?
• Welche Ziele möchte ich erreichen?
• Was ist der Sinn und Zweck der Website?
• Wünsche und Ideen festhalten.

Wollen Sie sich auf unser erstes Gespräch vorbereiten? Eine Checkliste finden Sie unter Briefing.
Gerne werden wir, nach unserem Erstgespräch, eine kostenlose Offerte für Sie erstellen.

Wir werden den Rahmen der Webseite definieren.

• Dokumenten Inventur - vorhandene Inhalte digital bereitstellen.
  (Text, Bilder, Grafiken, Audio, Video etc. - Copyright beachten).
• Ansprechperson bestimmen.
• Zeitlicher Ablauf definieren.

In der Informationsarchitektur legen wir die Anordnung der Inhalte und deren Verknüpfung fest.

Die Präsentation der unterschiedlichen Inhalte und die Verwendung der Techniken (html, css, javascript) werden in den Seitentypen definiert.

Mithilfe eines Wireframe Programm, visualisieren wir die Brakepoints von Mobile, Tablet und Desktop.
Welcher Inhalt ist wo, wie dargestellt? Header, Navigation, Main, Aside, Footer...

Die Grundlayoutstruktur der Website wird in HTML und CSS umgesetzt.

HTML - Hypertext Markup Language

HTML dient nicht der visuellen Gestaltung, sondern der semantischen Strukturierung von Inhalten.
Semantik auch Bedeutungslehre genannt, ermöglicht uns die Barrierefreiheit (Accessibility) einzuhalten.
Von der Barrierefreiheit profitieren nicht nur Menschen mit Behinderungen.
Durch das Einhalten von Standards und einer klaren und einfachen Struktur wird die Kompatibilität verbessert, die Stabilität erhöht, die Ladezeiten verkürzt und es bietet eine gute Grundlage für eine erfolgreiche Suchmaschinenoptimierung.

CSS - Cascading Style Sheets

Mit CSS werden Gestaltungsanweisungen erstellt. Die Layoutstruktur und die Media Queries werden für das responsiv Webdesign festgelegt.

Eine strikte Trennung von strukturiertem Inhalt (HTML) und dem Layout (CSS ) ist der Grundstein für jede barrierefreie Website.

Bei der nun rudimentär erstellten Website wird die Funktonalität online geprüft.

Viewport

Die erstellten Media Queries werden in den für die Darstellung zur Verfügung stehenden Bereiche getestet. (Smartphone, Tablet, Desktop)

Browser

Google Chrome, Internet Explorer, Edge, Mozilla Firefox, Safari....

W3C - World Wide Web Consortium

W3C ist das Gremium zur Standardisierung der Techniken im World Wide Web.

Festlegen von Schriftarten. Entwickeln des passenden Farbschemas. Layout wird mit Text, Bildern, Grafiken und Icons gefüllt. Spezielle Effekte werden mit Javascript eingebettet.

• Registrierung der Domainadresse
• Anmeldung beim Host
• Die Website wird online gestellt
• Browser-Kompatibiltät wird geprüft
• Suchmaschinenoptimierung

• Pflege und Verwaltung der Website
• Aktualisierung

Eine Website lebt, sie kann jederzeit verändert oder erweitert werden.