Stockholm

Wieviel kann man aus einer Design-Vorlage rausholen? Die Anzahl der Jimdo Creator Designvorlagen ist überschaubar. Gar keine Frage. Aber sehen deshalb alls Jimdo Webseiten gleich aus?

Aus den circa 40 Designvorlagen habe ich mir das Jimdo Design Stockholm herausgepickt. Im Jimdo Blog findest du weitere Beispiele dieses Designs. Denn vom Template Stockholm konnte ich in der Creator Template Übersicht 10 verschiedene Variationen finden. Diese möchte ich dir hier vorstellen, damit du dir selber ein Bild machen kannst. Du wirst überrascht sein, wie unterschiedlich die 10 Beispiele des Jimdo Designs Stockholm aussehen.

Anzeige

Jimdo Banner

Design to impress

Eine Sache ist jedoch identisch: Der beeindruckende Hero Header auf der Startseite. Ein überdimensionales Foto umfasst den gesamten Bildschirm. So kann dem Besucher auf den ersten Blick ein starkes Bild vermittelt werden. Ein erster Eindruck, der überzeugt. Das Logo ist auffällig in der Mitte des Bildes platziert. Hierdurch wird das Logo beim Design Stockholm zu einem wichtigen Gestaltungsmerkmal deiner Webseite. Die Navigationsleiste befindet sich am unteren Bildrand. Sobald die Besucher deiner Webseite den Bildschirm nach unten scrollen, wandert die Navigation an den oberen Bildschirmrand.

Stockholm Vorlage Tattoo Store

Jimdo Design Stockholm Tattoo Parlor

Bei dieser Variante des Jimdo Design Stockholm, sticht vor allem die prägnante Schriftart der Headlines ins Auge. Wenn du dich für diese Design Vorlage entscheidest, achte darauf, ob dein Logo mit der Schriftart harmoniert. Ein sehr klares, cleanes Logo würde hier wahrscheinlich nicht gut wirken. Auch farblich sollte es passen.

Der Rest der Designvorlage ist mit einem hellen Hintergrund, schwarzer Naviagtionsleiste und schwarzem Footer neutral gehalten. Die schwarze Schrift auf hellem Hintergrund sorgt für eine gute Lesbarkeit. Lediglich die hellbraune Farbe von Links wirkt etwas schwach.

Farben:

  • Navigationsleiste: schwarz
  • Schrift Navigation: weiß / hellbraun
  • Hintergrundfarbe: hellgrau
  • Footer: schwarz
  • verwendete Schriftfarben: schwarz / hellbraun
  • Button: hellbraun mit weißer Schrift

Fonts:

  • Ultra, serif
  • Kadwa, sans serif

JIMDO Design Stockholm im Video

In diesem Video siehst du 10 verschiedene Versionen des Jimdo Designs Stockholm inklusive der Unterseiten.

Vorlage Pottery

Pottery Stockholm

Bei diesem Template hat der Jimdo Webdesigner sich scheinbar vom Landhausstil inspirieren lassen. Alle Elemente sind sehr hell, die Farben sind teils verwaschen. Für die Nutzung einer Website oder eines Shops finde ich das leider eine Katastrophe. Denn eine helle Schrift ist auf hellem Untergrund einfach schlecht lesbar. Hinzu kommt, dass eine filigrane Schriftart gewählt wurde. Dies macht es dem Besucher deiner Website nochmal schwerer, deine Texte zu lesen. Daher empfehle ich, lieber eine der anderen Stockholm Vorlagen zu wählen. 

Farben:

  • Navigationsleiste: taupe
  • Schrift Navigation: weiß / grau
  • Hintergrundfarbe: weiß
  • Footer: anthrazit
  • verwendete Schriftfarben: taupe / grau
  • Button: Rahmen in taupe, Schrift taupe

Fonts:

  • Julius Sans One, sans-serif
  • Source Sans Pro, sans-serif

Vorlage Hochzeitsfotografie

Hochzeitsfotografie Stockholm

Elegant und clean ist dieses Template gehalten. Ein neutraler Hintergrund mit anthrazitfarbener Schrift sorgt für eine gute Lesbarkeit. Das Schriftbild ist klar und angenehm und der dunkle Footer bildet einen klaren Abschluss der Seite.  Die Vorlage beinhaltet viel Raum für Fotos. Hier sollen offenbar Fotografen angesprochen werden und alle, die auf ihrer Website viele Bilder präsentieren wollen.

Geeignet ist diese Vorlage für viele Zielgruppen. Da man hier nicht allzu viel falsch machen kann, ist sie auch für Anfänger gut geeignet. Denn sowohl ein verschnörkeltes als auch ein sehr cleanes Logo sollten hier passen. Auch die Gefahr von Farbkonflikten ist bei dieser Stockholm Designvorlage gering. Deshalb eine klare Empfehlung. 

Farben:

  • Navigationsleiste: weiß
  • Schrift Navigation: blau / anthrazit
  • Hintergrundfarbe: weiß
  • Footer: schwarz
  • verwendete Schriftfarben: grau / anthrazit
  • Button: Rahmen in hellblau, Schrift hellblau

Fonts:

  • Quicksand, sans-serif

Vorlage Delikatessen

Designvorlage Delikatessen

Auffallend bei dieser Version von Stockholm sind ein dunkler Hintergrund und die geschwungene Schrift der Headlines. Farbliche Akzente werden bei der H1 Überschrift sowie in der Navigation mit einer hellgrünen Schrift gesetzt. Dieser Farbakzent ist dezent, sollte aber mit deinem Logo und deinen Fotos harmonieren. 

Die Schriftart sowie der hohe Kontrast sorgen für eine gute Lesbarkeit. Bedenken solltest du jedoch, dass ein dunkler Hintergrund mit heller Schrift vom Leser oftmals als anstrengender empfunden wird. Gut geeignet finde ich dieses Template, wenn die Inszenierung der Fotos im Vordergrund stehen soll. Denn durch den dunklen Hintergrund kommen Bilder besonders gut zur Geltung.

Farben:

  • Navigationsleiste: anthrazit
  • Schrift Navigation: weiß/ hellgrün
  • Hintergrundfarbe: anthrazit
  • Footer: grau
  • verwendete Schriftfarben: grau / anthrazit
  • Button: hellgrüner Button, schwarze Schrift

Fonts:

  • Euphoria Script, kursiv
  • Actor, sans-serif

Vorlage Café Illo

Template Cafe Illo

Dieses Template ist mutig. Der Hintergrund in lila, dazu Elemente in rosa und drei verschiedene Schriftarten. Dies ist eine Kombination, die man vermutlich nur lieben oder hassen kann. 

Empfehlen würde ich diese Designvorlage nur jemandem, der ein wirklich gutes Farbempfinden hat. Denn mit diesem Stockholm Design kann man schnell viel falsch machen. 

Farben:

  • Navigationsleiste: dunkles lila
  • Schrift Navigation: weiß/ rosa
  • Hintergrundfarbe: lila
  • Footer: dunkles lila
  • verwendete Schriftfarben: weiß/ lila
  • Button: rosa Button, weiße Schrift

Fonts:

  • Oswald, sans-serif
  • Source Sans Pro, sans-serif
  • Homemade Apple, kursiv

Vorlage Steak N Beer

Theme Steak N Beer

Auch bei diesem Stockholm Design finden wir drei verschiedene Schriftarten. Durch die neutralen Farben ist dies aber unproblematisch. Die Schrift und die komplette Gestaltung wirkt modern, die Lesbarkeit ist optimal. Die H2 Überschrift ist in rot. Damit werden auf einer ansonsten sehr neutral gestalteten Vorlage kleine farbliche Akzente gesetzt. 

Geeignet ist dieses Template für viele Zielgruppen. Auch Anfänger können mit dieser Vorlage eine gut aussehende Website erstellen.

Farben:

  • Navigationsleiste: schwarz
  • Schrift Navigation: weiß/ hellgrau
  • Hintergrundfarbe: hellgrau
  • Footer: schwarz
  • verwendete Schriftfarben: schwarz / rot
  • Button: weißer Button mit schwarzem Rahmen und schwarzer Schrift

Fonts:

  • Montserrat, sans-serif
  • Satisfy, kursiv
  • Lora, serif

Vorlage Modern Architecture

Design Vorlage Architecture

Modern und klar wirkt dieses Template. Ein heller Hintergrund mit grauer Schrift sorgen für eine gute Lesbarkeit. Die Schriftart ist sehr schnörkellos. Als Farbtupfer sticht eine Navigationsleite mit gelben Elementen ins Auge. Hier solltest du darauf achten, dass dies mit deinem Logo und anderen Gestaltungsmerkmalen harmoniert. 

Bei dieser nüchtern gehaltenen Vorlage kann man nicht viel falsch machen, daher eignet sie sich auch für Anfänger gut. Der unterkühlte Charme dieses Design Beispiels, sollte dich nicht abschrecken. Dieser entsteht in erster Linie durch die Wahl der Fotos. Setzt du hier weniger sterile Fotos ein, kann eine schöne Website entstehen. 

Farben:

  • Navigationsleiste: weiß / gelb
  • Schrift Navigation: schwarz
  • Hintergrundfarbe: weiß
  • Footer: anthrazit
  • verwendete Schriftfarben: schwarz / grau
  • Button: Button anthrazit / Schrift weiß

Fonts:

  • Fira Sans, sans-serif

Vorlage Saving Africa

Template Saving Africa

Dieses Stockholm Design fällt auf – leider nicht positiv. Ein Hintergrund in einer undefinierbaren Farbe, Header und Footer in weinrot. Die Schrift in weinrot und grün, dazu Button in knallgelb. Hinzu kommt eine völlig antiquiert wirkende Schriftart. Gruselig. Meine Empfehlung: Wähle eins der anderen Stockholm Templates.

Farben:

  • Navigationsleiste: weinrot
  • Schrift Navigation: weiß / gelb
  • Hintergrundfarbe: beige
  • Footer: weinrot
  • verwendete Schriftfarben: weinrot / grün
  • Button: Button gelb/ Schrift weiß

Fonts:

  • Anton, sans-serif
  • Source Sans Pro

Vorlage Tennis Academy

Stockholm Tennis Academy

Auch bei dieser Vorlage ist die Farbkomination gewagt, denn hier treffen grau und braun aufeinander. Dies ist eine Kombination, die nicht ganz einfach ist. Das Grau befindet sich in der Navigationsleiste, das Braun in den Button und im Footer. 

Durch eine sehr geschickte Auswahl der Fotos im Beispiel, hat diese Farbkombi jedoch einen gewissen Charme. Zumal der weiße Hintergrund das Ganze neutralisiert. 

Empfehlen würde ich dieses Stockholm Template nur jemandem, mit einem sehr guten Farbempfinden. Auch eine einheitliche Größe der Fotos, würde dem Design gut tun. Dann kann mit dieser Vorlage aber eine interessant aussehende Website erstellt werden. 

Farben:

  • Navigationsleiste: grau
  • Schrift Navigation: weiß / orange
  • Hintergrundfarbe: weiß
  • Footer: braun
  • verwendete Schriftfarben: anthrazit/ grau
  • Button: Button Rahmen und Schrift hellbraun mit farbloser Füllung

Fonts:

  • Fira Sans, sans-serif
  • Open Sans, sans-serif

Vorlage Well Body

Jimdo Design Stockholm Well Body

Clean, hell und modern wirkt diese Vorlage. Neutrale Formen und Farben, die Inhalte ins Zentrum setzen. Die Lesbarkeit ist optimal. Für den Leser ist dies entspannend. Einzelne Farbakzente bei der Schrift sind in einem angenehmen blau.

Klare Empfehlung für dieses Stockholm Design. Geeignet ist die Vorlage für unterschidliche Zielgruppen. Die Gestaltung ist durch die vorgegebenen Farben und Schriften sehr einfach. Damit kann auch ein Anfänger eine schöne Website erstellen.

Farben:

  • Navigationsleiste: anthrazit
  • Schrift Navigation: weiß / hellgrau
  • Hintergrundfarbe: weiß
  • Footer: anthrazit
  • verwendete Schriftfarben: anthrazit/ hellblau
  • Button: anthrazit mit weißer Schrift

Fonts:

  • Source Sans Pro
  • Lato

Was du bei Jimdo Creator verändern kannst

Alle Designelemente lassen sich bei Jimdo Creator verändern. Wenn dir also Schrift, Hintergrund, Farbe, Schriftgröße oder etwas anderes nicht gefallen, hast du die Möglichkeit, dies zu verändern. Jedoch ist Jimdo ein Homepage Baukasten speziell für Anfänger. Wenn du also noch nie eine Website erstellt hast, würde ich dir empfehlen, dich weitgehend an die Vorlage zu halten.

Mit CSS Code den Header verkleinern

Das Header Foto nimmt beim Jimdo Design Stockholm den kompletten Bildschirm ein. Dies sieht toll aus, kann jedoch auch Nachteile haben. Denn hierdurch sieht der Besucher deiner Website Inhalte und Shop Produkte erst, wenn er nach unten scrollt. Möchtest du den Header verkleinern, ist dies mit CSS Code ganz einfach:

  1. Menü anklicken (links oben auf deiner Jimdo Website)
  2. Den Menüpunkt Einstellungen auswählen
  3. Head bearbeiten auswählen
  4. Folgenden Code einfügen und speichern:

<style type=“text/css“>

/*<![CDATA[*/

@media (min-width: 1170px) {

.cc-indexpage .jtpl-header {

    height: auto !important;

    }  

}

/*]]>*/

</style>

Quelle

Wie du das passende Template auswählst

Die hier vorgestellten Designvorschläge, gehören alle zum Jimdo Design Stockholm. Insgesamt gibt es circa 40 Templates,  Stockholm ist nur ein Template. Du siehst, du hast bei Jimdo mehr Auswahl, als man auf den ersten Blick denkt.

Wichtig bei der Auswahl der Designvorlage ist eine gute Lesbarkeit. Auch sollten die Farben mit deinem Logo und deinen Fotos harmonieren. Achte außerdem auf einheitliche Bildgrößen! So schaffst du es, auf einfache Weise mit Jimdo deine eigene Homepage zu erstellen.

Weitere Jimdo Design Beispiele: