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

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

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

Praxis

Desarrollo web y diseño de Praxis Resilient Buildings, empresa de ingeniería para edificios saludables y confortables.

Cliente

Praxis Resilient Buildings

Año de creación

Sitio web

praxis-rb.com

Praxis Resilient Buildings es una empresa especializada en ingeniería, consultoría energética y certificación Passivhaus, dedicada a la creación de edificios sostenibles, saludables y eficientes.

El proyecto web se realizó en dos fases: en la primera fase, se desarrolló una página web con contenido básico y se integró una plataforma de cursos online, permitiendo a los usuarios acceder a formación específica de manera sencilla y directa.

En la segunda fase, se llevó a cabo una consultoría de estrategia de contenidos y SEO, durante la cual se adaptaron el contenido y la estructura de la web para optimizar su posicionamiento en buscadores, consiguiendo así una mejora en la visibilidad y la atracción de nuevos clientes. Además, se realizaron más cambios en el diseño, ajustándolo a las necesidades de la empresa y reforzando su identidad visual para transmitir los valores de sostenibilidad y eficiencia de forma clara y atractiva.

Pàgina d'inici web Praxis
Detall web Praxis
Detall web Praxis

Diseñamos iconos personalizados para representar los diferentes servicios y cursos online, consiguiendo una coherencia gráfica con el resto del diseño y facilitando la navegación de los usuarios.

QSL Serveis Culturals

Diseño y desarrollo del nuevo sitio web de QSL dentro del marco de la renovación de la imagen corporativa de esta organización, fundada en 1995, que gestiona proyectos de servicio público en las áreas de cultura, educación y participación.

Cliente

QSL Serveis Culturals

Año de creación

Sitio web

qsl.cat

Este proyecto culmina una colaboración que empezó hace años con el diseño de la nueva identidad corporativa de QSL.

Partíamos de una web con muchas carencias: tenía un diseño anticuado, no era responsive y no estaba bien posicionado a nivel SEO. No disponía de metaetiquetas, los contenidos no eran fácilmente indexables, y aunque era una entidad importante, la web tenía poca presencia en los resultados de búsqueda de Google.

Nuestra tarea principal consistió en crear una nueva web mediante WordPress que solucionara estos problemas, adaptándose a la nueva identidad corporativa de la organización y mostrando de forma sencilla e intuitiva su abanico de ámbitos de trabajo, los servicios que ofrece y los proyectos más destacados en cada ámbito o servicio.

Como viene siendo habitual en este tipo de proyectos, estructuramos la creación de la web en una serie de fases consecutivas de trabajo, empezando por el análisis, la definición estratégica y el prototipado.

Los prototipos o wireframes son propuestas de estructura y distribución de la información previas al diseño, que permiten pensar primero en la estrategia global, la jerarquía de contenidos y los itinerarios de información.

A partir de la definición estratégica y el prototipado, surgió un diseño personalizado que se adapta perfectamente a la nueva imagen corporativa de QSL, y que enfatiza las áreas clave: novedades y actualidad, ámbitos de trabajo, servicios y proyectos realizados.

QSL Serveis Culturals
QSL Serveis Culturals
QSL Serveis Culturals

Para el apartado de Servicios diseñamos, además, un set de ilustraciones que dota a la web de una personalidad aún mayor y que difícilmente se habría podido conseguir de la misma manera mediante fotografías de recurso.

8 Artist Management

Creación de la web corporativa de 8 Artist Management, pensada principalmente para mostrar el portafolio de los artistas que representa a través de sus proyectos fotográficos y de vídeo. El proyecto incluye también el diseño del logotipo, definiendo una imagen corporativa global.

Cliente

8 Artist Management

Año de creación

8 Artist Management es una agencia que representa a fotógrafos, videografos y estilistas a nivel nacional e internacional. Anteriormente disponían de una web con problemas de adaptación a los nuevos formatos de WordPress, y aprovechando un cambio evolutivo en la empresa, se decidió crear una nueva web con una estructura que permitiera incorporar nuevos artistas e introducir sus proyectos de manera continua .

La nueva web se diseñó con una arquitectura que agrupara a los artistas en categorías según su especialidad, y que proporcionara a cada uno de ellos una página individual con sus proyectos en formato ficha.

Por el diseño se optó por un estilo muy sencillo, ya que la web estaría destinada a mostrar mucha información gráfica derivada de los portafolios de los clientes. Uno de los principales elementos gráficos que se consideraron fue el tratamiento del interlineado de los títulos, ajustándolo para que las líneas de texto quedaran unidas, formando una unidad gráfica a modo de logo con el nombre de cada artista.

También rediseñamos el logotipo, utilizando una tipografía más fina y con más espacio entre las letras, consiguiendo así una mayor coherencia con el diseño global de la web.

8 Artist Management
8 Artist Management
8 Artist Management