Dmente

Dmente

Diseño y desarrollo web, así como creación del logotipo para la empresa de búsqueda y gestión de localizaciones para rodajes, Dmente.

Cliente

Dmente

Año de creación

Sitio web

dmenteloc.com

Dmente es una empresa especializada en la búsqueda y gestión de localizaciones para rodajes en producciones de cine, series de televisión y publicidad. Con una amplia experiencia en el sector audiovisual, Dmente se propuso renovar su presencia online para proyectar una imagen más profesional y atractiva ante sus clientes actuales y potenciales.

La página web anterior, creada internamente por la empresa, presentaba importantes deficiencias tanto en el diseño como en la usabilidad, lo que no reflejaba adecuadamente la calidad de su trabajo ni su trayectoria.

El proyecto comenzó con la reestructuración completa del sitio web, diseñando una nueva arquitectura de contenidos que facilitara la navegación y destacara claramente los servicios que ofrece Dmente.

El enfoque principal fue organizar la información de forma que los visitantes pudieran explorar fácilmente los tipos de localizaciones y conocer los proyectos audiovisuales en los que la empresa había participado, como películas, series y campañas publicitarias. Para ello, se creó un árbol de contenidos que dividía los distintos servicios de forma clara y destacaba las imágenes de las localizaciones, acompañadas de información sobre los rodajes en los que habían colaborado.

En cuanto al diseño visual, se optó por un estilo minimalista y elegante, basado en una paleta monocromática en blanco y negro, que ofreciera un marcado contraste, permitiendo que las fotografías de las localizaciones, presentadas en gran formato, fueran las verdaderas protagonistas de la web. El uso de blogs visuales ordenados contribuyó a crear una sensación de orden y profesionalidad, reforzando a la vez el objetivo de presentar Dmente como un actor fiable y experimentado dentro del sector audiovisual.

Por último, se rediseña la icónica imagen de los monos con cámaras, una representación que el cliente ya utilizaba y con la que quería continuar. La nueva ilustración mantuvo la idea original pero con un enfoque más estilizado y adaptado a la estética general de la web. La nueva imagen, a modo de graffiti, para reflejar el dinamismo de Dmente a través de lo que podría ser una localización.

Detall disseny web pàgina inici Dmente
Detall disseny web pàgina interior Dmente
Detall disseny web pàgina interior Dmente

Además del diseño web se abordó la creación del logotipo, puesto que la empresa no contaba con una identidad visual definida.

Siguiendo la estética global del sitio web, desarrollamos una propuesta de logotipo que combinara simplicidad y carácter.

Jugamos con la «D» del nombre, colocándola al principio como único símbolo, eliminando el espacio vacío y resaltando su forma exterior. También ajustamos el espacio entre las letras «D» y «mente» para crear una sensación de equilibrio visual manteniendo una separación uniforme entre todas las letras. Esto dio al logo un aspecto sólido y minimalista.

El diseño del logo no complementaba únicamente el estilo de la web, sino que también reforzaba la identidad visual de la marca.

Logo Dmente aplicació

Wildcard Project

Wildcard Project

Creación y diseño web para Wilcard Project, una iniciativa del European Forest Institute enfocada en la autorrecuperación de ecosistemas degradados y dañados.

Cliente

European Forest Institute (EFI)

Año de creación

Wilcard Project es un proyecto del European Forest Institute que se centra en la regeneración natural de ecosistemas afectados, promoviendo la restauración de la biodiversidad y el equilibrio de los entornos forestales. El diseño del sitio web debía transmitir esta visión de renovación y conexión con el medio ambiente, manteniendo una coherencia con la identidad corporativa del proyecto.

Desde el inicio del proyecto, optamos por un enfoque visual que evocaba los ecosistemas forestales mediante el uso de un collage que simbolizaba la diversidad y complejidad de los bosques. Para materializar este concepto, seleccionamos cuidadosamente una combinación de fotografías, texturas y formas de color que representaban la riqueza de los paisajes naturales. Estos elementos gráficos se utilizaron de forma consistente en toda la web, creando una estética visual dinámica y coherente que reflejaba la esencia del proyecto.

Los colores corporativos de Wilcard Project sirvieron como base para el diseño, aunque tuvimos libertad creativa para desarrollar elementos gráficos adicionales. Esta libertad nos permitió explorar combinaciones atrevidas de texturas y colores, reforzando el carácter único del proyecto. de la naturaleza, junto con formas orgánicas y tonos terrosos, se integraron para dar vida al concepto de regeneración y crecimiento natural.

Uno de los recursos destacados del sitio web fue la integración de vídeos como fondos visuales, delimitados por trazos de color que actuaban como marcos. Esto aportó dinamismo a la experiencia del usuario, haciendo la página más inmersiva y resaltando los elementos visuales clave del proyecto. Los vídeos mostraban de forma viva el ecosistema en proceso de regeneración, alineándose perfectamente con la misión del Wilcard Project.

Wildcard Project pàgina inici
Wildcard Project pàgina interior
Wildcard Project pàgina interior

Otro aspecto distintivo del diseño fue el uso de collages e infografías, que permitieron comunicar visualmente los conceptos clave sobre la restauración de ecosistemas. Para garantizar la coherencia visual, unificamos los collages con colores consistentes, formas redondeadas y líneas suaves. Esta combinación ayudó a mantener una armonía visual a lo largo del sitio web, creando una experiencia gráfica atractiva y fluida para los usuarios.

El resultado final es una página web que combina creatividad, funcionalidad y una fuerte identidad visual, ofreciendo una plataforma que no sólo comunica la misión del Wilcard Project, sino que también inspira a los visitantes a comprender la importancia de la regeneración de ecosistemas dañados.

Flors Lloveras

Flors Lloveras

Creación de la web con tienda online para la floristería barcelonesa Flors Lloveras.

Cliente

Flors Lloveras

Año de creación

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.

Pàgina web Flors Lloveras
Pàgina web Flors Lloveras
Pàgina web 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.

MARQuitectura

MARQuitectura

Diseño y desarrollo de la nueva web del estudio barcelonés de arquitectura sostenible MARQuitectura.

Cliente

MARQuitectura

Año de creación

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.

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

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.

Logo Marquitectura

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

QSL Serveis Culturals

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

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

eUniv, Universitat Europea

eUniv, Universitat Europea

Diseño y desarrollo de la web de la Universidad Europea (eUniv). El objetivo del proyecto fue dar más visibilidad a esta universidad online, ayudando a mostrar de manera estructurada toda la información formativa que ofrece.

Cliente

Universitas Europaea IMF

Año de creación

Sitio web

euniv.eu

El proyecto de la web de eUniv se inició con la idea de crear una plataforma que permitiera el crecimiento de la universidad y que mostrara un conjunto de contenidos reestructurados a partir de su antigua web, destacando tanto el modelo organizativo de la universidad como toda la su oferta formativa.

Sobre esta base, se desplegó un diseño con visión de futuro, totalmente flexible, que permite mostrar nuevo contenido o modificar la relevancia de ciertos apartados a medida que el proyecto avance.

Se nos proporcionaron unas pautas de diseño corporativo a plasmar, como la iconografía de la formación o las letras capitulares.

A partir de esto se desarrollaron los otros elementos gráficos: fondos con líneas y puntos, elementos con bordes redondeados, gama de colores, etc.

EUNIV Universitat Europea
EUNIV Universitat Europea
EUNIV Universitat Europea

En la sección de formación, el cliente necesitaba una gama cromática individual para cada ámbito, así como una ilustración específica para cada sector. Se optó por un tratamiento gráfico diferente para cada ilustración, manteniendo como hilo conductor los tres rectángulos verticales de base que representan la progresión de los estudios: Bachelor, Máster y Doctorado.

Estas formas cambian de color en función del tipo de formación. Para las ilustraciones se utilizaron diversas técnicas como el dibujo vectorial, lápices, rotuladores y acuarela.

Florcare Power Plants

Florcare Power Plants

Creación de la web con tienda online de Florcare, proyecto de economía social y ecológica a través de la venta de plantas y productos sostenibles. Creamos también un conjunto de ilustraciones para ayudar a dar aún más personalidad al diseño de la web.

Cliente

Kairos Network

Año de creación

Florcare es un proyecto de economía social y ecológica y espacio de venta de plantas y productos sostenibles. Se creó para ellos una web con WordPress con una tienda online de diseño totalmente personalizada.

La idea era que no sólo fuera una tienda más de plantas, sino que aportara un beneficio social a los chicos en riesgo de exclusión que las cultivaban y vendían. De esta forma, el comprador se sentía con el poder de cambiar la situación social de estos chicos.

Las ilustraciones que elaboramos se basaron en un estilo tipo cómico, con plantas transformadas en superhéroes.

Florcare Power Plants
Florcare Power Plants

Webs Progetic y Solgetic

Webs Progetic y Solgetic

Diseño de imagen corporativa y creación de los sitios web de Progetic y Solgetic, dos empresas hermanas especializadas en ofrecer servicios de ingeniería y consultoría para la construcción de edificios sostenibles. Por este motivo, trabajamos haciendo referencia a los tres pilares de la sostenibilidad: el social, el económico y el ecológico.

Cliente

Progetic Projectes Sostenibles

Año de creación

Progetic y Solgetic son dos empresas hermanas de ingeniería y consultoría en edificios saludables. Fue un proyecto integral en el que empezamos renovando la imagen corporativa, el logotipo y la imagen global, y como segunda fase desarrollamos las webs a partir de esta nueva imagen.

Son webs corporativas donde principalmente se muestran todos sus proyectos, y están en crecimiento porque actualmente se está desarrollando un apartado de formación de cursos online.

Progetic
Solgetic