So erstellen Sie eine Website oder ein Blog im Jahr 2020 - Kostenlose und einfache Anleitung zum Erstellen einer Website

10 Jimdo-Websites mit der Barcelona-Vorlage

Wenn Sie unserem Reinvention Month-Wettbewerb folgen, wissen Sie, dass der September der perfekte Zeitpunkt ist, um Ihre Website zu aktualisieren (und vielleicht sogar einen Apple Watch Sport zu gewinnen)!

Wenn Sie nach der richtigen Vorlage suchen, empfehlen wir Ihnen, sich Barcelona genauer anzusehen. Diese diskrete Vorlage ist einfach zu gestalten und eignet sich für alle Arten von Websites, von Brieftaschen bis hin zu Online-Shops.

Höhepunkte des Kaders von Barcelona

Die meisten Websites, die Barcelona verwenden, verlassen sich auf auffällige Fotos, während die Vorlage einfach und sauber bleibt. So ist es nicht verwunderlich, dass viele Künstler und Online-Shops von den Mitarbeitern in Barcelona angezogen werden.
Was uns an dieser Vorlage am besten gefällt, ist ihre Vielseitigkeit: Mit nur wenigen Klicks können Sie von einem einfachen, sauberen Look zu einem industrielleren und schwereren Look wechseln, Bilder ändern und einen Hintergrund hinzufügen. Dies bedeutet, dass Sie Barcelona unabhängig von Ihrer Marke so anpassen können, dass es gut aussieht.

Hier sind einige Dinge, die wir an Barcelona lieben:

Jimdo Design Barcelona

  • Viel Platz für ein Logo oben: Wenn Sie ein Logo haben, das Sie lieben, ist dies die perfekte Vorlage, um es zu präsentieren.
  • Ermöglicht ein auffälliges benutzerdefiniertes Hintergrundbild: Experimentieren Sie hier mit einem hochwertigen Foto (am besten mindestens 2000 Pixel breit). Oder verwenden Sie einen einfarbigen Hintergrund und die Vorlage sieht immer noch gut aus.
  • Es hat verschiedene Vorlagenvarianten mit der oberen Farbleiste und ohne: Es bietet Ihnen verschiedene Stile zur Auswahl, noch bevor Sie mit dem Entwerfen beginnen.
  • Die horizontale Navigation direkt unter dem Logo ist klar und gut lesbar: Es enthält auch ein Dropdown-Menü für seine Unterseiten. Um optimale Ergebnisse zu erzielen, empfehlen wir, die Navigation in einer Zeile zu halten und bei Bedarf das Dropdown-Menü für Unterseiten zu verwenden.
  • Struktur, die viele oder nur einige Seiten verarbeiten kann: Wie Sie in den folgenden Beispielen sehen werden, eignet sich Barcelona für alle Größen von Websites, von Online-Shops mit vielen Produkten bis hin zu kleinen Websites mit nur drei Seiten.
  • Seitenleiste unten unter dem Inhaltsbereich: Wenn Sie all diese Informationen am unteren Rand Ihrer Seite anstatt an der Seite platzieren, haben Sie in Ihrem Inhaltsbereich viel Platz für Fotos, Text und andere Elemente.

Um Ihnen diese Eigenschaften in Aktion zu zeigen, habe ich zehn Beispiele für Jimdo-Websites aus der ganzen Welt zusammengestellt, die mit Barcelona wunderschön aussehen. Sehen Sie sich genauer an, ob diese Vorlage für Ihre Website geeignet ist, und klicken Sie auf die Bilder, um die gesamten Websites zu durchsuchen.

1. Caroline Bech

Caroline Bech

Unser erstes Beispiel ist das Portfolio / der Lebenslauf von Caroline Bech, einer Schauspielerin aus Amsterdam, die derzeit in London lebt, um ihren Träumen zu folgen. Halten Sie sich an einfache Schriftarten und ein neutrales Farbschema, das zu Ihren Fotos passt und Ihrer Website ein sauberes Gesamtbild verleiht. Verwenden Sie sofort ein auffälliges Bild auf Ihrer Homepage, um zu verhindern, dass die Website zu einfach wird.

2. Vianne Fotografie

vianne Fotografie

Wie Carolines Website konzentriert sich Vianne Fotografie auf ihre Fotografie und weniger auf ihren Text. Selbst mit dem weißen Hintergrund geben die Bilder genau die richtige Menge an Farbe, um die Website zum Leben zu erwecken. Selbst die Info-Seite basiert auf niedlichen Grafiken, um sich selbst und ihre Interessen zu beschreiben. Der sehr kleine Text, den Sie in Ihrer Navigation und Ihrem Blog sehen, verleiht Ihrer Website einen gewissen Vorteil, da es sich nicht um die durchschnittliche serifenlose Schrift handelt (Sie verwenden die Schriftart "Abel").

3. Oh, was für ein schönes Design

Oh so schönes Design

Ähnlich wie in den obigen Beispielen bringt die Website dieses Designstudios alles auf eine andere Ebene, indem sie sich selbst leer dupliziert. Sie haben den Hintergrund weiß und seine Fußzeile auch für einen schönen minimalistischen Look gemacht. Diese Studie konzentriert sich auf die Verwendung wunderschöner Pastellfarben und gerissener Bilder, um Ihre Website hervorzuheben. Sie verwenden auch eine großartige Kombination aus serifenlosen und serifenlosen Schriftarten, um zwischen Überschriften und Text zu unterscheiden. Obwohl es noch in Arbeit ist, gefällt uns auf jeden Fall die Richtung, in die sie gehen.

4. Sami Garra

Die geschickte Handwerkerin Sami Garra verwendet die Barcelona-Vorlage, um ihre supersüßen Handarbeiten und Leckereien zu verkaufen. Anstelle des weißen Looks wird ein hellgrauer Farbton als Hintergrund verwendet, der mit hellen, lustigen Farben ausgeglichen wird, die zu seinen Produkten und seiner Persönlichkeit passen. Er nutzt die Navigation auch geschickt, um seinen Online-Shop auf Spanisch und Englisch zu haben, eine großartige Verwendung der Vorlage.

5. Pauli Bird

Paulibird

Die Website dieses handgefertigten Juweliergeschäfts nutzt den großen Logo-Bereich von Barcelona und die einfache Navigation zu Ihrem Vorteil. Das Ergebnis ist sauber, modern und für Kunden einfach zu bedienen. Wir lieben es auch, dass sie Fotos aus ihrem Workshop und eine Soundcloud-Musikarchivseite beigefügt haben, um ihre Inspiration zu beschreiben.

6. Rosario Friseur

Rosario Friseur

Die Website dieses Friseurs wurde vom typischen einfarbigen Hintergrund getrennt und fügt ein Bild seines Friseursalons hinzu, um sich von den anderen abzuheben. Anstatt abgelenkt zu werden, wie Sie vielleicht denken, fügen Sie einen Unschärfeeffekt und eine subtile Musterüberlagerung hinzu, damit sich die Besucher auf Ihre Inhalte konzentrieren können. Es zeigt auch, wie einfach eine Barcelona-Website sein kann und trotzdem ein Erfolg ist – Ihre Website hat nur drei Seiten!

7. Eleaxart Store

Elaxart-Laden

Eleaxart ist ein Online-Shop, der Kleidung und Accessoires an Jugendliche verkauft. Sie nutzen viele von Jimdos Elementen zu ihrem Vorteil: Um Bilder nebeneinander anzuzeigen, platzierten sie sie in einem Element in der Fotogalerie. Sie haben zu viel Verschiebung für Käufer beseitigt, indem sie Produkte neben dem Spaltenartikel platziert haben. Sie haben auch ihre wichtigsten / neuen Produkte auf der Homepage platziert, um den Kunden eine Vorstellung vom Stil ihres Geschäfts zu geben. Gleichzeitig zeigen sie jederzeit viele großartige Fotos ihrer Produkte.

Frei Beutler

freibeutler "width =" 800 "height =" 411 "srcset =" https://blogging-techies.com/wp-content/uploads/2020/03/freibeutler.png 800w, https: //www.jimdo. com / blog / wp-content / uploads / 2017/04 / freibeutler-300x154.png 300w, https://www.jimdo.com/blog/wp-content/uploads/2017/04/freibeutler-768x395.png 768w " Größen = "(maximale Breite: 800px) 100vw, 800px"></h3>
<p>Dieser Streetwear-Shop verwendet die zufällige Hintergrundfunktion, um seine Website von den anderen abzuheben. Anstatt jedoch das typische Hintergrundbild in voller Breite oder voller Höhe zu verwenden, fügen sie einfach ein Bild oben hinzu, damit es wie ein Header-Bild aussieht. Sie können sehen, wie sie drei verschiedene Hintergrundoptionen haben, indem Sie ihre Seiten durchsuchen oder einfach ihren Browser aktualisieren. Unglaublich! Die von ihnen verwendete Schriftart "Advent Pro" vervollständigt den Look.</p>
</p>
<h3>9. É-sens</h3>
<p><img class=

Wie Frei Beutler verwendet É-sens geschickt die Hintergrund-Schieberegler-Funktion, um zwischen schönen Bildern zu wechseln, die perfekt zu Ihren Produkten passen, alles natürliche Schönheitsöle zur Entspannung. Sie haben nicht nur eine großartige Möglichkeit gefunden, ihre Website mit der Hintergrundfunktion zu verbessern, sondern sie haben auch den Farbwähler der Stileditoren zu ihrem Vorteil genutzt: Wenn eines der Bilder hinter den Inhaltsbereich fällt, können Sie einen Hintergrund sehen hellweiß, damit der Text noch lesbar ist. Sie verwenden auch einen großartigen Grünton, der transparent genug ist, um das Hintergrundbild dahinter zu sehen, eine erstaunliche Note und die Verwendung integrierter Werkzeuge.

10. Verlieren Sie nicht Ihre Bücher

Verliere nicht deine Bücher

Dieses Beispiel zeigt, dass Sie keine ausgefallenen Hintergründe oder Fotos benötigen. Sie benötigen lediglich ein großartiges Farbschema und ein scharfes Auge für Design. Don't Lose Your Books verkauft seine neutralen und leuchtend rosa Buchaufkleber auf wundervolle Weise für genau die richtige Menge Pop auf der Website. Vom Farbschema bis zu den minimalen Symbolen, der Art und Weise, wie Bilder und Text angezeigt werden, sogar der Wahl der Schriftart ("Open Sans Condensed") – alles an dieser Website ist wunderschön kombiniert.