35 Beispiele zur Header-Gestaltung bei Online-Shops

Einen Header – oder auch Kopfbereich – weist jede Website im Internet auf. In diesem werden meist zentrale Einstiege und Funktionen angeboten, damit diese für den Nutzer von jeder Unterseite aus erreichbar sind.




Häufig vorkommende Elemente

  • Logo & Slogan mit Home-Link
  • Hauptnavigation
  • Meta-Navigation (Kontakt, Service/Hilfe, Sitemap, Beratung, Sprach-/Schiftgrößenauswahl, …)
  • Suchfunktion
  • Nennung von USPs/Shop-Vorteilen
  • Warenkorbanzeige und -zugang
  • Zugang zum Wunsch-/Merkzettel
  • Zugang zum persönlichen Bereich
  • Login/Logout bzw. Registierung
  • Möglichkeit der Direktbestellung
  • Suche für Filialen vor Ort
  • Angebotsteaser

Viele der genannten Elemente werden heutzutage von Nutzern im Header erwartet. Sind diese dort nicht zu finden, löst dies Irritationen und vielleicht auch Frustration beim Nutzer aus.

35 Beispiele von deutschen und internationalen Online-Shops

Header bei 3suisses.de

3suisses.de - Header-Elemente: Logo, Navigation, Suchfunktion, Warenkrob, Direktbestellung, Login/Logout, persönlicher Bereich, Registierung, Sprachauswahl.

Header bei amazon.de

amazon.de - Header-Elemente: Logo, Navigation, Suchfunktion, Warenkorb, Login/Logout, persönlicher Bereich, Registrierung, Angebotseinstiege, Wunschzettel.

Header bei baby-walz.de

baby-walz.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, persönlicher Bereich, Beratung, Filialfinder, Login/Logout, Direktbestellung und weitere Meta-Navigation.

Header bei barnesandnoble.com

barnesandnoble.com - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Login/Logout, persönlicher Bereich, Filialfinder und weitere Meta-Navigation.

Header bei baur.de

baur.de - Header-Elemente: Logo, Navigation, Suchfunktion, Warenkorb, Login/Logout, Registrierung, persönlicher Bereich, Direktbestellung, Servie & Hilfe, Merkzettel, Angebotsteaser.

Header bei bestbuy.com

bestbuy.com - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Login/Logout, Registrierung, persönlicher Bereich, Service, Sprachauswahl, Filialfinder und diverse weitere Angebots-/Informationseinstiege.

Header bei bonprix.de

bonprix.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Login/Logout, Filialfinder, Direktbestellung, Wunschzettel, persönlicher Bereich, Service.

Header bei cunda.de

cunda.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Sprachauswahl, Service, Merkzettel, Newsletter und Verweise auf andere Unternehmesbereiche.

Header bei docmorris.de

docmorris.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Login/Logout, Hilfe, Service, Schriftgrößenauswahl und weitere Meta-Einstiege.

Header bei galeria-kaufhof.de

galeria-kaufhof.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Login/Logout, persönlicher Bereich, Merkzettel, Filialfinder, weitere Meta-Elemente sowie Verweis auf Prospekte, Blog und Payback.

Header bei globetrotter.de

globetrotter.de - Header-Elemente: Logo, Suchfunktion, übergeordnete Gesamt-Navigation, Warenkorb, Direktbestellung, Filialen, Meta-Navigation.

Header bei hagebau.de

hagebau.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Merkzettel, Login/Logout, Registrierung, Filialfinder, persönlicher Bereich, Service, Beratung sowie weitere Aktions-/Informationseinstiege.

Header bei heine.de

heine.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Merkzettel, persönlicher Bereich, Beratung, Login/Logout.

Header bei ikea.de

ikea.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Merkzettel, persönlicher Bereich, Bereatung, Filialfinder und weitere ikea-eigene Einsteige.

Header bei karstadt.de

karstadt.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Filialfinder, Login/Logout, Merkzettel, Service und Kundenkarte.

Header bei mirapodo.de

mirapodo.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Login/Logout, Registrierung, persönlicher Bereich, Service, Vorteile, Newsletter und Blog.

Header bei misterspexx.de

misterspexx.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Login/Logout, Hilfe, Sprachauswahl, Newsletter, Vorteile und Telefonhotline sowie Social Media.

Header bei mydays.de

mydays.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Login/Logout, Registrierung, Newsletter, Hilfe und Trust-Element.

Header bei newegg.com

newegg.com - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, persönlicher Bereich, MarkenShop, Geschäftskunden, Login/Logout, Registrierung, Wunschzettel, Hilfe und Social Media.

Header bei otto.de

otto.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Merkzettel, Login/Logout, Registrierung, Service, Hilfe und Sitemap.

Header bei otto-office.de

otto-office.de - Header-Elemente: Logo, Suchfunktionen, Navigation, Warenkorb, persönlicher Bereich, Login/Logout, Direktbestellung, Service, Stichwortliste als Navigation.

Header bei peterhahn.de

peterhahn.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Direktbestellung, Merkzettel, Login/Logout, Hilfe, Veranstaltungen, Filialfinder, Service, Katalog und Über uns.

Header bei planet-sports.de

planet-sports.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, persönlicher Bereich, Vorteile, Trust-Elemente, Service, Sprachauswahl, Filialfinder, Social Media und Verweise auf weitere eigenen Auftritte.

Header bei play.com

play.com - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, persönlicher Bereich, Login/Logout, Registrierung, Hilfe.

Header bei plus.de

plus.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, persönlicher Bereich, Login/Logout, Merkzettel und Trustelemente.

Header bei real-onlineshop.de

real-onlineshop.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Filialfinder, Angebotsteaser, Merkzettel, persönlicher Bereich, Hilfe, Registrierung, Trust-Elemente.

Header bei redcoon.de

redcoon.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, persönlicher Bereich, Login/Logout, Registrierung, Kontakt, Merkzettel sowie weitere Navigationselemente zu anderen speziellen Seitenbereichen.

Header bei rossmannversand.de

rossmannversand.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, persönlicher Bereich, Service & Hilfe, Meta-Elemente, diverse Angebotsteaser und Einstiege zu speziellen Seitenbereichen.

Header bei sportscheck.de

sportscheck.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Merkzettel, persönlicher Bereich, Vergleichsfunktion, Hilfe, Sprachauswahl und Angebotsteaser.

Header bei staples.com

staples.com - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, persönlicher Bereich, Hilfe-Funktionen, Filialfinder, Aktionsteaser, Login-Logout und Spezialeinstiege.

Header bei tchibo.de

tchibo.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, persönlicher Bereich, Login/Logout, Service, Kontakt, Newsletter und PrivatCard.

Header bei thalia.de

thalia.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Merkzettel, Filialfinder, Hilfe, persönlicher Bereich, Login/Logout.

Header bei weltbild.de

weltbild.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Login/Logout, persönlicher Bereich, Hilfe & Service, Kontakt, Vorteile und Aktionsteaser.

Header bei zalando.de

zalando.de - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Trust-Elemente, Vorteile, persönlicher Bereich, Wunschzettel, Hilfe, Gutscheine, Newsletter, Jobs, Login/Logout.

Header bei zappos.com

zappos.com - Header-Elemente: Logo, Suchfunktion, Navigation, Warenkorb, Vorteile, Aktionsteaser, Marken-Verzeichnis, Login/Logout, persönlicher Bereich, Merkzettel, Hilfe, Hotline, Registrieren und Verweis auf vorhandene Blogs.

Haben Sie Interesse an weiteren Good practices? Auch zu anderen Themen und Anwendungen? Mit den eResult Themenjournalen und Trendnewslettern bekommen Sie jeden Monat Inspiration für Ihre eigene Arbeit.

Portraitfoto: Steffen Heim

Steffen Heim

Projektleiter User Centered Design

Baur Versand GmbH & Co KG

Bisher veröffentlichte Beiträge: 13

Ein Kommentar

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.