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
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
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)
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
Kann ich die Musterwebseite kaufen? Gibt es Varianten?
Was kann das CMS onweb?
Was fehlt auf dieser Seite?
Schreiben Sie uns Ihre Meinung. Gern erweitern wir und bauen diese Seite mit Ihren Hinweisen aus.
