Amics del País

Creación del nuevo sitio web de la Societat Econòmica Barcelonesa d’Amics del País, entidad fundada en 1822 que trabaja para definir los principales retos del país mediante el debate y la colaboración con diversos agentes sociales.

Cliente

Societat Econòmica Barcelonesa d’Amics del País

Año de creación

Ámbitos del proyecto

Página web

amicsdelpais.com

El desarrollo del nuevo sitio web de Amigos del País partía de una plataforma anterior creada con un CRM propio. El objetivo era integrarla con el sitio de Barcelona Tribuna, ya implementado en WordPress. Dado que este entorno ofrecía mejores perspectivas de crecimiento y se adaptaba mejor a las necesidades del proyecto (noticias, actividades y publicaciones), se decidió reconstruir el sitio íntegramente en WordPress.

Antes de iniciar el diseño, se realizó una reestructuración del árbol de contenidos para facilitar la integración de las secciones y actividades de Barcelona Tribuna. A partir de esta nueva arquitectura se definieron los wireframes, que permitieron establecer los diferentes modelos de página, ordenar y tipificar los contenidos y asegurar una lectura clara y coherente.

Pàgina d'inici Amics del País
Pàgina premis Amics del País
Pàgina Comissions Amics del País
Pàgina sobre Amics del País
Formulari

Una vez finalizada la fase de diseño, se llevó a cabo una importación cuidadosa del contenido del sitio anterior, garantizando su correcta adaptación a las nuevas plantillas creadas para los distintos tipos de artículos y secciones.

El sitio web de Amigos del País continúa evolucionando con nuevas funcionalidades, como la creación de un directorio de becarios, y seguimos acompañando a la entidad en el desarrollo de futuros apartados y mejoras.

Amics del País publicacions
Pàgina Agenda
Fitxa agenda
Barcelona Tribuna

Forest Knowledge Gateway

Forest Knowledge Gateway

El portal Forest Knowledge es la plataforma digital que conecta ciencia y práctica para impulsar la restauración y la gestión sostenible de los bosques. Ofrece recursos, guías y conocimiento aplicado por profesionales, responsables públicos e inversores.

Cliente

European Forest Institute (EFI)

Año de creación

Sitio web

forestknowledge.eu

El portal Forest Knowledge Gateway está impulsada por el European Forest Institute (EFI) y tiene la ambición de ser un portal de referencia internacional en el ámbito de la gestión de la riqueza forestal.

El proyecto nos ha llevado a desarrollar todos los ámbitos necesarios: partimos de una consultoría digital para encontrar el flujo de trabajo más adecuado para los distintos actores que deben contribuir a este portal, así como para definir la mejor experiencia de usabilidad para sus públicos. Después dotamos al proyecto de una imagen singular y memorable, apropiada para su temática y las instituciones que representa. Y, por último, construimos toda la programación del portal desde cero, dado que las funcionalidades específicas que se necesitaban se llevarían a cabo de forma más efectiva si partíamos de una hoja en blanco.

Un gran proyecto que hemos co-creado con el cliente, completo, ambicioso y del que estamos particularmente orgullosos.

Forest Knowledge Gateway
Forest Knowledge Gateway
Forest Knowledge Gateway
Forest Knowledge Gateway

El cliente nos facilitó los colores corporativos y, a partir de ellos, desarrollamos todo el diseño y una serie de ilustraciones en las que la representación de la fauna y la vegetación debía ser realista y reconocible, pero con libertad para aportar un estilo propio, basado en líneas de contorno y manchas de color.

El backend también se diseñó con una iconografía propia y varios elementos gráficos pensados ​​para que el usuario se sintiera cómodo a la hora de introducir los contenidos.

Forest Knowledge Gateway
Forest Knowledge Gateway
Forest Knowledge Gateway
Forest Knowledge Gateway

Rehab-lab

Para el nuevo sitio web de Rehab-Lab, un proyecto impulsado por la Fundación iSocial, partimos de una estructura definida por el cliente para desarrollar toda la imagen creativa. La web pone en valor una iniciativa sin ánimo de lucro que ofrece soluciones personalizadas con impresión 3D para mejorar la autonomía y la calidad de vida de personas con necesidades funcionales.

Cliente

iSocial

Año de creación

Ámbitos del proyecto

Sitio web

rehab-lab.cat

El diseño se construyó a partir del logotipo y de los colores corporativos, estableciendo un lenguaje visual coherente y reconocible. Rehab-Lab diseña y fabrica ayudas funcionales personalizadas mediante impresión 3D, con el objetivo de mejorar la autonomía y la calidad de vida de personas con necesidades de soporte funcional. A partir de esa idea central, se creó un sistema gráfico basado en formas geométricas básicas como el cuadrado, el triángulo y el círculo, utilizadas como estructura visual para integrar las imágenes y generar composiciones claras, funcionales y alineadas con el carácter innovador del proyecto.

Projecte web Ideamatic - Rehab-lab pàgina inici
Projecte web Ideamatic - Rehab-lab pàgina interior
Projecte web Ideamatic - Rehab-lab pàgina interior

El cromatismo del sitio web se resolvió a partir de un fondo gris suave, concebido como base neutra que aporta equilibrio y facilita la lectura. Sobre este fondo se dibujan las líneas que estructuran los elementos geométricos, combinadas con bloques de color en degradado entre el azul y el violeta, utilizados de forma puntual para destacar determinados llamamientos a la acción.

Las imágenes se trabajaron siguiendo ese mismo criterio cromático, aplicando el degradado como recurso de integración visual. De esta forma, los contenidos gráficos se incorporan de forma natural dentro de la composición, reforzando la coherencia del conjunto y aportando una identidad visual propia al proyecto.

Projecte web Ideamatic - Rehab-lab pàgina interior
Projecte web Ideamatic - Rehab-lab pàgina interior

1-1-2 Castilla y León

1-1-2 Castilla y León

Diseño y desarrollo web del portal de información del servicio 1-1-2 de Castilla y León, concebido para explicar de forma clara y accesible cómo comunicarse con el servicio de emergencias, qué canales de atención ofrece y cómo funciona su operativa.

Cliente

Jasten Fröjen

Año de creación

El proyecto de la web del 1-1-2 de Castilla y León se desarrolló en colaboración con la agencia de comunicación Jasten Fröjen, con el objetivo de crear una herramienta informativa clara y accesible para la ciudadanía. El sitio web explica de forma comprensible cómo comunicarse con el servicio 1-1-2, qué servicios ofrece y cuál es su funcionamiento.

A nivel gráfico, el proyecto parte del personaje Ofelia, ya utilizado previamente en acciones de comunicación. A partir de sus colores y de la identidad corporativa existente, se definió toda la gama cromática de la web y se crearon nuevos personajes que ayuden a estructurar e identificar las distintas secciones de contenido.

1-1-2 Castilla y León pàgina d'inici
1-1-2 Castilla y León pàgina interior
1-1-2 Castilla y León pàgina interior
1-1-2 Castilla y León pàgina interior

Los nuevos personajes se hicieron siguiendo la línea gráfica de Ofelia y los sitúan en diferentes escenarios y realizando diferentes trabajos.

Uno de los elementos clave del proyecto es la visita virtual online a las instalaciones del 1-1-2. El usuario puede navegar de forma interactiva por la sala de prensa y la sala de operaciones, explorando los distintos elementos del espacio. A medida que avanza, aparecen pantallas con información contextual que permiten entender mejor cómo se gestiona una emergencia y qué papel desempeñan los diferentes equipos.

1-1-2 Castilla y León Sala virtual
1-1-2 Castilla y León Sala virtual pantalles
1-1-2 Castilla y León Sala virtual pantalles

Clínica Dental Arízaga & Ballestar

Clínica Dental Arízaga & Ballestar

Diseño y desarrollo de la web de la Clínica Dental Arízaga & Ballestar, con una experiencia digital clara, cálida y accesible que transmite una visión humana, cercana e integral de la odontología.

Cliente

Clínica Dental Arízaga & Ballestar

Año de creación

Ámbitos del proyecto

En este proyecto se ha llevado a cabo el diseño y desarrollo de la nueva web de la Clínica Dental Arízaga & Ballestar, una consulta odontológica situada en Mataró que entiende la salud bucodental desde una visión integral, preventiva y centrada en la persona. El objetivo era trasladar esta forma de trabajar, basada en la confianza y el acompañamiento al paciente, a una experiencia digital clara, accesible y coherente con los valores de la clínica.

El diseño de la web se ha planteado para generar una sensación de calma y cercanía desde el primer contacto. La paleta de colores cálida contribuye a crear una experiencia amable y tranquilizadora, especialmente relevante en el ámbito de una clínica dental. A nivel formal, se ha trabajado la ausencia de ángulos rectos y el uso de esquinas redondeadas en los distintos elementos de la interfaz, con el objetivo de mejorar la experiencia de usuario y reducir la percepción de rigidez habitualmente asociada a este tipo de espacios.

En los encabezados se ha utilizado la tipografía PP Woodland Light, que aporta un carácter orgánico y elegante al conjunto del sitio web y contribuye a humanizar el discurso visual. Esta elección tipográfica refuerza el equilibrio entre rigor profesional y cercanía, en línea con la filosofía de la clínica.

En cuanto a los contenidos, se ha definido una estructura clara y comprensible que permite explicar la forma de trabajar de la clínica, el papel del equipo y los distintos tratamientos, priorizando una lectura cómoda y accesible. El desarrollo técnico del sitio se ha realizado a medida sobre WordPress, garantizando una gestión sencilla de los contenidos y una estructura preparada para crecer.

El resultado es una web que actúa como una extensión natural de la experiencia que ofrece la Clínica Dental Arízaga & Ballestar en su espacio físico, pensada para informar, generar confianza y facilitar el primer paso del paciente hacia la consulta.

Clínica Dental Arízaga & Ballestar
Clínica Dental Arízaga & Ballestar
Clínica Dental Arízaga & Ballestar
Clínica Dental Arízaga & Ballestar
Clínica Dental Arízaga & Ballestar

Carles Revilla

Diseño y desarrollo del nuevo sitio web de Carles Revilla, consultor de estrategia digital, con enfoque visual geométrico animado y estética minimalista y cálida.

Cliente

Carles Revilla

Año de creación

Sitio web

crevilla.com

Este proyecto fue especialmente significativo para Ideamatic, ya que estaba destinado a uno de nuestros colaboradores habituales en estrategia digital. El reto principal fue alejarnos de los recursos convencionales y proponer una solución gráfica innovadora que comunicara su trabajo sin recurrir a fotografías ni textos extensos.

La propuesta se basó en un sistema de formas geométricas simples (líneas, círculos y figuras básicas) que, mediante pequeñas animaciones, explicaban visualmente los distintos apartados y servicios. El objetivo era transmitir claridad y capacidad analítica con el menor número de elementos posible.

Para reforzar el carácter del diseño, se eligió la tipografía Presti Text para los titulares: una fuente con personalidad que aportaba contraste e interés visual dentro de un entorno altamente minimalista. Todo el sitio se desarrolló con una gama de colores tierra y un fondo beige muy suave, generando una atmósfera cálida y serena.

Este proyecto demuestra cómo el lenguaje visual, bien pensado, puede ser suficiente para transmitir valores, servicios y estilo personal sin depender de recursos tradicionales.

Carles Revilla
Carles Revilla
Carles Revilla
Carles Revilla
Carles Revilla
Carles Revilla

Asociación Catalana de Intérpretes de Música Clásica

Asociación Catalana de Intérpretes de Música Clásica

El nuevo sitio web de la Asociación Catalana de Intérpretes de Música Clásica (ACIMC), entidad sindical sin ánimo de lucro creada hace más de 30 años para defender los intereses profesionales de los intérpretes y docentes de Cataluña en el ámbito de la música clásica, supuso un reto importante.

Cliente

Associació Catalana d’Intèrprets de Música Clàssica

Año de creación

Ámbitos del proyecto

Sitio web

acimc.cat

Partimos de un sitio web ya existente que presentaba diversos problemas, muchos derivados de su antigüedad, tanto en criterios de diseño, como de usabilidad y accesibilidad.

El resultado fue un sitio web mucho más usable, accesible y dinámico que permitía difundir las actividades principales de la Asociación: InformeACIMC, ImpulsACIMC, Reintèrprets, Formación y el nuevo pódcast Classificats. Además, la plataforma incorporó un perfil de socio mucho más completo, en el que, como novedad, se podían añadir vídeos, listas de Spotify y una galería de imágenes. También se diseñó una página de inicio bien estructurada, con las noticias más actuales y un acceso directo y rápido a las actividades organizadas, facilitando una navegación transversal a través de una cuidadosa relación de contenidos.

En términos estructurales, el diseño de las páginas se concibió previendo la variabilidad horizontal para adaptarse a cualquier dispositivo y pensando en el responsive, además de permitir una fácil edición de los contenidos por parte de ACIMC, ya que uno de los requisitos del proyecto era gestionar y editar con facilidad la constante producción de noticias y actividades.

Associació Catalana d’Intèrprets de Música Clàssica (ACIMC)
Associació Catalana d’Intèrprets de Música Clàssica (ACIMC)
Associació Catalana d’Intèrprets de Música Clàssica (ACIMC)
Associació Catalana d’Intèrprets de Música Clàssica (ACIMC)

Para garantizar una lectura cómoda, con un contraste claro entre encabezados y cuerpo de texto, y al mismo tiempo minimizar el scroll vertical, optamos por una escala tipográfica de 1.125 Major Second, trabajando con textos de 20 px para asegurar una lectura confortable y accesible.

En cuanto a la tipografía, aunque la identidad corporativa original utilizaba la fuente Avenir, optamos por Nunito Sans para el cuerpo del texto y por la tipografía display PP Fragment para los encabezados, consiguiendo así un equilibrio entre elegancia y funcionalidad.

En relación con el cromatismo, la paleta de colores se basó en los tonos del logotipo de ACIMC: decidimos usar el violeta como color principal para los enlaces y botones, aplicando los tonos naranja de manera puntual y complementándolos con tonalidades crudas para garantizar el contraste necesario para una buena accesibilidad.

Con este enfoque, el nuevo sitio web de ACIMC mejoró significativamente la experiencia del usuario y el posicionamiento SEO, convirtiéndose en una herramienta clave para difundir los servicios y proyectos de la asociación, y demostrando un firme compromiso con la innovación y la calidad en su comunicación digital.

Barcelona Export

Diseño y desarrollo del nuevo sitio web de Barcelona Export, con una estructura rica en plantillas y una identidad visual basada en formas circulares y tonos azules para destacar servicios y casos de éxito de esta consultora de internacionalización.

Cliente

Barcelona Export

Año de creación

Ámbitos del proyecto

Barcelona Export es una consultora especializada en procesos de internacionalización empresarial. Llegaron con un sitio web antiguo que presentaba varios problemas de funcionamiento y una estructura de contenidos poco clara, lo que dificultaba tanto la navegación como la comprensión de los servicios que ofrecen.

El proyecto supuso un rediseño completo del sitio, con una reestructuración a fondo de los contenidos, una mejor jerarquización de la información y un enfoque comunicativo centrado en los casos de éxito, un elemento clave para atraer nuevos clientes.

El nuevo sitio incorpora múltiples tipologías de página (servicios, tipos de exportación, áreas de experiencia, casos de éxito, contacto, etc.), por lo que se diseñaron varias plantillas a medida que garantizan coherencia visual y facilidad de gestión de los contenidos.

Como hilo conductor del diseño, partimos del logotipo de Barcelona Export, al que aplicamos un restyling sutil. Nos inspiramos en las formas circulares unidas por líneas para construir una retícula visual que articula todo el sitio, basada en círculos de distintos tonos de azul y gris. Esta retícula estructura los bloques de contenido de forma fluida y clara, aportando una identidad visual propia y reconocible.

Para reforzar esta identidad, también trabajamos con una iconografía sencilla y funcional para identificar secciones y elementos, y con composiciones fotográficas integradas en la retícula, mediante transparencias y formatos variados que aportan dinamismo sin sobrecargar la interfaz.

Barcelona Export
Barcelona Export
Barcelona Export
Barcelona Export
Barcelona Export

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ó

Transformit

Creación y diseño web para Transformit, un proyecto del European Forest Institute que tiene como objetivo la conservación de la biodiversidad forestal.

Cliente

European Forest Institute (EFI)

Año de creación

Ámbito del proyecto

Transformit es una iniciativa del European Forest Institute centrada en la gestión forestal sostenible, la preservación de la biodiversidad y la promoción de los servicios ecosistémicos. Su principal objetivo es proteger los bosques europeos mediante enfoques innovadores y colaborativos que fomenten la conservación de la naturaleza.

Nuestra tarea consistía en diseñar una página web que reflejara la relevancia de estos valores y que sirviera como plataforma efectiva para comunicar las acciones y resultados del proyecto.

Nos basamos en la identidad corporativa existente y en la idea central del logotipo, que evocaba la imagen de un vitral, donde varios elementos se entrelazan a través de líneas que conectan y definen las formas. Esta metáfora visual inspiró el concepto de diseño, donde las imágenes de la web se presentan a través de márgenes y formas, imitando el efecto de un vitral. Este planteamiento no sólo es visualmente atractivo, sino que aporta coherencia con la identidad gráfica del proyecto.

La línea gráfica de la web se define por un estilo minimalista, con grandes bloques de color que contrastan con imágenes impactantes, creando un equilibrio entre claridad y modernidad. Los gráficos de líneas simples se integran con estos elementos visuales, reforzando la estética limpia y actual. Este enfoque permite que los principales valores del proyecto, como la sostenibilidad y la conservación de los ecosistemas, sean el foco de atención.

En su conjunto, la web no sólo transmite la importancia de la conservación forestal, sino que también se convierte en una herramienta de comunicación eficaz para los esfuerzos del proyecto Transformit.

Pàgina inici web Transformit
Pàgina interior web Transformit
Pàgina interior web Transformit

Además, para la página de inicio creamos una animación en la que diferentes elementos gráficos se desplazan, reforzando la idea de movimiento y transformación en la gestión forestal. Esta animación no sólo aporta dinamismo al sitio, sino que también captura el espíritu innovador del proyecto Transformit.

También integramos un mapa dinámico que muestra las diferentes zonas de los “Living Labs”, áreas específicas en las que se llevan a cabo acciones concretas para la conservación de la biodiversidad y el desarrollo de prácticas forestales sostenibles. Este mapa permite a los usuarios interactuar con las distintas regiones y obtener información detallada sobre los trabajos que se realizan en cada una.

El resultado final fue un sitio web que combina una experiencia visual atractiva con una navegación intuitiva, facilitando la difusión de los esfuerzos del proyecto Transformit.