All projects · BMW Ibérica
Iniciativa BMW
Four areas, one page that unfolds in columns.
- Client
- BMW Ibérica
- Year
- 2007-2008
- Industry
- Automotive / Culture
- Role
- Development
- Partner
- Herraiz Soto & Co.
- Format
- Institutional website
- Scope
- Design, culture, society
Home · the four areas in columns
The four areas side by side, each with its featured project, under a header image carousel.
Context
Iniciativa BMW brings together BMW Spain's multidisciplinary projects: the Iniciativa BMW Awards, BMW en Movimiento with the Elisava design school, Pez de Plata and other projects such as BMW Dinner&Talk. We designed a website with horizontal column navigation, where each area and each project unfolds in place without leaving the page.
Screens
Data shown is anonymized.
BMW en Movimiento · unfolding columns
Project detail
News list
News detail
What we built
Four-column home
The four areas side by side, each with its featured project and entry point, under a header image carousel.
Unfolding columns
Every project is a column; "Read more" opens it in place with its gallery and sub-projects, and "Show less" closes it again.
Project detail
Each prototype of the Ruta BCN en Movimiento with its gallery, spec sheet and navigation across the six models.
News
A list filtered by the four areas with a featured story, and a detail page with the standfirst, gallery, event details and related news.
Stack
- HTML5
Visual system
White, thin Helvetica and a BMW blue accent.
- White#FFFFFF
- Graphite#222222
- Text#555555
- BMW blue#7AAEE0
- Link blue#6E9FD4
- Aa
Helvetica Neue
Thin headlines and small-caps navigation