Mo

18

Jul

2016

Die ideale Designvorlage für eure Webseite!

Ihr baut gerade eure erste Jimdo-Seite oder möchtet eurer bestehende Seite einen neuen Anstrich verleihen? Zu einem atemberaubenden Look gehört natürlich die richtige Designvorlage – doch die zu finden ist bei dieser großen Auswahl nicht immer leicht. Damit euch die Wahl leichter fällt, geben wir euch hier ein paar Tipps an die Hand! 

Grundlagen: die Jimdo-Designs

Der Aufbau unserer Designvorlagen

Unsere Designvorlagen geben euch nur die Grundstruktur vor – in der Aufteilung der Inhalte und der Gestaltung seid ihr völlig frei!

 

Jede Jimdo-Seite besteht aus den folgenden 4 Teilen:

  • Kopfbereich (“Head”): Der obere Bereich eurer Seite, wo sich für gewöhnlich das Logo, oft auch das Hintergrundbild und der Webseitenname befinden.
  • Navigation: Dort werden eure Unterseiten aufgeführt und gruppiert. Sie dient euren Besuchern als Orientierung.
  • Inhaltsbereich: Der Hauptbereich eurer Seite, in dem die meisten Inhalte stecken. Ihr könnt dort von Blogs über Shopprodukte bis Galerien viele unterschiedliche Elemente einbinden.
  • Seiten-/Fußleiste: Ein kleinerer, zweiter Inhaltsbereich, der sich links, rechts oder unter eurem eigentlichen Inhaltsbereich befindet. Dieser Bereich ist ideal für Kontaktinformationen.

Kopfbereich, Navigation und Seitenleiste werden auf jeder Seite exakt gleich angezeigt. Nur der Inhaltsbereich unterscheidet die verschiedenen Unterseiten.

Um euch den Aufbau besser vor Augen führen zu können, stellen wir hier 3 unserer Vorlagen nebeneinander. Den Logobereich haben wir gelb umrandet, die Navigation blau und die Fuß-/Seitenleiste rot:

Die Jimdo-Designs "St. Petersburg", "Riga" und "San Francisco"

Diese Fragen führen euch zu eurer Designvorlage

Mit dem nötigen Fachwissen bestückt geht es jetzt ans Eingemachte. Mit diesen Fragen findet ihr heraus, welche unserer Designvorlagen die Perfekte für euch ist!

  • Wie soll der Kopfbereich aussehen?
    Euren Besuchern fällt der üblicherweise zuerst ins Auge. Falls ihr also ein tolles Logo habt, schaut euch nach einem Design mit großem Logobereich um. Damit lassen sich auch gleich tolle Bilder als Hintergrund präsentieren.

  • Seiten- oder Fußleiste?
    Falls ihr viel Platz für eure Inhalte braucht, wählt eine Vorlage mit Fußleiste aus. Sofern es euch jedoch wichtig ist, dass die darin enthaltenen Inhalte dem Besucher sofort ins Auge springen, wählt ein Design mit Seitenleiste am linken oder rechten Webseiten-Rand. Wenn ihr die Seitenleiste gar nicht braucht, wählt einfach ein Design aus, wo sie unten positioniert ist und lasst sie leer!
Das Jimdo-Design "Tokyo" hat eine sogenannte "Split-Navigation".
Das Jimdo-Design "Tokyo" hat eine sogenannte "Split-Navigation".
  • Wie navigieren eure Besucher auf der Seite?
    Welche Navigation für eure Seite geeignet ist, hängt von der Anzahl der Unterseiten ab. Habt ihr nur wenige Seiten, ist ein horizontales Menü besser geeignet. Habt ihr mehr Seiten unterzubringen, zieht lieber eine vertikale Navigation in Erwägung oder setzt auf eine geteilte Navigation – die sogenannte "Split-Navigation". Letztere ist perfekt für mehrsprachige Webseiten!

Welches Design passt zu welcher Seite?

1. Die perfekte Vorlage für euren Blog

Blogs verwenden klassischerweise eine Seitenleiste, um das Archiv, neue Beiträge, ein Suchfeld oder einfach nur die Buttons für die sozialen Medien einzubinden.

Ist es euch wichtiger, dass ihr eure Fotos und Bilder möglichst groß darstellen könnt, ist ein Design mir Fußleiste die richtige Wahl für euch.

 

Wählt Reykjavik, Mailand, oder St. Petersburg für ein Blog mit rechter oder linker Seitenleiste. Singapore, Berlin, Rome oder Zürich eignen sich für Blogs mit breitem Inhaltsbereich.

www.zielecki.com | Design: Stockholm

Der optimale Look für euer Portfolio

Falls ihr nach etwas sucht, um eure Fotos und Bilder perfekt in Szene zu setzen, entscheidet euch für eine Vorlage mit breitem Inhaltsbereich und Fußleiste. So habt ihr genug Platz, euren Seitenbesuchern mit wunderschönen Galerien den Atem zu rauben!

 

Da ein Portfolio üblicherweise nicht viele Unterseiten benötigt, schaut einfach auf die Designs mit horizontaler Navigation am oberen Ende oder sucht nach einer Vorlage mit einem Slide-In-Menü ( auch"Hamburger Menü" genannt).

  

Sucht ihr eine horizontale Navigation, empfehlen wir euch Rio de Janeiro, Rome oder Zurich. Kopenhagen, Sydney oder Cape Town bieten euch ein Hamburger Menü an.

www.felicevagabonde.com | Design: Rome

Begeistert eure Kunden mit einem wunderschönen Online-Shop

Online-Shops bieten häufig verschiedene Kategorien und benötigen deshalb eine Design-Lösung für viele verschiedene Produktseiten. Dabei ist es wichtig, dass die Seite übersichtlich und leicht zu bedienen bleibt.

 

Nutzt zum Beispiel eine Vorlage mit der oben erwähnten "Split-Navigation" oder einem Dropdown-Menü. Hat das Design eine Brotkrumen-Navigation ("Breadcrumb-Navigation"), wird den Besuchern auf jeder Unterseite angezeigt, wo sie sich gerade befinden. Das vereinfacht die Bedienung zusätzlich.

 

Tolle Designvorlagen: Rome, Zurich, Stockholm, Cairo.

www.kettu-wue.de | Design: Cairo

Erreicht mit mehrsprachigen Webseiten eine größere Zielgruppe

Mehrsprachige Webseiten haben ganz eigene Anforderungen an eine Designvorlage. Ihr erstellt dieselben Inhalte in mehreren Sprachen, also Text-Sätzen. Diese tummeln sich dann parallel zueinander auf verschiedenen Unterseiten. Überlegt euch vorher, wie ihr die Inhalte und die Navigation strukturiert, damit die Umsetzung reibungslos klappt! Eine Webseite im Nachhinein mehrsprachig zu gestalten, ist ein bisschen umständlicher, als sie direkt von Anfang an so umzusetzen. Was hier bei der Wahl eines Designs besonders wichtig ist, haben wir in diesen beiden Artikeln erklärt:

 

Mehrsprachige Webseiten erstellen, Teil 1

Mehrsprachige Webseiten erstellen, Teil 2

www.freedomandspirit.be | Design:  Hamburg

Los geht's! So wendet ihr die neue Vorlage an

Nachdem ihr nun die größten Hürden genommen habt und wisst, welche Anforderungen ihr an eine Designvorlage habt, könnt ihr euch die verbliebenen Kandidaten schnappen und sie eurer Webseite "anprobieren". Meldet euch wie gewohnt auf eurer Jimdo-Seite an und klickt auf “Designs”. Dort klickt ihr dann einfach auf das gewünschte Design und – schwupps – wird euch eine Vorschau angezeigt. So lange ihr nicht auf "speichern" drückt, wird an eurer Seite nichts verändert – eine super Möglichkeit, die verschiedenen Kandidaten dem Praxisvergleich zu unterziehen!

Meldet euch direkt auf eurer Webseite an und verleiht ihr einen neuen Look! Ich bin gespannt auf eure Resultate.

 

Bis gleich in den Kommentaren,

Alex

Alex Lippert

Web-Redakteur bei Jimdo

Ähnliche Artikel:

Unsere Lieblings-Seiten im Design "Malaga"
>> mehr lesen

Pssst – unsere 3 Geheimtipps unter den Designvorlagen!
>> mehr lesen

Eure drei Design-Favoriten kurz vorgestellt: Zurich, Berlin und Rio De Janeiro
>> mehr lesen

Die ideale Designvorlage für eure Webseite!
>> mehr lesen

Kommentar schreiben

Kommentare: 21
  • #1

    Bayern (Montag, 18 Juli 2016 21:22)

    Klasse Idee genau das richtige für mich.

  • #2

    Norm (Montag, 18 Juli 2016 21:29)

    "Hamburger-Menü" Nennt man das wirklich so? :D

  • #3

    www.abraham-photography.com (Montag, 18 Juli 2016 22:25)

    SUPER!

    VIELEN DANK UND VIELE GRÜSSE VOM

    HOF SÜMMERMANN IN FRÖNDENBERG-FRÖMERN ( NRW ).

  • #4

    Erich (Montag, 18 Juli 2016 22:55)

    Danke für den Überblick - vielleicht switche ich mal zu einem anderen Design, aber derzeit bin ich ganz zufrieden...

  • #5

    Sally Sue (Dienstag, 19 Juli 2016 00:37)

    Sehr interessant! Ich bin aber auch mit meiner Website ganz zufrieden (naja, bis auf Kleinigkeiten...)!
    Musikalische Grüße

  • #6

    Renate (Dienstag, 19 Juli 2016 06:21)

    Bin zwar ziemlich zufrieden mit meiner Website, (was den SEO-Bereich betrifft,)aber neue Ideen sind immer willkommen

  • #7

    Ferienwohnung Duhnen (Dienstag, 19 Juli 2016 06:40)

    Sehr interessant! Ich bin aber ich bin mit meiner Website ganz zufrieden. Designvorlagen sind aber nicht alles. An der Navigation könnte man aus meiner Sicht auch noch ein wenig feilen!

  • #8

    Merli (Dienstag, 19 Juli 2016 08:05)

    Danke für die neuen Vorschläge -
    vielleicht sollte ich doch einmal etwas Neues ausprobieren, obwohl mir meine Seite gefällt...
    sonnige Grüße aus HH - Merli

  • #9

    Gerald (Dienstag, 19 Juli 2016 10:33)

    Danke für die Ideen!
    www.der-Edelstein.at

  • #10

    Martin (Dienstag, 19 Juli 2016 15:10)

    Spitzen Beitrag ;)
    Ich benutze für meine Seite Rio de Janeiro.
    www.marlidesigns.de

  • #11

    Jimdo Design Shop (Mittwoch, 20 Juli 2016 10:03)

    Ich glaube da möchte jemand Autos ankaufen.

  • #12

    Unglaublich (Mittwoch, 20 Juli 2016 11:35)

    Jede Menge sachlicher Kritik wird von Jimdo gelöscht und so ein Spam bleibt stehen

  • #13

    Elvira Heitkamp (Freitag, 22 Juli 2016 10:54)

    Hallo, insgesamt finde ich, ist es sehr einfach mit Jimdo, eine professionell aussehende Website zu gestalten, allerdings finde ich auch, daß dringend an der Navigation Veränderungen notwendig wären.

  • #14

    Gasthof - Pension Entenmühle im Fichtelgebirge (Samstag, 23 Juli 2016 10:55)

    ✿˜"*°•ღڿڰۣڿ♥ Vielen Dank für die Tipps ڿڰۣڿღ•°*"˜✿

    ✿˜"*°•ღڿڰۣڿ♥ Freundliche Grüße ڿڰۣڿღ•°*"˜✿

    ✿˜"*°•ღڿڰۣڿ♥ Das Team vom Gasthof Entenmühle ڿڰۣڿღ•°*"˜✿

  • #15

    Thmoas (Samstag, 23 Juli 2016 14:55)

    Alles ganz nett. Aber im Jahr 2016 gibt es noch immer keine SSL-Verschlüsselung bei Jimdo. Ich würde gerne meine Seite mit SSL verschlüsseln aber als Laie habe ich da natürlich auch keine Ahnung wie.

  • #16

    Jimdo-Team (Montag, 25 Juli 2016 15:26)

    @Thmoas: An den relevanten Stellen, z. B. im Shop, wo Zahlungsinformationen übertragen werden, ist bereits eine SSL-Verschlüsselung integriert. Für "normale" Webseiten, auf denen keine Daten übermittelt werden, ist diese nicht vorgesehen und stellt auch keinen Zugewinn an Sicherheit dar. Eigene Zertifikate einzubauen, ist auf einer Jimdo-Seite nicht möglich. Viele Grüße, Tim

  • #17

    Urlaub im Naturpark Fichtelgebirge (Dienstag, 26 Juli 2016 15:31)

    Danke für die Tipps ☆ ☆ ☆ ☆ ☆

    Wünsche einen angenehmen Tag nette Grüße bis bald...

    Olaf ( ͡° ͜ʖ ͡° )

  • #18

    Brander fotos (Mittwoch, 27 Juli 2016 12:37)

    Tolle idee!

  • #19

    Loschke (Donnerstag, 28 Juli 2016 11:17)

    Für mich immer die richtige Vorlage dabei.

  • #20

    Jorge (Sonntag, 21 August 2016 18:23)

    Muss jetzt auch endlich mal mein Kompliment da lassen! Es ist einfach total easy und schön mit jimdo zu arbeiten! Da findet man immer alles was man braucht!

  • #21

    Rafael (Donnerstag, 15 September 2016 12:20)

    Wie kann ich auf meiner Startseite, das oberste Bild ändern?