Verificat

Diseño y programación de la web de Verificat, un diario online especializado en la verificación de noticias.

Cliente

Associació Verificat

Año de creación

Sitio web

verificat.cat

Verificat es un medio digital dedicado a la verificación de noticias, aspecto crucial en la era de la información, donde la proliferación de noticias falsas y la desinformación exigen un trabajo riguroso y especializado. El objetivo del proyecto era modernizar su plataforma online para mejorar su usabilidad, adaptabilidad y destacar más eficazmente su tarea en el ámbito de la verificación de la información.

El proyecto se desarrolló en dos fases diferenciadas:

En la primera fase, nos centramos en la migración completa del sitio web. Verificat contaba con una web creada con Expression Engine, y el principal reto fue transferir toda la información y estructura al sistema WordPress. Este proceso incluyó la exportación de todos los artículos, asegurándonos que cada uno mantuviera sus categorías originales para preservar la organización del contenido. Además, se crearon nuevas plantillas adaptadas para las distintas tipologías de páginas.

Una vez que la web fue importada a WordPress, pasamos a la segunda fase, que consistía en implementar el nuevo diseño. El objetivo era optimizar la estructura de navegación y reorganizar su contenido para mejorar la experiencia del usuario. Se creó un nuevo árbol de contenidos que permitía una navegación más fluida y destacaba claramente el trabajo de Verificat. La nueva estructura no sólo facilitaba la búsqueda de información, sino que también ponía énfasis en las áreas clave de Verificat.

Web Verificat pàgina inici
Web Verificat pàgina interior
Web Verificat pàgina de notícia
Web Verificat pàgina de l'equip

Por lo que respecta al diseño, respetamos la imagen corporativa básica existente, pero introdujimos mejoras significativas en términos de usabilidad y adaptación al formato digital. Una de las principales modificaciones fue el cambio de tipografía, escogiendo una más adecuada para el entorno web, lo que mejoró tanto la legibilidad como la estética general del sitio. El diseño siguió una línea simple y funcional, alineada con los valores de claridad y precisión que definen a Verificat. Se priorizó una estructura limpia, que permitiera una rápida identificación de las secciones de contenido y facilitara el acceso a los artículos verificados.

Para la maquetación, utilizamos Gutenberg, el editor visual nativo de WordPress, lo que permitió la creación de un sistema modular flexible. Desarrollamos varios módulos reutilizables para las distintas páginas, con el objetivo de facilitar al equipo de Verificat la creación de nuevas páginas y secciones en el futuro, sin necesidad de asistencia técnica externa. Este enfoque modular les proporciona una mayor autonomía para gestionar y actualizar el contenido a medida que su trabajo evoluciona.

El resultado final fue una página web moderna, intuitiva y fácil de gestionar, que no sólo mejoró la presentación de la información, sino que también reforzó la identidad y misión de Verificat como referente en la verificación de noticias.

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

Manuel Busquet Abogados

Diseño y desarrollo del nuevo sitio web de Manuel Busquet Abogados, coincidiendo con su 35º aniversario. Un sitio moderno, accesible y alineado con su identidad corporativa para mejorar la experiencia de usuario y reforzar su presencia digital.

Cliente

Manuel Busquet Advocats

Año de creación

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.

Manuel Busquet Advocats
Manuel Busquet Advocats
Manuel Busquet Advocats
Manuel Busquet Advocats
Manuel Busquet Advocats
Manuel Busquet Advocats

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.

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.

23:45 Arquitectes

Auditoría SEO y análisis estratégico, creación de contenidos, diseño y desarrollo de la web del estudio de arquitectura de Barcelona 23:45 Arquitectos. Dos de los retos fueron modernizar el diseño y mejorar el posicionamiento de la web para atraer más tráfico de calidad.

Cliente

23:45 Arquitectes

Año de creación

Cuando se nos propuso la renovación de la web del estudio, nos encontramos con varios retos, ya que la web anterior presentaba carencias importantes: un diseño anticuado, no era 100% responsive, las páginas apenas tenían contenidos de texto, y la URL no contenía ninguna palabra clave, hechos que perjudicaban considerablemente su posicionamiento.

Otro de los retos de la nueva web fue conseguir un tráfico de calidad para acercar más el estudio al tipo de cliente deseado.

Empezamos con la auditoría SEO para identificar ante todo los problemas que debían solucionarse y que había que evitar repetir. Identificamos los objetivos de la web y los segmentos de búsqueda a los que queríamos llegar.

Se analizó su posicionamiento, la competencia, las palabras clave, y se preparó el SEO On-Page para cada una de las páginas. El informe también sirvió para definir el árbol de contenidos que tendría la web antes de la su ejecución.

23:45 Arquitectes
23:45 Arquitectes
23:45 Arquitectes

Monday Happy Monday

Definición de una estrategia de contenidos web alineada con los nuevos objetivos de esta empresa de Design Thinking. Elaboración de textos, diseño y creación de la nueva web.

Cliente

Monday Happy Monday

Año de creación

Cuando recibimos el encargo de Monday Happy Monday, su web presentaba problemas y evidentes oportunidades de mejora. Por un lado, partíamos de un diseño anticuado, pero el principal problema era que los servicios y objetivos de la empresa habían evolucionado con el tiempo y no se reflejaban en su web, lo que podía sesgar su posicionamiento SEO y no dirigir se al público adecuado.

Por tanto, ante todo, se diseñó una estrategia para identificar contenidos y elaborar un contento plan alineado con los objetivos de la web.

Una vez identificadas las palabras clave, también se elaboraron los principales microcontenidos de la web y los textos para las páginas finales de cada uno de los servicios.

Monday Happy Monday
Monday Happy Monday

Antes del diseño, se crearon los prototipos o wireframes, propuestas de estructura y distribución de la información por página, con el tipo de recursos necesarios.

Estas propuestas sin diseño ni contenido permitieron que la nueva web se hiciera pensando en la estrategia global, reforzando los itinerarios de información más relevantes y acercándose a la consecución de los objetivos del cliente.

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

FLEGT: Plataforma de Gestión del Conocimiento

FLEGT: Plataforma de Gestión del Conocimiento

Digitalización del flujo de gestión para el European Forest Institute FLEGT mediante una plataforma a medida que optimiza procesos de trabajo y mejora la gestión del conocimiento.

Cliente

European Forest Institute

Año de creación

El European Forest Institute FLEGT es un organismo internacional dedicado a regular la explotación forestal a nivel mundial, promoviendo la sostenibilidad y la legalidad en el comercio de madera. Ideamatic colaboró estrechamente con su equipo para reimaginar y digitalizar el flujo de gestión del conocimiento relacionado con los acuerdos bilaterales que establecen con los países donde operan.

El proyecto incluyó una fase inicial de análisis profundo de los procesos internos para detectar puntos de mejora y necesidades específicas. A partir de este análisis, se desarrolló una plataforma a medida capaz de integrar y optimizar los flujos de información, facilitando el acceso, el intercambio y la gestión de datos de manera eficiente y segura.

El resultado fue un gran proyecto de etnografía corporativa, estrategia digital y construcción completa de una plataforma adaptada a su organización. Esta herramienta no solo simplificó la gestión administrativa y documental, sino que también mejoró significativamente la colaboración entre equipos y la toma de decisiones basada en datos.

Este enfoque integral permitió al European Forest Institute FLEGT agilizar sus procesos de trabajo, reforzando su capacidad para cumplir los objetivos de sostenibilidad y legalidad en la explotación forestal.

FLEGT: Plataforma de Gestió del Coneixement
FLEGT: Plataforma de Gestió del Coneixement

Pla Estratègic Metropolità de Barcelona (PEMB)

Pla Estratègic Metropolità de Barcelona (PEMB)

Creación de la nueva web del Plan Estratégico Metropolitano de Barcelona (PEMB) para modernizar su aspecto, estructura y funcionalidades, y acercarlo a las necesidades actuales.

Cliente

Pla Estratègic Metropolità de Barcelona (PEMB)

Año de creación

Ámbitos del proyecto

Sitio web

pemb.cat

Este proyecto supuso una actualización completa de la imagen del PEMB, haciendo que la web no sólo fuese visualmente atractiva, sino también funcional e intuitiva. Además, se enfocó en reforzar la presencia digital de los principales proyectos de la institución, asegurando que éstos estuvieran bien destacados y accesibles para todos los usuarios.

La nueva web se diseñó como una herramienta 100% a medida mediante Bugalú, un gestor de contenidos (CMS) desarrollado por nosotros, con una arquitectura ágil, escalable y flexible, capaz de crecer a medida que el PEMB evoluciona. También incluye espacios específicos para resaltar los proyectos más significativos, garantizando que la plataforma sea una ventana efectiva para mostrar el impacto y objetivos de la institución.

PEMB