lun

23

nov

2015

10 páginas que alucinas con la plantilla Barcelona

Dar a tu web un aspecto profesional y atractivo es algo que cobra cada vez mayor importancia para tus objetivos, ya sean las ventas, que lean tu blog o posicionarte en Google. Hoy echamos un vistazo a la plantilla Barcelona, y te mostramos con ejemplos reales todo lo que puedes conseguir con ella.


Como se trata de una plantilla muy flexible puedes optar por un diseño simple y elegante o bien, con un par de clicks, cambiar a usar impactantes imágenes de fondo. Sin importar tu imagen de marca, puedes adaptar esta plantilla y hacer que luzca.

Los puntos fuertes de Barcelona

  • Mucho espacio en la parte superior para el logo y el título. Si tienes un logo del que te sientes orgulloso, esta plantilla le da mucho protagonismo
  • Perfecta para usar una imagen de fondo. Experimenta con imágenes de calidad (al menos 2000 píxeles de ancho o bien deja un fondo de color plano
  • Variantes con distintos encabezados. Estas variantes te permiten dejar el encabezado transparente o bien darle color
  • Navegación horizontal. El menú de navegación se encuentra bajo el logo, en un espacio muy visible.
  • Sidebar al pie de página. Incluir esta sección al final de la página en vez de en el lateral hace que la plantilla sea mucho más espaciosa.

Para enseñarte todo esto en práctica, y sin más dilación, aquí te enseñamos lo que nuestros usuarios son capaces de hacer con esta plantilla de ensueño:

1. Caroline Beach

Nuestro primer ejemplo es el portfolio de esta actriz de Amsterdam. Usa tipografías simples y colores neutrales, que se complementan con los colores de sus fotos. Esta simplicidad unida a la foto de la página de inicio hace que capture a las visitas desde el primer segundo.

2. Vianne Fotografie

Similar a la página de Caroline, Vianne Fotografie se centra en sus imágenes y menos en el texto. Al tener el fondo en blanco las imágenes aportan la cantidad justa de color para hacer que la web cobre vida. Incluso su página "Sobre mí" tiene imágenes que describen la personalidad de la fotógrafa, así como sus intereses.

3. Oh So Pretty Design

Como en los ejemplos anteriores, este estudio de diseño elevan la limpieza en el diseño a su mayor exponente. El fondo es blanco, así como el footer, para lograr un look minimalista. Esta página se centra en el uso de colores pastel e imágenes para que incluir puntos que destaquen. 

4. Sami Garra

Esta artesana usa la plantilla Barcelona para vender sus productos. En vez de usar el blanco, usa el gris claro para el fondo, y colores brillantes para destacar sus productos. Además de esto también usa el menú de navegación para que su tienda esté disponible en inglés y español.

5. La torre di Alice

La Torre Di Alice es, sin duda, una página que transmite el encanto del local. El fondo blanco hace que las imágenes resalten. Open Sans  es el tipo de letra que se ha elegido para la ocasión. El conjunto de imágenes y tipografía hace que la página sea muy armónica en su composición. 

6. Barber Shop Rosario

La página de esta barbería rompe con la línea de los fondos de color plano e incluye imágenes del local para diferenciarse del resto. Esto no distrae porque las fotos tienen un efecto borroso y un filtro para que la atención de las visitas se centre en el contenido. Es un sitio web simple y efectivo, ¡con solo tres subpáginas!

7. Eleaxart Shop

Eleaxart es una tienda online que vende ropa y accesorios para adolescentente. Usan muchos elementos de Jimdo de manera muy acertada: las galerías de imágenes, los productos en columnas y los productos más recientes en la página de inicio por mencionar algunos. 

8. Frei Beutler

Esta tienda de ropa usa la herramienta del fondo aleatorio para hacer que su página se diferencie del resto. Sin embargo, en vez de usar la típica imagen de fond solo usa imágenes cortadas por arriba para que parezca un slider. Puedes ver este efecto navegando por sus distintas páginas.

9. É-sens

De manera similar a Frei Beutler, É-sens usa la galería en el fondo de la web para cambiar imágenes que reflejan la calidad de sus productos: aceites naturales relajantes. No solo ha encontrado una manera increíble de presentar la web con el fondo, sino que además el esquema de colores ata todos los elementos para dar consistencia a la página.

10. No pierdas tus libros

Este último ejemplo muestra perfectamente que no hacen falta imágenes de fondo o fotos: un esquema de colores bien ejecutado hace maravillas. No pierdas tus libros es una página que vende sus productos usando colores neutros y rosa para destacar.

¿Quieres probar la plantilla Barcelona en tu página? Ve al apartado "Plantillas" del menú de edición de tu página para abrir la selección de plantillas. Elige Barcelona de la lista y podrás ver cómo queda sin necesidad de aplicar los cambios.

Guillermo González

El sultán de SEO y en ocasiones traductor

ARTÍCULOS RELACIONADOS

¿Tienes 5 minutos? Prepara tu web con este workout y la dieta de la piña >> Leer más
Todo lo que necesitas saber sobre el diseño, las imágenes y el SEO >> Leer más
Página en construcción: cómo trabajar en tu página sin molestar a tus visitas >> Leer más
Claves para tener un texto legible en una web >> Leer más

Escribir comentario

Comentarios: 15
  • #1

    Alejandro (martes, 24 noviembre 2015 00:27)

    bonitos ejemplos de sitio, un saludo

  • #2

    carlos (martes, 24 noviembre 2015 02:21)

    gracias por ayudarnos con estos ejemplos para darnos ideas de como mejorar nuestro sitio, saludos

  • #3

    PILAR OLVERA (miércoles, 25 noviembre 2015 03:53)

    Una muy buena plantilla. Saludos.

  • #4

    Jesús (miércoles, 25 noviembre 2015 08:19)

    La pagina de jimdo es una plantilla?, si lo es!, cual es?

  • #5

    Dora Alis (miércoles, 25 noviembre 2015 15:05)

    Gracias por compartir. Me gusta recibir estas ideas ya que aveces no sabemos como se verá nuestra página con alguna plantilla

  • #6

    ana (jueves, 26 noviembre 2015 23:37)

    Hola!
    Que buenas ideas nos dais..!
    Yo también use la plantilla Barcelona pero creo que debo perfeccionar bastante aun el resultado...
    Un abrazo y mi agradecimiento-

  • #7

    Daniel (sábado, 28 noviembre 2015 18:29)

    Desde luego nada como ejemplos asi para ideas futural
    Un saludo

  • #8

    aksesoris pria (viernes, 04 diciembre 2015 06:52)

    wow its amazing , i love it

  • #9

    Clara (miércoles, 16 diciembre 2015 12:52)

    He seguido vuestros consejos como siempre y mi página a dado un cambio espectacular. Se ha renovado. Gracias por ayudarme

  • #10

    Ángel (jueves, 24 diciembre 2015 15:09)

    Buenos consejos!

  • #11

    restauracion de autos clasicos (lunes, 04 enero 2016 23:48)

    gracias por los ejemplos, me sirven mucho para mejorar mi sitio

  • #12

    Eleanor (martes, 12 enero 2016 14:19)

    Pues no conocía este sistema, y me parece muy atractivo... Creo que voy a probar. Muchas gracias

  • #13

    Jorge (jueves, 23 junio 2016 09:04)

    Buenos días, me ha gustado la web de Vianne Fotografie. He visto que ha cambiado de plantilla. Cuál es el tipo de plantilla que usa en la actualidad? Me gustaría probar con esa. Gracias.

  • #14

    Josef (jueves, 23 junio 2016 12:45)

    @Jorge, la página www.vianne-fotografie.de está utilizando la plantilla Rome. Saludos.

  • #15

    diseño de páginas web y seo (jueves, 04 agosto 2016 18:45)

    muy bonita plantilla me gusta mucho