Hilfe Registrieren

Bildstarke Beispiele: Super Seiten im Design Stockholm

Was ist eleganter, schicker und auch noch viel einfacher aufzubauen als ein NORNÄS von Ikea? (Nicht, dass wir damit jemals Probleme hatten…) Richtig! Es ist unser Design Stockholm! In nur sechs kurzen Monaten ist Stockholm zu einer unserer beliebtesten Designvorlagen geworden. Was uns nicht wundert, denn unser Stockholm ist das perfekte Pflaster für Fotografen, die ideale Vorlage für Online-Shops und ebenso passend für Reise- oder Kochblogs.

 

Wir zeigen euch wunderbare Webseiten von echten Jimdo-Nutzern und erklären, warum Stockholm in Windeseile so viele Herzen erobert hat – und Webseiten.


Lesezeit: ca. 4 Minuten


Was wir an Stockholm lieben

Großer Header auf der Startseite, horizontale Navigation, Breadcrumb- und Dropdown-Menü – die Liste der Vorzüge von Stockholm ist lang!
Großer Header auf der Startseite, horizontale Navigation, Breadcrumb- und Dropdown-Menü – die Liste der Vorzüge von Stockholm ist lang!
  • Besonderheit – der “kluge” Header: Mit Stockholm hat eure Webseite sozusagen zwei Kopfzeilen in einer: Einen großen Head-Bereich auf der Startseite und einen kleineren Head-Bereich auf allen Unterseiten. Damit könnt ihr eure Besucher auf der Startseite bildgewaltig empfangen und habt gleichzeitig genug Platz für eure Inhalte auf den Unterseiten.

  • Die bewegliche Navigation: Stockholm lässt Besucher nicht allein – die Navigation scrollt mit nach unten oder oben und bleibt im Blickfeld.

  • Die Organisation: Durch die Kombination von Dropdown- und Breadcrumb-Menü wissen eure Besucher immer genau, wo sie sich befinden und wie eure Webseite strukturiert ist.

  • Ein <3 für Logos: Stockholm gibt euch Flexibilität! Habt ihr ein eigenes Logo, könnt ihr es zentral im großen Logobereich platzieren. Wenn nicht, macht der Header trotzdem einiges her und beeindruckt beispielsweise mit einem großen Foto als markanter Blickfang.

Beispiele: Webseiten im Design Stockholm

Stockholm ist zwar noch ein frischer Newcomer in der Design-Szene, doch es gibt bereits einige Jimdo-Seiten, die euch richtig gut gefallen dürften. Hier kommen unsere aktuellen Lieblingsbeispiele:

Le Velo

Vielleicht kommt euch Senads Webseite irgendwie bekannt vor – sie ist nämlich in einem unserer TV-Spots zu sehen. Le Velo hat erst kürzlich von Zurich auf Stockholm gewechselt. Durch die Kombination aufeinander abgestimmter Fotos und Farben hat die Webseite einen sehr professionellen, angenehmen Look.

Die Webseite von Le Vélo vermittelt urbanen Charme durch gut kombinierte Fotos und Farben.
Die Webseite von Le Vélo vermittelt urbanen Charme durch gut kombinierte Fotos und Farben.

Jill Heyer

Jill ist Webdesignerin und Fotografin – und (Trommelwirbel!)... hat als Designerin bei Jimdo Stockholm mit entworfen. Jill nutzt das Design für ihre Portfolio-Webseite und zeigt dort ihre beeindruckenden Fotos sowie andere künstlerische Werke. Danke, Jill!

Jills Webseite besticht durch klares Design und wunderbare Bilder.
Jills Webseite besticht durch klares Design und wunderbare Bilder.

Ouver Coffee

Unsere Freunde von Ouver Coffee setzen auf hervorragend ausgewählte Fotos. Das Header-Bild zum Beispiel repräsentiert das Projekt von Barrista Birger einfach perfekt. Darüber hinaus besticht die Seite durch eine schön schmale Navigation – das Potenzial von Stockholm, der viele Platz und die klare Struktur, werden hier beispielhaft genutzt!

 

Tolles Extra: Ouver Coffee nutzt die Navigation geschickt für eine zweisprachige Webseite.

Birger von Ouver Coffee präsentiert seine Produkte gekonnt: schlicht, mit professionellen Fotografien und einheitlichem Design.
Birger von Ouver Coffee präsentiert seine Produkte gekonnt: schlicht, mit professionellen Fotografien und einheitlichem Design.

Sun Tree Studio

Kann eine Webseite Gefühl erzeugen? Sie kann. Künstlerin Nata Pestune vermittelt euch auf ihrer Webseite von Sun Tree Studio die Atmosphäre eines Sonntagmorgens – ihr sitzt entspannt und ausgeschlafen am Küchentisch, und die Welt um euch ist angenehm ruhig und hell. Eben der perfekte Moment für einen Tee oder Espresso – und Natas handgemachte kleine Kunstwerke aus Keramik oder Porzellan.

 

Auffällig: Natas Webseite ist fast einfarbig und in helle Töne getaucht. Gleichzeitig wirkt sie warm und einladend – durch liebevolle Genauigkeit, überlegte Anordnung und tolle Fotos.

Klares, schlichtes, liebevolles Design – so ließen sich die Werke und die Webseite von Sun Tree Studio beschreiben.
Klares, schlichtes, liebevolles Design – so ließen sich die Werke und die Webseite von Sun Tree Studio beschreiben.

Science Meets Sweets

“Biochemikerin und Bäckerin” ist wirklich kein Arbeitstitel, den man öfter hört. Die Tätigkeit von Nikola mit ihrem Projekt Science Meets Sweets beschreibt es aber treffend!

Stockholm eignet sich für ihr Projekt ideal – schon auf der Startseite läuft einem das Wasser im Mund zusammen, findet ihr auch? Was ein großes Header Bild so ausmachen kann…

 

Besonders gefallen uns auch Nikolas handgezeichnete Illustrationen, mit denen sie ihre Arbeitsprozesse veranschaulicht. Einfach top!

Die Startseite von Nikola macht Hunger. Und Lust auf mehr Infos über ihr Projekt.
Die Startseite von Nikola macht Hunger. Und Lust auf mehr Infos über ihr Projekt.

So nutzt ihr die Vorzüge von Stockholm auch für eure Webseite

Unsere Beispiele zeigen Webseiten aus ganz verschiedenen Bereichen, in unterschiedlichen Stilen und mit individuellen Zielen und Zielgruppen. Jede Seite nutzt Stockholm auf eigene Weise – jedoch mit drei eindeutigen Gemeinsamkeiten:

 

  • Hochwertige Fotos: Stockholm ist “fotogen” – das Potenzial von Stockholm entfaltet sich daher durch Fotos mit hoher Qualität und guter Auflösung.

  • Schlanke Navigation: Das horizontale Menü sorgt für klare Verhältnisse, wenn die Anzahl der Menüpunkte knapp gehalten wird. Empfehlenswert für Stockholm ist daher eine Navigation, die in eine Zeile passt.

  • Klare Seitenstruktur: Stockholm ist "typisch skandinavisch" und gibt euch eine Menge Freiheit. Bei all dem Platz (“White Space”) ist es wichtig, die Unterseiten nach einer klaren, möglichst einheitlichen Struktur aufzubauen. Dabei helfen insbesondere Spalten-Elemente, Abstände und Galerien. So bleiben eure Unterseiten übersichtlich – und vermitteln jede Menge skandinavischen Charme :)

 

Noch mehr Inspiration und einen Vorschau auf zahlreiche verschiedene Designs findet ihr jederzeit auf unserer Beispielseite.


Diesen Artikel mit anderen teilen:


Schöne Stadt, schönes Design – was gefällt euch besonders an Stockholm? Und wäre die Designvorlage auch was für euer Projekt? Ich bin gespannt auf eure Meinungen und die Links zu euren Webseiten in den Kommentaren.

 

Viele Grüße,

Markus

Markus Bruhn

Redakteur bei Jimdo


Hier gibt's noch mehr:



Ähnliche Artikel:

So gibt das Hintergrundbild eurer Seite den richtigen Pep
>> mehr lesen

Visual Marketing: Wie ihr die Kraft von Bildern nutzt
>> mehr lesen

Das kleine Webseiten-Glossar: wichtige Web-Begriffe verständlich erklärt
>> mehr lesen

Eure Highlights: Die meistgelesenen Blogartikel 2016
>> mehr lesen

Kommentar schreiben

Kommentare: 24
  • #1

    Baumzelt Solling (Mittwoch, 08 März 2017 14:22)

    Und hier eine weitere schöne Seite im Design Stockholm: https://www.baumzelt-solling.de/ :-)

  • #2

    Vince Johnson (Mittwoch, 08 März 2017 15:22)

    Hallo, mein Kumpel Armin hat mir mit dem Design Stockholm eine neue Webseite bei Jimdo eingerichtet.
    Das Design ist wirklich Klasse
    gruß
    Vince

  • #3

    Erika Mitterer (Mittwoch, 08 März 2017 15:33)

    Ich bin auch total begeistert von Jimdo, gerade vom Template Stockholm wegen der ausdrucksstarken bildgewaltigen Startseite.
    Mit ist jetzt aber gerade auf Jills Seite passiert, dass ich zuerst dachte, die Startseite besteht nur aus dem Bild und hab dann erst nach genauem "Untersuchen" der Seite bemerkt, dass man nach unten scrollen muss um den weiteren Inhalt der Startseite zu sehen.
    Ich kenn dies von ähnlichen Anbietern mit Templates (WIX, 1und1) so, dass auf der Startseite im untersten Bildbereich ein Icon, zb. ein kleiner Pfeil o.ä. nach unten verweist, der wie ein Textanker wirkt und nach unten zum Text scrollt, so dass man merkt: es gibt auch noch interessanten Text auf der Startsseite.
    Das wäre noch mein Zusatzwunsch bei diesem tollen Design!

    Ansonsten Gratulation: Jimdo ist echt unschlagbar!

  • #4

    Gabi (Mittwoch, 08 März 2017 16:00)

    Ja, Stockholm ist gut, aber ich warte schon sehr lange auf neue Designs und Darstellungsmöglichkeiten für Fotografien.
    Jimdo ist nicht mehr unschlagbar. ... Schade.

  • #5

    Jimdo-Team (Mittwoch, 08 März 2017 16:08)

    Hallo!

    @Gabi: Vielleicht findest du hier Inspiration für deine Foto-Seite: https://de.jimdo.com/designs/#/industry/portfolio-und-fotografie/

    Viele Grüße,
    Markus

  • #6

    Thorsten (Mittwoch, 08 März 2017 16:44)

    Um das größstmögliche Bild im Header zu bekommen, welches Format soll gewählt werden?

    Viele Grüße

  • #7

    Bernhard Friebl (Mittwoch, 08 März 2017 17:17)

    Auch bei dieser Seite kommt das Stockholm-Template gut zur Geltung!

    www.voixxbradler.at

  • #8

    Jimdo-Team (Mittwoch, 08 März 2017 17:26)

    @Thorsten: Die “beste Größe” zu definieren ist schwierig, da es immer darauf ankommt, mit welchem Gerät und in welcher Auflösung du die Seite aufrufst. Davon ab empfehle ich bei allen hintergrundbild-bezogenen Fragen 1920x1080, da dies heutzutage eine recht gängige Auflösung bei PC Monitoren ist. Ob PNG oder JPG spielt hierbei keine Rolle.

    Viele Grüße, Saskia

  • #9

    Michael (Mittwoch, 08 März 2017 18:58)

    Hi! Ja, habe mich auf für Stockholm entschieden. Gefällt mir! https://www.blende74.de/

    VG Michael

  • #10

    Martin Schröder (Mittwoch, 08 März 2017 19:49)

    Hallo Markus,

    was mir bei Stockholm u. a. gut gefällt ist, dass der Content-Bereich unter dem Header schön breit ist, meine Seite im Roma-Style läuft schmaler. Ist der breitere Lauf ggf. auch bei ROMA einstellbar? Vermutlich nur mit HTML-Kenntnisse - vermute ich....
    Freue mich über eine kurze Nachricht.

    Besten Gruß
    Martin

  • #11

    Tester (Mittwoch, 08 März 2017 20:31)

    Lieber Saskia vom Jimdo Team
    da muss ich energisch widersprechen. PNG für ein Hintergrundbild zu nehmen ist Overkill schlechthin weil von der Dateigröße viel zu groß. Da wird sich Google freuen denn dass sorgt für ein richtig rotes Ergebnis.
    Und ich würde als Bildgröße eher 2.560 x 1.440 empfehlen - dass ist nicht so viel größer wenn man richtig speichert und damit sind dann auch alle user mit UHD Bildschirmen abgedeckt. Wer ein Design mit einem großen Headerbild (was es ja nicht ist, ihr verwendet den Hintergrund als Bild) macht möchte ja sicher dass es immer gut aussieht.

  • #12

    Reinhard (Donnerstag, 09 März 2017 00:00)

    Hallo, ich habe gerade meine Seiten neu überarbeitet. Hätte, wenn der Betrag eher gekommen wäre, Stockholm gerne ausprobiert.

  • #13

    Barbara Ohl (Donnerstag, 09 März 2017 05:33)

    Ich bin begeistert! Für meine Zwecke genau das Richtige. Klare und übersichtliche Anordnung, kein langes Suchen. Ganz toll finde ich die unbegrenzten Gestaltungsmöglichkeiten.
    JIMDO ist Klasse!
    Herzliche Grüße

  • #14

    Peter Scheerer (Donnerstag, 09 März 2017 09:13)

    @Reinhard:
    Du kannst Das Template jederzeit umstellen und anpassen. In Paderborn sitzt sogar ein Jimdo Expert: Jochen Carl - ein sehr netter Typ: https://partner.jimdo.com/jimdo-experts/chromotion/ - den kannst Du - falls Du Hilfe brauchst, und einen Profi vor Ort zu Rate ziehen möchtest fragen. Viele Grüße, Peter, Jimdo Expert aus Stuttgart.

  • #15

    Gerald (Donnerstag, 09 März 2017 14:17)

    Danke!
    www.der-edelstein.at

  • #16

    Bastelnmitelektronik (Donnerstag, 09 März 2017 19:05)

    Interessant

  • #17

    Nikola (Studie in Süß) (Donnerstag, 09 März 2017 23:46)

    Hallo liebes Jimdo Team,

    vieeelen Dank, dass ihr meine Seite hier in dem Blogbeitrag erwähnt habt! Ich fühle mich sehr geehrt :)
    Ich habe übrigens auch eine deutsche Version meiner Seite, an der ich im Moment öfter arbeite als an der englischen. Jaja, die Zeit ist einfach manchmal zu knapp, um alles zu übersetzen ;)

    Liebe Grüße aus Freiburg!

  • #18

    HLS (Freitag, 10 März 2017 16:01)

    ....... und für shop s wird immernoch nichts gemacht

  • #19

    TOM (Samstag, 11 März 2017 17:11)

    Ich arbeite für einen Kunden gerade an einer Seite und verwende dieses Design - bin mit Stockholm sehr zufrieden, damit lässt sich wirklich schönes, zeitgemäßes Webdesign umsetzen.

  • #20

    ich nochmal (Sonntag, 12 März 2017 15:16)

    Man sollte bei Stockholm daran arbeiten, dass die in der Navigation gespeicherten Unterseiten sich auch scrollen lassen. Das ist nämlich leider nicht der Fall. Nützt dem Kunden ja nix, wenn er von 10 Unterseiten nur 3 sieht und beim scrollen sich lediglich der Hintergrund bewegt...

  • #21

    Christine Schuler (Montag, 13 März 2017 13:34)

    Danke für die tollen Tipps! Wir nutzen das Template auch und sind begeistert - www.omoa.de

  • #22

    Alexander Hofmann (Dienstag, 14 März 2017 09:13)

    Ich habe auch auf Stockholm umgestellt!
    Taugt mir total! ;)
    www.lxndrhfmnnphtgrphy.de

  • #23

    Carmen Straube (Dienstag, 21 März 2017 21:49)

    Bin begeistert von Stockholm, aber auch wieder ratlos.
    Ich habe viele unterschiedliche Artikel in meinem Shop.
    Bei der Bearbeitung der Navigation sehe ich nur einen kleinen Teil meiner eingestellten Sachen. Selbst mit Bildschirmverkleinerung und Brille bin ich nicht bis zum Schluss gekommen :-). Beisp.: Accessoires klennes, Mütze Schal Set (44)
    Liebes Jimdo Team, könntet Ihr die Navigation vielleicht so einrichten das man sie hoch und runter schieben kann???
    Oder habt Ihr noch eine bessere Idee.
    Ich designe meine eigene Mode & Accessoires, da bin ich fit,
    Technisch ???

  • #24

    Christian Moeres (Mittwoch, 22 März 2017 15:52)

    Ich bin wirklich begeistert, habe mich lange Zeit mit der Vorlage Rio de Janeiro rumgeschlagen, die auch nicht besonders schlecht gewesen ist aber mit Stockholm habe ich meinen Onlineshop nochmals nach oben gepusht !

    www.blackalfred.de !