ma

26

okt

2015

10 Jimdo websites met design Barcelona

Jimdo websites design barcelona

Eén van de eerste stappen bij het maken van je Jimdo website, is het kiezen van een design. Die keuze bepaalt waar de verschillende onderdelen van je site komen te staan en wat voor type navigatie je site heeft. 


Vandaag bekijken we het design Barcelona. We kijken naar 10 websites die Barcelona gebruiken voor hun website en hoe ze het design goed inzetten.

Dit is design Barcelona

Jimdo websites design barcelona

De meeste websites die met design Barcelona werken, gebruiken grote, opvallende foto’s om de aandacht te trekken. De rest van de opmaak houden ze dan eerder rustig en functioneel. Er zijn dan ook veel kunstenaars en webwinkels die met Barcelona werken. 


Barcelona is een veelzijdig design. Je kunt het heel minimalistisch gebruiken of volstoppen met inhoud. Een paar veranderingen in de stijl editor, een paar andere foto’s, een nieuwe achtergrond en je site heeft een volkomen ander uiterlijk. 


  • veel ruimte voor een logo bovenaan de pagina. Als je een goed logo hebt, kun je het in dit design ook goed laten zien. 
  • ruimte voor een opvallende achtergrondfoto. Je achtergrond is hier goed zichtbaar, dus het is de moeite om een foto met een hoge resolutie te gebruiken (minstens 2000px  breed). Wil je meer rust, dan kun je die makkelijk inbouwen door een effen kleur als achtergrond te gebruiken.
  • verschillende varianten met en zonder de gekleurde balk bovenaan. Met de juiste variant begin je meteen goed aan je vormgeving.
  • heldere, horizontale navigatie onder het logo, met een dropdown menu voor de subpagina’s. Je krijgt het beste resultaat als je de hoofdpagina tot 1 regel beperkt. 
  • simpele structuur die werkt voor sites met heel veel of juist heel weinig pagina’s. Het aantal pagina’s maakt niet veel uit met dit design. Alleen als je heel veel subpagina’s hebt, is dit design niet zo geschikt, omdat het dropdown menu anders te lang wordt voor de pagina.  
  • zijbalk onder het inhoudsgedeelte. De zijbalk, die op elke pagina terugkomt, zit onderaan de pagina. Dat geeft meer breedte voor het inhoudsgedeelte: geschikt voor bijvoorbeeld grote foto’s. 


Om te zien wat je daar zoal mee kunt, nemen we een kijkje op 10 Jimdo websites met design Barcelona. Zo krijg je een goede indruk of design Barcelona geschikt is voor je website. Wil je meer van een site zien, klik gewoon op de afbeelding om hem te openen. 

1. Caroline Bech

Jimdo websites design barcelona

We beginnen met een Nederlandse, al woont ze op het moment in Londen. De Amsterdamse actrice Caroline Bech gebruikt voor haar portfolio website een helder lettertype en een minimalistische vormgeving. De simpele opbouw maakt haar portfolio overzichtelijk en laat de foto’s op haar site extra goed tot hun recht komen.

2. Vianne Fotografie

Jimdo websites design barcelona

Ook Vianne fotografie houdt de vormgeving bescheiden, zodat de inhoud van de site beter overkomt. Ze gebruikt vooral foto’s en beperkt de tekst op de pagina’s tot een minimum. De foto’s brengen kleur in de site en door het kleurgebruik in de foto’s kan elke pagina weer anders zijn. Ook de ‘About’ pagina is bijzonder opgezet, met iconen voor alles waar de fotografe van houdt.

3. Oh So Pretty Design

Jimdo websites design barcelona

Ook Oh So Pretty Design gebruikt een effen witte achtergrond, om de zelfgemaakte vormgeving te laten werken. De simpele pastelkleuren in de vormgeving passen mooi samen (geen wonder bij een designbureau) en houden de uitstraling van de site licht. Ook het slanke, maar goed leesbare lettertype helpt daarbij. De site is nog in opbouw, maar de richting is nu al veelbelovend. 

4. Sami Garra

Jimdo websites design barcelona

De Spaanse ontwerpster Sami Garra neemt een lichtgrijze achtergrond voor haar site en gebruikt de navigatie handig om bezoekers ook naar de Engelstalige versie van haar site te brengen. Als links naar verschillende delen van de site gebruikt ze afbeeldingen, die ze heel handig in verschillende kleuren heeft vormgegeven. Helemaal passend bij de vrolijke ontwerpen die ze in de webwinkel verkoopt.

5.

Jimdo websites design barcelona

Ook La Torre Di Alice, een klein bed and breakfast, gebruikt design Barcelona. De site is makkelijk te gebruiken en krijgt karakter de simpele witte achtergrond, levendige foto's en het hele simpele Open Sans lettertype. Het helpt natuurlijk ook dat er foto's op de site staan die door gasten zijn gemaakt. En foto's van de fantastische taarten die Alice maakt!

6. Barber Shop Rosario

Jimdo websites design barcelona

Deze Zwitserse kapperswebsite zet de toon met een goede, bewust onscherpe achtergrondfoto van de kapsalon. Het logo, een gestileerd scheermes tegen een horizontale achtergrond, gebruikt maar één kleur en springt eruit door het contrast met de achtergrond. De site zelf is simpel en doeltreffend opgezet: alles past op een totaal van 3 pagina’s.

7. Eleaxart Shop

Jimdo websites design barcelona

Eleaxart verkoopt kleding en accessoires in de webwinkel. Ze maken goed gebruik van het element Kolommen om afbeeldingen en webwinkelproducten naast elkaar te zetten. Ook een goede opzet is hoe ze in één kolom een productfoto en het product element combineren. De site als geheel leeft door de goede productfoto’s. En dat past natuurlijk perfect voor een webwinkel.

8. Frei Beutler

Jimdo websites design barcelona

Deze webwinkel met streetwear gebruikt wisselende achtergronden voor een opvallende website. Voor de achtergrond gebruiken ze brede, maar lage afbeeldingen. Het effect is dat alleen in het bovenste deel van de site een afbeelding staat. Om de look compleet te maken, gebruiken ze een simpel, makkelijk leesbaar lettertype (namelijk: “Advent Pro”).

9. É-sens

Jimdo websites design barcelona

Ook É-sens gebruikt een slider om te wisselen tussen goede foto’s die perfect bij hun producten passen. De foto’s zijn zorgvuldig gekozen: de witte achtergrond valt vrijwel altijd naast het inhoudsgedeelte waar tekst staat. En als er toch een andere kleur achter de tekst valt, wordt zichtbaar dat het inhoudsgedeelte zelf een half-doorzichtige witte achtergrond heeft. Zo blijft de tekst goed leesbaar, ook als er eens een bloem achter staat. Een goede combinatie van achtergrond en stijl-instellingen.

10. No pierdas tus libros

Jimdo websites design barcelona

Dit voorbeeld laat zien dat kleurgebruik een site kan maken. Simpele grijstonen en opvallend roze, dat niet alleen goed past bij het grijs, maar ook meteen karakter geeft. Ook hier past de vormgeving perfect bij het product: boekstickers om boeken te laten opvallen die je geleend hebt of die je aan een ander hebt uitgeleend. En juist die stickers springen eruit door de vormgeving.

Ben je benieuwd hoe je eigen website eruit zou zien met design Barcelona? Dan kun je het design gerust als preview laden op je website via Design. Je ziet dan hoe je eigen inhoud op de site staat met dit design. Pas als je op Opslaan klikt, wordt het design ook toegepast, dus je bezoekers merken er niks van.

 

Heb je nog geen Jimdo website? Dan kun je er natuurlijk ééntje maken met design Barcelona.

FRANK VAN OOSTERHOUT

Jimdo allrounder

Commentaar schrijven

Commentaren: 3
  • #1

    Webdesigner Dimi (woensdag, 13 januari 2016 16:41)

    Mooie designs hoor! Veel succes hiermee.

  • #2

    Marije (vrijdag, 15 januari 2016 13:31)

    De Spaanse ontwerpster Sami Garra neemt een lichtgrijze achtergrond voor haar site en gebruikt de navigatie handig om bezoekers ook naar de Engelstalige versie van haar site te brengen.

    Is dit met elk design mogelijk?

  • #3

    Jimdo (dinsdag, 19 januari 2016 14:57)

    Hoi Marije,

    Met elk design kun je een eigen achtergrond instellen. Het verschilt natuurlijk wel hoeveel daarvan zichtbaar is.

    Sami heeft de navigatie op de site intussen wat veranderd, maar de oplossing die ze gebruikte is met alle Jimdo websites mogelijk. Daarvoor maakt het niet uit welk design of welk pakket je gebruikt.