Website selbst erstellen
Anhand einer Musterwebseite wollen wir zeigen, worauf Sie beim Entwerfen und Bauen einer Webseite achten sollten, welche Fehler Sie vermeiden sollten und möchten Anregungen für die Umsetzung geben.
Was jede Website unbedingt sein muss
- responsive - für mobile Geräte optimiert
- aktuell - selbst bearbeitbar
- einheitlich - stilgleich zu Flyer, Logos, Autobeschriftungen ...
- inhaltlich - aussagekräftig und informativ mit Mehrwert
- optischer Hingucker - individuell und im persönlichen Stil passend
- bindend - zum Verweilen und zu Aktionen animierend
- schnell - geringe Ladezeiten, optimiert
- benutzerfreundlich - übersichtlich und gut zu bedienen
- professionell - Kompetenz vermittelnd
- suchmaschinenoptimiert - gut auffindbar bei Google & co.
Als kaffeevieltrinkende Webdesigner haben wir uns für die Seite 'Coffeelovers' entschieden. Das Thema lässt sich einfach auf viele andere Bereiche übertragen.
Startseite
- schnell ein Gefühl für eine individuelle Atmosphäre erzeugen
- im Kopfbereich ein Slider als 'Appetitmacher'
- gemütlich passendes dunkles Design
- ausklappbares Menü für viel 'Stauraum'
- Verwendung von modernem Kacheldesign auf schwebendem Glas
- auf einen Blick die besonderen Qualitäten (das Alleinstellungsmerkmal) zeigen
- die wichtigsten Informationen für die Erreichbarkeit (z.B. Öffnungszeiten) hinterlegen
- sofortige Erreichbarkeit via Schaltflächen (Telefon, Reservierung, Anfrage)
- für das bessere Auffinden in Suchmaschinen stehen im Fuß die Themen und Schlüsselwörter
- Links zu den eigenen Socialmediaportalen im Fuß
- DSGVO konform Impressum- und Datenschutzlink getrennt voneinander
- Einblendung einfacher cookie - Hinweis (einmalig)
Kaffeehausseite
- zur Darstellung der eigenen Philosophie
- zum Thema passende Icons
- Platz für die gute Geschichte zur Entstehung des Kaffeehauses
- moderner Wechsel zwischen breiten und schmalen Seitenbereichen
- über dem Fuß ein einschwebendes Breitbild
- Kopf- und Fußbereich mit Schaltflächen für Sofortaktionen
- sich wiederholende Schriftarten im passenden Stil
teil3
Teamseite
- Betreiber und Mitstreiter vorstellen
- persönlichen Bezug schaffen
- Kunden binden
- Fotos der Mitstreiter beim Arbeiten oder Genießen
- kurze Texte über persönliche Vorlieben/Qualitäten im Geschäft
- evtl. Ausbildungen und Qualifikationen auflisten
- zeigen, dass Sie die Profis sind
- Fotos vergrößern sich beim Überfahren mit der Maus oder beim Antippen (zoom)
teil4
Kaffeespezialitäten
- Raum für das besondere Produkt
- das Alleinstellungsmerkmal hervorheben
- kurze Einblicke in Herstellung / Verarbeitung / Lieferung und Netzwerke
- Wissenswertes vermitten
- neugierig machen
- die eigene Professionalität und Erfahrung hervorheben
- Wechsel zwichen breiten und schalen Bereichen
- einschwebendes Breitbild zeigt den Ursprung des Produktes
Angebotskarte
- ein Auszug an Getränken, Spezialitäten und mehr
- Appetitmacher
- Platz für die verpflichtenden Hinweise zu Inhaltsstoffen
- Preise
- ergänzt mit besonderen Fotos von Getränken und Speisen
- Lightbox zur Vergrößerung von Fotos
Gästebuch
- passend zum Stil gestaltetes Formular
- kein Einheitslayout
- kein Fremdanbieter
- keine Werbungseinblendung
- übersichtliches Kontaktformular für Bewertungen und Kommentare
- captcha zur Sicherung
- Verweis auf Datenschutz
- verpflichtend - Hinweis, dass Meinung veröffentlicht wird
- Meinungen erscheinen sofort im unteren Teil 'Was unsere Gäste sagen' mit Datum und Namen
- gleichzeitig erhält der Webseitenbesitzer per email einen Hinweis auf die neue Veröffentlichung
- per CMS onweb können unfaire Kommentare sofort gelöscht werden
Besonderes - Feiern
- beispielhaft Möglichkeiten aufzeigen
- Besucher auf neue Ideen bringen
- Fotos von gelungenen Feiern als Referenzen
- modernes Kacheldesign
- direkte Aktionsschaltfläche 'Anfrage'
- übrigens... das Favicon der Webseite ist natürlich eine Kaffeetasse
Kontakt und Reservierung
- passend gestaltetes Formular
- kein Fremdanbieter
- keine Werbungseinblendung
- Pflichtfelder für Kontaktaufnahme
- Wahlmöglichkeit für Anfragen
- Kalenderplugin für die Datumseingabe
- Autoresponder mit email an Webseitenbetreiber und automatisch auch an den Gast
- captcha gesichert
- Verweis auf Datenschutz
- Einbau Google Maps Wegbeschreibung möglich
Kunst
- im Menü erweiterbar
- Raum für aktuelle Mitteilungen über Veranstaltungen oder Ausstellungen
- Fotos als Refenzen
- von links und rechts einschwebende Fotos
- Schaltfläche für Sofortaktionen 'Karten reservieren'
Impressum und Datenschutzerklärung
- verbunden in einer Seite
- zwingend - getrennte Links (aus dem Fuss)
- mit Ankerpunkten ansteuerbar
- Impressum: Muster für notwendige Angaben zur Firma und dem Verantwortlichen für die Webseite
- Datenschutz: Lorem ipsum Text muss durch eigene Vereinbarungen ersetzt werden
- Nutzung von kostenlosen Generatoren möglich
Fehlerseite - 404
- freundlicher Hinweis auf Fehler
- gestaltet im gleichen Layout
- Angebot von Alternativen um den Eigentümer zu erreichen
- muss zusätzlich in der eigenen .htaccess eingestellt werden
Danke-Seite
- wird nach dem Absenden von Formularen als Bestätigung des Sendevorgangs angezeigt
- freundlicher Text als Dankeschön für das Interesse des Gastes
- im einheitlichen Layout gestaltet
- Hinweis auf weitere Schritte der Kommunikation
Typische Fehler beim Bau der eigenen Website vermeiden
Technik
- vernachlässigte ungenaue Ansichten auf Handy, Tablet und Breitbildmonitoren
- 'nur den eigenen Monitor sehen'
- Werbung in Kontaktformularen und auf der Webseite
- fehlende Aktionen auf der Website
- unübersichtliche Menüs und zu viele Menüpunkte
- technische Fehler in der Programmierung
- Fehler beim Umgang mit cookies
Inhalt
- Texte mit Phrasen
- zu lange Texte
- veraltete Inhalte
- Webseite ohne Möglichkeit, sie online zu bearbeiten
- Rechtschreib- oder Grammatikfehler
Optik
- unlesbare Schriften
- Standardkontaktformulare
- zu viele Schriftarten und Schriftstile
- zu viele Farben
- zu wenig Weißraum
- zu unruhig
- nicht optimierte Fotos (zu lange Ladezeit)
- Aussehen wie aus dem Standardbaukasten
Kann ich die Musterwebseite kaufen? Gibt es Varianten?
Sehr gern geben wir die komplette Website ab. Auf Anfrage können Sie diese vorher testen. Und natürlich passen wir sie auch für Ihr Geschäft an.
Varianten der 'Coffeelovers' sind bereits entstanden:
Anfrage
Was kann das CMS onweb?
- Onlineeditor (Texte formatieren, Bilder einfügen und austauschen..)
- Unabhängigkeit vom Webdesigner
- Webseitenbaukasten (Vorlagen, responsive Container und Bausteine)
- CMS onweb auf mobilen Geräten mit minimalen Funktionen nutzbar (z.B. direkter Upload und Einbinden von Fotos)
- Adminbereich zum Erstellen neuer Seiten, Bearbeiten von Kopf und Fuß der Webseiten und somit zum Optimieren für Suchmaschinen
- Einbinden von zusätzlichen Skripten, Menü- und Layoutbearbeitung (css)
- Updatemöglichkeit um immer auf dem neusten Stand zu sein
- Option für Backup und das Zurückholen von älteren Backups
Umfang onweb