Energiehaus

Energiehaus

Diseño y desarrollo web e imagen corporativa de Energiehaus.

Cliente

Energiehaus

Año de creación

La nueva web de Energiehaus, un estudio barcelonés de arquitectura y consultoría especializado en arquitectura sostenible y construcción bajo los estándares de Casa Pasiva (Passivhaus), supuso un desafío para nosotros. El nuevo sitio necesitaba integrar una plataforma corporativa con varios servicios, un Showroom, la sección Showpass, una tienda online para la venta de cursos, un área de eventos y un blog, exigiendo un desarrollo integral que cubriera tanto la creación de la imagen corporativa como el diseño y desarrollo de la web.

El proyecto comenzó con la creación de prototipos o wireframes para estructurar las páginas de forma clara y funcional. La navegación intuitiva era una prioridad, permitiendo a los usuarios acceder fácilmente al amplio abanico de servicios que ofrece Energiehaus. Cada sección, desde la tienda online hasta el blog, se diseñó con una identidad visual propia, pero manteniendo una coherencia general con la imagen de marca.

El cliente se decantó por un diseño basado en collages que combinaban figuras naturales como árboles y otros elementos ambientales con fotografías recortadas en blanco y negro. Este enfoque estético distintivo reforzaba el mensaje de sostenibilidad, al tiempo que mantenía una imagen elegante y moderna. Diseñamos también una serie de infografías e iconos que seguían esta línea gráfica para comunicar visualmente los servicios de Energiehaus de forma clara y atractiva.

Pàgina d'inici detall
Pàgina interior Energiehaus
Pàgina d'inici detall Energiehaus
Pàgina interior Energiehaus

Ejemplos de collages que se realizaron para las cabeceras y elementos de la web.

Paralelamente, desarrollamos un nuevo logotipo inspirado en el concepto de Casa Pasiva, donde la energía externa envuelve y beneficia al interior de una construcción. El logotipo utilizaba un icono de una casa, representando este flujo de energía de forma simple pero poderosa. El contraste entre el color negro del logotipo y el amarillo intenso que le rodeaba reforzaba la identidad visual de la marca, simbolizando la energía que rodea y protege, un elemento clave en la filosofía de Energiehaus.

El resultado final fue una página web dinámica, estéticamente atractiva y altamente funcional que capturó perfectamente los valores de innovación, sostenibilidad y eficiencia energética de Energiehaus, consolidando su presencia online y mejorando la comunicación de su experiencia en arquitectura sostenible .

Logo Energiehaus

Holisoils

Holisoils

Desarrollo web y diseño para el proyecto Holisoils, para la gestión holística, modelización y seguimiento de suelos forestales europeos.

Cliente

European Forest Institute (EFI)

Año de creación

Ámbitos del proyecto

Sitio web

holisoils.eu

La web del proyecto Holisoils, dedicada a la gestión de los suelos de los bosques europeos, se desarrolló siguiendo la línea de la imagen corporativa que ya tenían establecida. El logotipo del proyecto, que simboliza una impronta digital con líneas circulares, fue una inspiración clave para el diseño visual de la web. Utilizamos estas líneas y perfiles de las hojas como elementos gráficos para dar cohesión visual a la página y reforzar la conexión con la naturaleza y los suelos forestales.

El diseño web sigue un estilo minimalista, con grandes blogs de color que se combinan con imágenes visuales potentes. Estos bloques se contraponen a elementos gráficos de líneas simples, creando un equilibrio entre el impacto visual y la simplicidad, por lo que la información se presenta de forma clara y atractiva para los usuarios.

Pàgina d'inici web Holisoils
Pàgina interior web Holisoils
Pàgina interior web Holisoils
Pàgina interior web Holisoils

Además, se desarrolló una línea de iconos específicos para representar los diferentes aspectos del proyecto, así como una serie de fichas detalladas de los diferentes Test Sites (sitios de prueba). Estas fichas se integraron en un mapa interactivo que permitía a los usuarios explorar las distintas zonas de estudio, ofreciendo una experiencia dinámica e informativa. También se incluyeron cajas de información dedicadas a los Toolkits, herramientas prácticas que facilitan la comprensión y aplicación de los conocimientos derivados del proyecto.

Con este diseño, la web de Holisoils logra combinar una estética visual limpia y moderna con una estructura funcional que facilita el acceso a la información clave sobre la gestión de los suelos forestales europeos, consiguiendo así una plataforma útil y atractiva para todos sus usuarios .

Informa Forest

Informa Forest

Diseño y desarrollo web del proyecto Informa Forest para la difusión de conocimientos sobre la Gestión Forestal Sostenible.

Cliente

European Forest Institute (EFI)

Año de creación

Ámbitos del proyecto

Sitio web

informa-forests.eu

El proyecto Informa Forest tiene como objetivo proporcionar conocimientos que permitan desarrollar prácticas de Gestión Forestal Sostenible. Por este motivo, diseñamos y desarrollamos una web que no sólo fuera funcional, sino también visualmente atractiva, alineada con su imagen corporativa.

A partir del logo original, que consistía en círculos que crecían de forma radial, creamos una imagen coherente para la web, utilizando estos círculos como elementos visuales clave. Estos círculos se utilizaron tanto para mostrar información como fotografías y textos destacados, dentro de un diseño que transmite una sensación de ingravidez, como si estos elementos estuvieran flotando. Las sombras de varios colores y pequeños puntos de color que rodeaban a los círculos aportaban dinamismo al diseño, mientras que el fondo gris suave resaltaba estos elementos gráficos, creando un contraste elegante y sutil.

pàgina d'inici Informa Forest
pàgina interior Informa Forest
pàgina interior Informa Forest

En esta web se diseñaron una serie de animaciones específicas, incluyendo una infografía interactiva que explicaba los objetivos generales del proyecto. Esta infografía seguía un patrón de crecimiento radial, con la información que emergía de un círculo central, representando visualmente el crecimiento y difusión del conocimiento. Además, la página inicial cuenta con una animación dinámica en la que varios mensajes de texto aparecen dentro de un círculo, reforzando la coherencia visual del proyecto.

Se diseñaron cabeceras personalizadas para cada sección de la web, asegurando que cada página tuviera una identidad propia, pero dentro del mismo estilo visual, manteniendo una imagen global armónica y coherente.

SUPERB

SUPERB

Diseño web y desarrollo para el proyecto SUPERB, soluciones para la restauración de los ecosistemas forestales.

Cliente

European Forest Institute (EFI)

Año de creación

Ámbitos del proyecto

El proyecto SUPERB tiene por objetivo proporcionar soluciones para la restauración de los ecosistemas forestales. A partir de la imagen corporativa proporcionada por el EFI (European Forest Institute), desarrollamos y diseñamos la web del proyecto, manteniendo una línea gráfica coherente con los valores y objetivos del proyecto.

Creamos elementos gráficos muy simplificados que representaban diferentes aspectos de los ecosistemas forestales, combinándolos con el uso de imágenes de gran calidad para dar vida a cada página. Estos elementos visuales permitieron comunicar de forma clara y atractiva la importancia de la restauración ecológica, haciendo que la web fuera a la vez informativa y visualmente atractiva.

Pàgina d'inici web SuperB
Pàgina interior web SuperB
Pàgina interior web SuperB

Además, adaptamos los iconos proporcionados, que representaban las diferentes actividades del proyecto, modificando los colores e integrándolos en el diseño global de la web, asegurando que todo el contenido visual fuera coherente y mantuviera una estética unificada.

Para completar la experiencia interactiva de la web, creamos un mapa interactivo que mostraba las distintas áreas de demostración (demos). Este mapa permite a los usuarios explorar las zonas donde se realizan las actividades de restauración, facilitando la comprensión de los objetivos y el alcance del proyecto SUPERB.

MULTIPLIERS

MULTIPLIERS

Creación de la página web para MULTIPLIERS, un proyecto que promueve una nueva forma de aprender que hace la ciencia más significativa.

Cliente

European Forest Institute (EFI)

Año de creación

Ámbitos del proyecto

El proyecto MULTIPLIERS tiene como objetivo promover una educación científica más cercana y relevante para los estudiantes, conectando la ciencia con situaciones reales. El diseño y desarrollo web de este proyecto empezó con la creación de su página principal y evolucionó con la implementación del Open Schooling Hub, un buscador que permite acceder a herramientas y fichas educativas organizadas por temáticas, facilitando la búsqueda de recursos pedagógicos.

Este proyecto ya disponía de logotipo y de todos los iconos previamente diseñados, con una paleta de colores asignada a cada tema. A partir de esta base visual, creamos una estructura de figuras rectangulares que se desplegaban tanto horizontal como verticalmente, conteniendo la información de cada área temática. Estas figuras organizaban el contenido de forma clara y ordenada, permitiendo una navegación intuitiva y atractiva.

web Multipliers pàgina d'inici
web Multipliers pàgina interior
web Multipliers pàgina interior
web Multipliers pàgina interior

Para complementar el diseño, incorporamos figuras circulares en movimiento a los márgenes de las páginas, añadiendo un toque lúdico que recordaba a las piezas de un juego. Este elemento aportaba dinamismo y reforzaba el enfoque interactivo y «divertido» del proyecto. Los iconos de gran tamaño y las formas redondeadas en movimiento fueron claves para crear una experiencia visual coherente, agradable y orientada al aprendizaje.

Luci Gutiérrez

Luci Gutiérrez

Diseño y desarrollo web del portfolio online de la ilustradora Luci Gutiérrez.

Cliente

Luci Gutiérrez

Año de creación

Ámbitos del proyecto

Sitio web

lucigutierrez.com

Proyecto consistente en el desarrollo del portfolio online de la ilustradora Luci Gutiérrez, a través de una plataforma digital que refleja su trayectoria artística y que permite mostrar de forma clara y ordenada sus trabajos. La web se diseñó pensando en una navegación muy sencilla que facilitara el filtrado de los proyectos según el tipo de trabajo, permitiendo que el visitante acceda fácilmente a cada proyecto y consulte sus fichas detalladas.

La cliente deseaba una web minimalista que diera todo el protagonismo a sus ilustraciones, con un diseño limpio y funcional que evitara cualquier distracción. Nos centramos en una presentación visual clara que resaltase la calidad y estilo de sus trabajos, asegurando que se visualizaran correctamente en todo tipo de dispositivos. Este enfoque sencillo pero efectivo consiguió una experiencia de usuario intuitiva que ponía en valor la obra de la ilustradora.

Pàgina d'inici web Luci Gutiérrez
Pàgina projecte web Luci Gutiérrez
Pàgina interior web Luci Gutiérrez

Càritas Andorrana

Càritas Andorrana

Creación del sitio web y del sistema de donaciones online de Cáritas Andorrana, institución de la Iglesia Católica que ayuda y acompaña a las personas más desfavorecidas.

Cliente

Pampliega & Associats

Año de creación

Ámbitos del proyecto

Sitio web

caritas.ad

El proyecto para el diseño y desarrollo web de Cáritas Andorrana surgió en colaboración con Pampliega & Associats, que ya había creado la estructura y los contenidos iniciales. La web anterior no había sido actualizada ni renovada en muchos años, lo que la hacía anticuada y alejada tanto de las pautas modernas de las webs de Cáritas a nivel estatal como de los estándares web actuales en funcionalidad y accesibilidad.

Al no disponer de un manual corporativo específico, estudiamos varias webs de Cáritas a nivel estatal para extraer las referencias visuales necesarias, como los colores corporativos, la tipografía y otros elementos gráficos, que nos sirvieron como base para el diseño de la nueva web. A partir de ahí, diseñamos una interfaz de usuario clara y moderna para las diferentes páginas, apostando por una composición estructurada en bloques de fotografías, colores planos, grandes espacios en blanco y titulares prominentes, facilitando así la lectura y la comprensión de los mensajes clave.

Uno de los aspectos centrales del proyecto fue el desarrollo del sistema de donación online, un elemento esencial para la institución, ya que representa una vía directa de colaboración con los usuarios. Este sistema no sólo facilitó la donación online, sino que también simplificó la gestión de las donaciones offline por parte de la organización.

Por último, pusimos especial énfasis en la presentación de los servicios, con una estructura que incluye llamadas a la acción constantes, que invitan a los usuarios a solicitar ayuda o información de forma rápida y sencilla.

Càritas Andorrana
Càritas Andorrana
Càritas Andorrana

Circular Bioeconomy Alliance

Circular Bioeconomy Alliance

Proyecto web para el European Forest Institute promueve la Bioeconomía Circular basada en ecosistemas saludables, biodiversos y resilientes de los bosques.

Cliente

European Forest Institute (EFI)

Año de creación

Ámbitos del proyecto

Este proyecto se desarrolló con el objetivo de reforzar la comunicación de la Circular Bioeconomy Alliance, una iniciativa que apuesta por la sostenibilidad de los ecosistemas forestales europeos A partir del manual de imagen corporativa proporcionado por el European Forest Institute (EFI) , creamos un diseño que no sólo respetaba las directrices visuales establecidas, sino que también incorporaba nuevos elementos gráficos para enriquecer la experiencia digital.

Añadimos iconos específicos que ayudaban a explicar de forma clara los diferentes apartados de la web, potenciando la comprensión del contenido. El diseño se estructuró con elementos circulares que aparecen a lo largo de toda la web, reforzando la idea central de la circularidad y el ciclo de naturaleza que promueve la organización. Estas formas se unen mediante líneas sutiles que simbolizan la conexión y la interdependencia entre los ecosistemas.

La paleta de colores y la tipografía utilizadas se adaptaron al formato web siguiendo los requerimientos del manual corporativo, manteniendo una coherencia visual con toda la imagen institucional de EFI. El resultado es una página que invita a una lectura fluida y clara, facilitando el acceso a la información.

Actualmente, todo el material gráfico creado por EFI, como folletos y otros elementos, se diseña siguiendo esta misma línea gráfica, estableciendo una identidad visual alineada con la de la Circular Bioeconomy Alliance.

Circular Bioeconomy Alliance
Circular Bioeconomy Alliance
Circular Bioeconomy Alliance
Circular Bioeconomy Alliance

Associació Catalana de Professionals de Joventut

Associació Catalana de Professionals de Joventut

Creación de la nueva web de la Associació Catalana de Professionals de Joventut, una entidad que promueve la regularización y defiende los derechos de los profesionales de juventud.

Cliente

Associació Catalana de Professionals de Joventut (ACPJ)

Año de creación

Ámbitos del proyecto

Sitio web

joventut.info

Nuestra colaboración con la Asociación empezó en 2018, cuando asumimos el mantenimiento técnico de su antigua web. En 2021, coincidiendo con el lanzamiento de su nueva identidad corporativa, recibimos el encargo de crear una nueva web que mejor se adaptara a sus necesidades.

La web antigua presentaba varios inconvenientes, principalmente debido a su antigüedad. El problema más evidente era un diseño anticuado, que no reflejaba la actualidad de la entidad. Además, la distribución de contenidos era confusa y desorganizada, dificultando que los visitantes encontraran información relevante como los proyectos de la entidad, las categorías de noticias o los ámbitos de actuación de la Asociación.

El objetivo de la nueva web era doble: por un lado, era necesario adaptarlo a la nueva identidad corporativa para consolidar su imagen de marca con un diseño moderno y atractivo; por otro, ordenar toda la información a través de un estudio previo de arquitectura de la información, jerarquizando los contenidos para hacerlos más accesibles y comprensibles.

La nueva web también resolvió una carencia importante del antiguo sitio: hizo mucho más visibles los llamamientos a la acción para conseguir nuevos asociados, facilitando su registro de forma ágil y directa a través de la web.

Associació Catalana de Professionals de Joventut
Associació Catalana de Professionals de Joventut
Associació Catalana de Professionals de Joventut
Associació Catalana de Professionals de Joventut
Associació Catalana de Professionals de Joventut

Atelier de Chronométrie

Atelier de Chronométrie

Diseño y desarrollo del sitio web de Atelier de Chronométrie, una empresa fundada en 2014 en Barcelona, ​​dedicada a la fabricación de relojes artesanales de alta gama y de inspiración vintage, mediante procesos completamente manuales y tradicionales.

Cliente

Atelier de Chronométrie

Año de creación

Ámbitos del proyecto

Nuestra relación con Atelier de Chronométrie venía de hacía unos años, cuando diseñamos la web de Mimandcrocket, otra empresa especializada en la fabricación de relojes de estilo vintage. Esta colaboración prolongada nos permitió conocer en profundidad tanto sus productos como su forma de trabajar.

La web de Atelier de Chronométrie se concibió con el objetivo de transmitir simplicidad en el mensaje y establecer una arquitectura flexible que permitiera crear nuevas páginas para futuros modelos de reloj, sin depender de un diseño rígido.

El cliente nos proporcionó imágenes de alta calidad, lo que permitió dar protagonismo absoluto a la fotografía de producto, resaltando todos los detalles de los relojes. También se destacaron las imágenes de los procesos de fabricación, donde se puede apreciar la delicadeza y precisión con que trabajan.

Atelier de Chronométrie
Atelier de Chronométrie
Atelier de Chronométrie
Atelier de Chronométrie