Todos los proyectos · BMW Ibérica

Iniciativa BMW

Cuatro áreas, una sola página que se despliega en columnas.

Cliente
BMW Ibérica
Año
2007-2008
Sector
Automoción / Cultura
Rol
Desarrollo
Partner
Herraiz Soto & Co.
Formato
Web institucional
Ámbito
Diseño, cultura, sociedad
  • Web institucional
  • Diseño
  • Cultura
  • BMW
Home · las cuatro áreas en columnas

Home · las cuatro áreas en columnas

Las cuatro áreas una al lado de la otra, cada una con su proyecto destacado, bajo un carrusel de imágenes en cabecera.

Contexto

Iniciativa BMW reúne los proyectos multidisciplinares de BMW en España: los Premios Iniciativa BMW, BMW en Movimiento con la escuela Elisava, Pez de Plata y otros proyectos como BMW Dinner&Talk. Diseñamos una web con navegación horizontal en columnas, donde cada área y cada proyecto se despliega en el sitio sin cambiar de página.

Pantallas

Los datos que aparecen están anonimizados.

BMW en Movimiento · columnas desplegables

BMW en Movimiento · columnas desplegables

Detalle de proyecto

Detalle de proyecto

Listado de noticias

Listado de noticias

Detalle de noticia

Detalle de noticia

Qué construimos

Home en cuatro columnas

Las cuatro áreas una al lado de la otra, cada una con su proyecto destacado y su acceso, bajo un carrusel de imágenes en cabecera.

Columnas desplegables

Cada proyecto es una columna; «Leer más» la abre en el sitio con su galería y sus subproyectos, y «Reducir información» la vuelve a cerrar.

Detalle de proyecto

Cada prototipo de la Ruta BCN en Movimiento con su galería, su ficha técnica y la navegación entre los seis modelos.

Noticias

Listado filtrado por las cuatro áreas, con una noticia destacada, y un detalle con la entradilla, galería, datos prácticos del evento y noticias relacionadas.

Stack

  • HTML5

Sistema visual

Blanco, Helvetica fina y un azul BMW de acento.

  • Blanco#FFFFFF
  • Grafito#222222
  • Texto#555555
  • Azul BMW#7AAEE0
  • Azul enlace#6E9FD4
  • Aa

    Helvetica Neue

    Titulares finos y navegación en versalitas

¿Tienes un proyecto parecido?

Hablemos detu producto.

→ hey@cyberdelia.es