Flors Lloveras

admin el 10/10/2023

Cliente

Flors Lloveras

Año de creación

2023

Ámbitos del proyecto

Diseño web a medida eCommerce Ilustración y dibujo

Sitio web

florslloveras.com

Flors Lloveras es una floristería con una larga tradición en Barcelona, conocida por la atención al detalle y la calidad de sus composiciones florales. El objetivo del proyecto era crear una nueva página web que reflejara el estilo único de la floristería y, a la vez, integrar la tienda online ya existente, mejorando tanto su funcionalidad como su apariencia. experiencia de usuario intuitiva y eficiente.

Uno de los elementos clave del diseño fue la incorporación de una serie de dibujos a lápices de detalles florales, que actuaban como hilo conductor a lo largo de todas las páginas de la web. Estos dibujos, que evocaban la delicadeza y naturalidad de las flores, funcionaban como elementos decorativos y unificadores del diseño, aportando una identidad visual coherente y distintiva. Junto a estos dibujos, se crearon collages con fotos cuidadosamente seleccionadas, que capturaban la esencia del trabajo artesanal de Flores Lloveras. Estas imágenes no sólo mostraban sus productos, sino que también transmitían el ambiente y la dedicación de la floristería, conectando emocionalmente con los usuarios.

En cuanto a los colores, se adaptó la paleta corporativa de la floristería, manteniendo una coherencia visual que respetara su identidad de marca. Se combinaron tonos suaves y naturales para crear un diseño armónico y elegante, en sintonía con el estilo de Flors Lloveras.

El proyecto presentaba un reto particular: la floristería ya contaba con una tienda online que los propietarios querían mantener. Nuestra labor consistió en adaptar la tienda al nuevo diseño, garantizando que el cambio estético no afectara ni al funcionamiento ni a la experiencia del usuario. Además, realizamos una revisión global del funcionamiento del eCommerce para asegurar que estuviera actualizada y funcionando de forma óptima, tanto en términos de rendimiento técnico como de usabilidad.

El resultado fue una página web que combina un diseño elegante y emotivo con una tienda online completamente funcional. Esta solución permitió a Flors Lloveras mantener su presencia digital actualizada, ofreciendo a sus clientes una plataforma atractiva y fácil de usar para la compra de sus productos. La combinación de elementos gráficos, fotografías cuidadas y una estructura intuitiva de la tienda destacó el trabajo artesanal y la dedicación de esta floristería.

Bioregions

admin el 04/07/2023

Cliente

European Forest Institute (EFI)

Año de creación

2023

Ámbitos del proyecto

Diseño web a medida

Sitio web

bioregions.efi.int

El proyecto Bioregions promueve la bioeconomía circular en los bosques europeos, con un enfoque innovador para la gestión sostenible de los recursos forestales. La web original del cliente ya estaba desarrollada con WordPress, pero presentaba problemas de organización del contenido y de presentación de la información según sus deseos. Por esta razón, se decidió rehacer completamente el sitio web, manteniendo WordPress como base, pero utilizando el editor Gutenberg, que permite una mayor autonomía en la gestión de contenidos por parte del cliente.

El nuevo diseño fue una oportunidad perfecta para crear una imagen fresca y mejor alineada con los valores del proyecto. Nos inspiramos en el logotipo de Bioregions, donde se representa una hoja con líneas y puntos redondeados en los vértices. Estas formas se convirtieron en el eje visual del nuevo diseño, con líneas finas que crecían y ramificaban, generando elementos decorativos como hojas y puntos. Estas figuras se integraron armónicamente a lo largo de las páginas, aportando dinamismo y creando una identidad visual coherente con la temática de la bioeconomía y sostenibilidad.

El diseño no se limitó sólo a la estética, sino que también mejoró la funcionalidad de la web. Los elementos gráficos se combinaron cuidadosamente con las imágenes y los textos, creando composiciones visuales que destacaban por su elegancia y la capacidad de transmitir los mensajes clave del proyecto. Cada página adquirió una identidad propia pero manteniendo una coherencia visual que reflejaba los objetivos y valores de Bioregions.

Este enfoque permitió crear un sitio web no sólo atractivo visualmente, sino también mucho más funcional y fácil de manejar para el cliente, mejorando significativamente la experiencia de usuario y la presentación de los contenidos.

MARQuitectura

admin el 23/06/2023

Cliente

MARQuitectura

Año de creación

2023

Ámbitos del proyecto

Diseño web a medida Identidad corporativa

Sitio web

marq-sostenible.com

MARQuitectura es un estudio de arquitectura con sede en Barcelona, especializado en proyectos de arquitectura sostenible, comprometido con la eficiencia energética y el uso responsable de los recursos. Pese a su sólida trayectoria en el sector, el estudio necesitaba renovar su página web, que había quedado obsoleta tanto en diseño como funcionalidad.

La antigua web no reflejaba adecuadamente la calidad y la visión de MARQuitectura. La navegación era confusa, puesto que los contenidos estaban separados entre la página principal y un blog externo, lo que complicaba la experiencia de usuario y no transmitía una identidad visual coherente.

El proyecto se centró en el diseño integral del sitio web, poniendo énfasis en destacar visualmente los proyectos del estudio con un enfoque limpio y moderno. Se apostó por dar protagonismo a imágenes de gran formato, aprovechando la galería fotográfica de alta calidad de los proyectos destacados de MARQuitectura. Estas imágenes se combinaron con elementos visuales sobrios, como cajas de colores neutros, que armonizaban con la paleta corporativa del estudio, respetando siempre su identidad visual.

Además del desarrollo web, el proyecto incluyó el rediseño del logotipo. Basándose en el concepto original, se hicieron ajustes para modernizarlo y darle un aspecto más suave y accesible. redondeadas y más amigables, mientras que la tipografía se actualizó para reflejar una imagen contemporánea y profesional.

Esta nueva web no sólo mejoró el aspecto visual de la marca, sino que también simplificó la navegación y reforzó la coherencia de la identidad de MARQuitectura.

Tuber Label

admin el 20/06/2023

Cliente

Jasten Fröjen

Año de creación

2023

Ámbitos del proyecto

Diseño web a medida

Sitio web

tuberlabel.es

El proyecto de Tuber Label tuvo como objetivo desarrollar una página web que representara la implementación de herramientas tecnológicas para el sector trufero en España. Ya contábamos con la imagen corporativa y el logotipo proporcionados por la agencia Jasten Fröjen. Este logo incluía una trama que simulaba las formas laberínticas de las trufas, y decidimos expandir esta idea en el diseño visual de la web. Inspirándonos en estas formas, creamos una serie de figuras relacionadas con el mundo de la trufa, que aportaron una identidad visual coherente y única al proyecto.

Para el diseño de la web, mantuvimos los colores corporativos establecidos con el negro como color de fondo principal. Este fondo oscuro permitió que la trama y las figuras destacaran de forma elegante y llamativa. El uso del negro no sólo aportó un toque de sofisticación, sino que también reforzó la conexión visual con las formas orgánicas de las trufas, creando una estética sólida y coherente con la marca.

Las figuras diseñadas, basadas en la trama del logotipo, se utilizaron de forma estratégica en las cabeceras de la web, integrándose de forma natural en el diseño general. Estas figuras, que incluían elementos como un perro trufero, una pala y referencias a la comida gourmet, reforzaron la conexión visual con el mundo de la trufa, asegurando que la web reflejara claramente la especialización del sector.

Este enfoque visual, combinado con una estructura funcional, logró transmitir la esencia del negocio de Tuber Label, así como su conexión con la naturaleza y el trabajo artesanal en torno a la trufa. La combinación de un diseño esmerado y el uso estratégico de elementos visuales hizo que la web fuera no sólo informativa y funcional, sino también altamente representativa de la identidad del proyecto.

Eufore

admin el 17/05/2023

Cliente

European Forest Institute (EFI)

Año de creación

2023

Ámbitos del proyecto

Diseño web a medida

Sitio web

eufore.eu

El proyecto Eufore (The European Forest Research and Innovation Ecosystem) tiene como objetivo crear un entorno sostenible, transnacional y cocreativo para definir, implementar y evaluar una hoja de ruta de investigación e innovación (I+i) centrada en las cadenas de valor forestal en Europa. El desafío era diseñar una página web que no sólo reflejara estos objetivos, sino que también transmitiera visualmente la conexión entre la investigación, la innovación y la sostenibilidad en el ámbito forestal europeo.

El diseño de la web partió del logo existente del proyecto, que presentaba un patrón de árboles repetidos con un degradado de colores que iba del naranja al azul, pasando por tonos de amarillo y verde. Estos colores y patrones se convirtieron en la base del desarrollo visual del sitio. Se utilizaron las figuras del logotipo de forma creativa, integrando imágenes de bosques como fondo, lo que reforzó la conexión visual con la temática forestal.

Además, creamos dibujos con líneas que representaban a personas y entornos, simbolizando la interacción entre los seres humanos y los ecosistemas. Estos dibujos pusieron de manifiesto el enfoque cocreativo y colaborativo del proyecto, añadiendo una capa de significado visual que complementaba la temática de sostenibilidad e innovación en los bosques europeos.

Los patrones con fotos y líneas se utilizaron de forma estratégica en las cabeceras de la web, dando a cada sección una identidad única pero cohesiva. También se incorporaron a las infografías y gráficos a lo largo del sitio, reforzando la identidad visual de Eufore y facilitando la presentación de información técnica de forma clara y atractiva.

Gracias a este diseño, la página web no sólo se convirtió en una plataforma informativa sobre los objetivos de investigación y desarrollo del proyecto, sino también en una herramienta visualmente atractiva que conectaba a los usuarios con la esencia de los ecosistemas forestales europeos y los esfuerzos por preservarlos e innovar en su gestión.

Energiehaus

admin el 05/04/2023

Cliente

Energiehaus

Año de creación

2023

Ámbitos del proyecto

Diseño web a medida eCommerce Estrategia web Identidad corporativa Ilustración y dibujo Marketing digital y SEO

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.

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 .

Holisoils

admin el 22/03/2023

Cliente

European Forest Institute (EFI)

Año de creación

2023

Ámbitos del proyecto

Diseño web a medida

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.

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

admin el 14/02/2023

Cliente

European Forest Institute (EFI)

Año de creación

2023

Ámbitos del proyecto

Diseño web a medida

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.

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.

Manuel Busquet Abogados

admin el 02/01/2023

Cliente

Manuel Busquet Advocats

Año de creación

2023

Ámbitos del proyecto

Diseño web a medida Estrategia web Marketing digital y SEO

Sitio web

mbaadvocats.com

Manuel Busquet Abogados es uno de nuestros clientes más antiguos, con quien mantenemos una colaboración que comenzó en 2012. Coincidiendo con el 35º aniversario de la firma de Manresa, confiaron en nosotros para desarrollar su nuevo sitio web, con el objetivo de actualizar tanto el diseño como la estructura de contenidos para adaptarlos a las necesidades actuales.

Este proyecto supuso un reto significativo respecto al primer sitio desarrollado hace más de 10 años. La nueva propuesta se centró en simplificar la navegación, crear una estrategia de contenidos mejorada y enriquecer las descripciones de los servicios jurídicos. Esto permitió no solo optimizar el posicionamiento SEO, sino también ofrecer información más clara y detallada a los usuarios.

Para lograrlo, optamos por un diseño esencialmente tipográfico, basado en los colores de la identidad corporativa de Manuel Busquet Abogados, utilizando imágenes conceptuales para ilustrar las diferentes áreas jurídicas. Esta combinación aportaba un equilibrio visual atractivo, además de reforzar la imagen profesional y seria de la firma.

Tipográficamente, elegimos Arsenica Variable para los encabezados. Esta tipografía serif destaca por sus barras horizontales onduladas, que aportan un toque distintivo y sofisticado. Su morfología y estilo clásico eran ideales para transmitir la profesionalidad y la elegancia que caracterizan a Manuel Busquet Abogados.

Para el cuerpo de texto, optamos por Neue Haas Unica, una tipografía sans-serif moderna y versátil. Con sus líneas limpias y proporciones equilibradas, esta fuente asegura una legibilidad óptima, especialmente en textos largos. Su apariencia neutra y minimalista facilita la comprensión de los contenidos y mantiene una imagen coherente con el estilo elegante de los encabezados.

El uso combinado de Arsenica Variable y Neue Haas Unica crea un contraste armónico que permite destacar los titulares con carácter, manteniendo una lectura fluida y agradable para el cuerpo de texto. Esta elección tipográfica refuerza la imagen profesional y refinada del sitio web, aportando personalidad sin perder claridad.

En cuanto al cromatismo, buscamos un equilibrio entre la potencia del rojo corporativo, la sobriedad del blanco y el negro, y una tonalidad cruda adicional que suaviza la transición entre el rojo y el blanco. Los tonos blanco y negro se utilizaron especialmente en las fotografías de las diferentes áreas jurídicas y en fondos puntuales, aportando coherencia y elegancia al conjunto.

El resultado final es un sitio web moderno, accesible y alineado con la identidad corporativa de Manuel Busquet Abogados. Un diseño tipográfico limpio y un cromatismo equilibrado permiten una experiencia de usuario óptima y una presentación clara de los servicios jurídicos, mejorando significativamente la presencia digital de la firma.

Clínica Dental Stoma

admin el 27/12/2022

Cliente

Clínica Dental Stoma

Año de creación

2022

Ámbitos del proyecto

Diseño web a medida

Sitio web

clinicadentalstoma.es

El proyecto de la nueva web de la Clínica Dental Stoma supuso mucho más que un restyling gráfico a partir de su web anterior. Aunque se mantuvieron los contenidos y la estructura de navegación de la versión previa, se planteó un diseño completamente nuevo para resolver problemas de usabilidad y posicionamiento orgánico, además de modernizar su apariencia y adaptarla a las tendencias actuales en diseño web. El objetivo principal fue crear una experiencia más fluida y estructurada, en armonía con las sensaciones que transmiten sus instalaciones.

La estética de la web se inspiró en los elementos visuales de la clínica, especialmente en los tonos ocres y los acabados en madera presentes tanto en la fachada como en el interior del espacio. Estos colores aportan calidez y contrastan con la frialdad del verde hospitalario predominante en la web anterior. Se decidió mantener el verde únicamente para enlaces y botones, logrando así una paleta cromática más equilibrada y acogedora.

En cuanto a la tipografía, se eligió Sanomat para los encabezados y textos destacados, una fuente elegante que refuerza la idea de calidez y sofisticación con un toque clásico. Para el cuerpo del texto se optó por Montserrat, una tipografía de palo seco que combina perfectamente con la Sanomat y mejora la legibilidad en textos largos.

Las fotografías de la clínica, de gran calidad, se convirtieron en un elemento protagonista del diseño. Se apostó por darles mayor protagonismo a lo largo de la web para reforzar la experiencia visual y acercar al usuario a la atmósfera real de la clínica.

Finalmente, se optimizó la navegación con una estructura clara e intuitiva. Uno de los elementos más destacados fue la incorporación de un botón fijo para solicitar cita, accesible desde cualquier punto de la web. Al hacer clic, se abre una ventana emergente con el formulario de solicitud, facilitando así el proceso de contacto y mejorando su eficiencia.

Con este rediseño, la nueva web de la Clínica Dental Stoma refleja fielmente su identidad, mejorando su presencia digital y ofreciendo una experiencia de usuario más atractiva y funcional.