FuTurisme
FuTurisme, organizado por el Ayuntamiento de Barcelona, Diputació de Barcelona, La Asociación Catalana de Agencias de Viajes Especializadas (ACAVe) y la Asociación de Hotelería de Barcelona (Gremi d’Hotels de Barcelona), era un programa personalizado para emprender en el sector de turismo y satisfacer las necesidades de la industria.
Gracias a nuestro involucramiento con la ciudad de Barcelona, a través del desarrollo del Barcelona Startup Map, y nuestra buena relación con Barcelona Activa, nos contactaron para diseñar y desarrollar un nuevo sitio estático para este programa de emprendimiento.
Los requerimientos del sitio fueron claros desde el inicio: nuestro cliente necesitaba un sitio web con un diseño innovador que no requiriera ningún tipo de mantenimiento una vez lanzado.
La razón principal por la que elegimos un hacer diseño disruptivo es porque FuTurisme quería diferenciarse de la estética que suele usarse dentro del sector de turismo - Barcelona Activa es un departamento dentro del Ayuntamiento de Barcelona - y porque quería atraer a emprendedores, por lo que lograr una apariencia fresca era indispensable.
Como el programa se lleva a cabo en Barcelona, la ciudad debía ser la protagonista dentro del diseño.
A continuación, describimos cómo llegamos al concepto del diseño.
Tomando en cuenta que Barcelona tenía que ser la protagonista de la mezcla, nos inspiramos en los trabajos más icónicos de Gaudí. Antoni Gaudí era un arquitecto Catalán proveniente de Reus, pionero del Modernismo Catalán y reconocido mundialmente por su obra maestra “La Sagrada Familia” y por trabajos como La Pedrera, el Parc Güell y los faros de Plaça Reial.
Algunos de los elementos del sitio, como el logo o la forma en la que separamos distintos bloques de la página de inicio, provienen de nuestra apreciación por el trencadís de Gaudí. También incluimos los motivos que lo distinguen en distintas secciones de la web, como la popular lagartija de Parc Güell que colocamos en la página principal.
Cabe mencionar que orientamos el diseño para tablets y móviles por defecto. De esta forma el sitio no tendría áreas demasiado pequeñas, difíciles de seleccionar en una pantalla móvil, y la mayor parte del contenido es accesible deslizando la pantalla o dentro del primer plano de navegación.
Debido a que una de las solicitudes principales del cliente era que el sitio tuviera un mantenimiento mínimo – casi inexistente – lo construimos utilizando Middleman.
Middleman es una herramienta que veníamos usando ya para muchos proyectos - entre los cuales, la misma web de MarsBased que tuvimos entre 2015 y 2023.
Middleman ofrece una manera eficiente y eficaz para construir sitios estáticos usando una base de Ruby on Rails y es compatible con la mayoría de los estándares que utilizamos en otros proyectos (YAML, SASS, Markdown, ERb templates, etc.). Teniendo estructurados y afinados los layouts, el sitio se compila a un sitio HTML/CSS/JS estático listo para ser entregado y lanzado. Además, los sitios construidos con Middleman pueden ser alojados fácilmente y en cualquier tipo de proveedor de hosting, como Github o incluso Dropbox.
Tecnologías
Middleman
Middleman es un generador de sitios estáticos muy bueno para SEO.HTML5 & CSS
Al ser un site estático, no se utilizó ninguna complejidad técnica, solamente HTML y CSS.Github Pages
Herramienta de Github para alojar páginas públicas desde repositorios, ideal para sites estáticos.Trabajar con MarsBased es un auténtico placer. Son rápidos, ágiles y entendieron nuestras necesidades y limitaciones desde el primer día.
Hoy en día, el proyecto ha sido discontinuado pero nos gusta recordarlo como uno de los diseños que hicimos con más cariño.