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.

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.

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.

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 Power Plants, 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

World Allergy Organization

World Allergy Organization

Diseño de una serie de ilustraciones e infografías para una guía médica sobre las alergias para la World Allergy Organization.

Cliente

World Allergy Organization

Año de creación

La World Allergy Organization nos ofreció la oportunidad de diseñar cinco ilustraciones para una guía médica sobre alergias. Se trataba de rediseñar los diagramas con nuevos dibujos y una estética más sencilla y limpia para mejorar la comprensión del contenido por parte del usuario.

Fue un proyecto muy interesante, ya que a partir de figuras muy sencillas era necesario representar diferentes sintomatologías y acciones. También se reestructuró el flujo de información para facilitar su comprensión.

World Allergy Organization
World Allergy Organization
World Allergy Organization
World Allergy Organization

Cursos para Cambra de Comerç de Barcelona

Cursos para Cambra de Comerç de Barcelona

Creación de contenido, diseño, desarrollo y tutorías de cursos de WordPress, Marketing online, SEO, Community Manager y creación de startups para Cámara de Comercio de Barcelona.

Cliente

Cambra de Comerç de Barcelona

Año de creación

Desde 2015, hemos estado colaborando estrechamente con la Cámara de Comercio de Barcelona en la creación de contenido, diseño, desarrollo e impartición de tutorías para diversos cursos online especializados en WordPress, Marketing online, SEO, Community Manager y creación de startups.

Durante estos años, hemos desarrollado cursos que se adaptan a las necesidades de formación actuales, aportando nuestro conocimiento y experiencia en cada uno de los ámbitos citados. Los contenidos de los cursos se crearon con un enfoque práctico y didáctico, fundamentados en casos reales y basados ​​en las tendencias más actuales del sector. Además, se incorporaron ilustraciones personalizadas para facilitar la comprensión visual de conceptos técnicos.

Una parte esencial de nuestra colaboración ha sido la tutoría y seguimiento de los alumnos, proporcionando asesoramiento personalizado durante todo el proceso formativo. Este compromiso nos ha permitido establecer una relación de confianza con los alumnos y con la Cámara de Comercio, asegurando que los cursos no sólo transmitieran conocimientos teóricos, sino que fueran una herramienta práctica para la aplicación inmediata en sus proyectos profesionales.

Cursos per Cambra de Comerç de Barcelona
Cursos per Cambra de Comerç de Barcelona
Cursos per Cambra de Comerç de Barcelona