Verificat

Disseny i programació del web de Verificat, un diari online especialitzat en la verificació de notícies.

Client

Associació Verificat

Any de creació

Lloc web

verificat.cat

Verificat és un mitjà digital dedicat a la verificació de notícies, un aspecte crucial en l’era de la informació, on la proliferació de notícies falses i la desinformació exigeixen un treball rigorós i especialitzat. L’objectiu del projecte era modernitzar la seva plataforma en línia per millorar-ne la usabilitat, l’adaptabilitat i destacar més eficaçment la seva tasca en l’àmbit de la verificació de la informació.

El projecte es va desenvolupar en dues fases diferenciades:

En la primera fase, ens vam centrar en la migració completa del lloc web. Verificat comptava amb un web creat amb Expression Engine, i el principal repte va ser transferir tota la informació i estructura al sistema WordPress. Aquest procés va incloure l’exportació de tots els articles, assegurant-nos que cadascun mantingués les seves categories originals per preservar l’organització del contingut. A més, es van crear noves plantilles adaptades per a les diferents tipologies de pàgines.

Un cop el web va ser importat a WordPress, vam passar a la segona fase, que consistia en implementar el nou disseny. L’objectiu era optimitzar l’estructura de navegació i reorganitzar el contingut per millorar l’experiència de l’usuari. Es va crear un nou arbre de continguts que permetia una navegació més fluida i destacava clarament el treball de Verificat. La nova estructura no només facilitava la cerca d’informació, sinó que també posava èmfasi en les àrees clau 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

Pel que fa al disseny, vam respectar la imatge corporativa bàsica existent, però vam introduir millores significatives en termes d’usabilitat i adaptació al format digital. Una de les principals modificacions va ser el canvi de tipografia, escollint-ne una més adequada per a l’entorn web, la qual cosa va millorar tant la llegibilitat com l’estètica general del lloc. El disseny va seguir una línia simple i funcional, alineada amb els valors de claredat i precisió que defineixen Verificat. Es va prioritzar una estructura neta, que permetés una ràpida identificació de les seccions de contingut i facilités l’accés als articles verificats.

Per a la maquetació, vam utilitzar Gutenberg, l’editor visual natiu de WordPress, la qual cosa va permetre la creació d’un sistema modular flexible. Vam desenvolupar diversos mòduls reutilitzables per a les diferents pàgines, amb l’objectiu de facilitar a l’equip de Verificat la creació de noves pàgines i seccions en el futur, sense necessitat d’assistència tècnica externa. Aquest enfocament modular els proporciona una autonomia més gran per gestionar i actualitzar el contingut a mesura que el seu treball evoluciona.

El resultat final va ser una pàgina web moderna, intuïtiva i fàcil de gestionar, que no només va millorar la presentació de la informació, sinó que també va reforçar la identitat i la missió de Verificat com a referent en la verificació de notícies.

Energiehaus

Disseny i desenvolupament web i imatge corporativa d’Energiehaus.

Client

Energiehaus

Any de creació

El nou web d’Energiehaus, un estudi barceloní d’arquitectura i consultoria especialitzat en arquitectura sostenible i construcció sota els estàndards de Casa Pasiva (Passivhaus), va suposar un desafiament per nosaltres. El nou lloc necessitava integrar una plataforma corporativa amb diversos serveis, un Showroom, la secció Showpass, una botiga en línia per a la venda de cursos, una àrea d’esdeveniments i un bloc, exigint un desenvolupament integral que cobrís tant la creació de la imatge corporativa com el disseny i el desenvolupament del web.

El projecte va començar amb la creació de prototips o wireframes per estructurar les pàgines de manera clara i funcional. La navegació intuïtiva era una prioritat, permetent als usuaris accedir fàcilment a l’ampli ventall de serveis que ofereix Energiehaus. Cada secció, des de la botiga en línia fins al bloc, es va dissenyar amb una identitat visual pròpia, però mantenint una coherència general amb la imatge de marca.

El client es va decantar per un disseny basat en collages que combinaven figures naturals com arbres i altres elements ambientals amb fotografies retallades en blanc i negre. Aquest enfocament estètic distintiu reforçava el missatge de sostenibilitat, alhora que mantenia una imatge elegant i moderna. Vam dissenyar també una sèrie d’infografies i icones que seguien aquesta línia gràfica per comunicar visualment els serveis d’Energiehaus de manera clara i atractiva.

Pàgina d'inici detall
Pàgina interior Energiehaus
Pàgina d'inici detall Energiehaus
Pàgina interior Energiehaus

Exemples de collages que es van realitzar per a les capçaleres i elements del web.

Paral·lelament, vam desenvolupar un nou logotip inspirat en el concepte de Casa Passiva, on l’energia externa envolta i beneficia l’interior d’una construcció. El logotip utilitzava una icona d’una casa, representant aquest flux d’energia de manera simple però poderosa. El contrast entre el color negre del logotip i el groc intens que l’envoltava reforçava la identitat visual de la marca, simbolitzant l’energia que envolta i protegeix, un element clau en la filosofia d’Energiehaus.

El resultat final va ser una pàgina web dinàmica, estèticament atractiva i altament funcional que va capturar perfectament els valors d’innovació, sostenibilitat i eficiència energètica d’Energiehaus, consolidant la seva presència en línia i millorant la comunicació de la seva expertesa en arquitectura sostenible.

Logo Energiehaus

Manuel Busquet Advocats

Disseny i desenvolupament del nou web de Manuel Busquet Advocats, coincidint amb el seu 35è aniversari. Un web modern, accessible i alineat amb la seva identitat corporativa per millorar l’experiència d’usuari i reforçar la seva presència digital.

Client

Manuel Busquet Advocats

Any de creació

Lloc web

mbaadvocats.com

Manuel Busquet Advocats és un dels nostres clients més antics, amb qui mantenim una col·laboració que va començar l’any 2012. Coincidint amb el 35è aniversari de la firma manresana, ens van confiar el desenvolupament del seu nou web, amb l’objectiu d’actualitzar tant el disseny com l’estructura de continguts per adaptar-los a les necessitats actuals.

Aquest projecte suposava un repte significatiu respecte al primer web desenvolupat fa més de 10 anys. La nova proposta es va centrar en simplificar la navegació, crear una estratègia de continguts millorada i enriquir les descripcions dels serveis jurídics. Això va permetre no només optimitzar el posicionament SEO, sinó també oferir informació més clara i detallada als usuaris.

Per aconseguir-ho, vam optar per un disseny essencialment tipogràfic, basat en els colors de la identitat corporativa de Manuel Busquet Advocats, utilitzant imatges conceptuals per il·lustrar les diferents àrees jurídiques. Aquesta combinació aportava un equilibri visual atractiu, a més de reforçar la imatge professional i seriosa de la firma.

Tipogràficament, vam escollir l’Arsenica Variable per als encapçalaments. Aquesta tipografia serif destaca per les seves barres horitzontals ondulades, que aporten un toc distintiu i sofisticat. La seva morfologia i el seu estil clàssic eren ideals per transmetre la professionalitat i l’elegància que caracteritzen Manuel Busquet Advocats.

Per al cos de text, vam optar per la Neue Haas Unica, una tipografia sans-serif moderna i versàtil. Amb les seves línies netes i proporcions equilibrades, aquesta font assegura una llegibilitat òptima, especialment en textos llargs. La seva aparença neutra i minimalista facilita la comprensió dels continguts i manté una imatge coherent amb l’estil elegant dels encapçalaments.

L’ús combinat de l’Arsenica Variable i la Neue Haas Unica crea un contrast harmònic que permet destacar els titulars amb caràcter, mentre manté una lectura fluida i agradable per al cos de text. Aquesta elecció tipogràfica reforça la imatge professional i refinada del web, aportant personalitat sense perdre claredat.

Pel que fa al cromatisme, vam buscar un equilibri entre la potència del vermell corporatiu, la sobrietat del blanc i el negre, i una tonalitat crua addicional que suavitza la transició entre el vermell i el blanc. Els tons blanc i negre es van utilitzar especialment en les fotografies de les diferents àrees jurídiques i en fons puntuals, aportant coherència i elegància al conjunt.

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

El resultat final és un web modern, accessible i alineat amb la identitat corporativa de Manuel Busquet Advocats. Un disseny tipogràfic net i un cromatisme equilibrat permeten una experiència d’usuari òptima i una presentació clara dels serveis jurídics, millorant significativament la presència digital de la firma.

Praxis

Desenvolupament web i disseny de Praxis Resilient Buildings, empresa d’enginyeria per a edificis saludables i confortables.

Client

Praxis Resilient Buildings

Any de creació

Lloc web

praxis-rb.com

Praxis Resilient Buildings és una empresa especialitzada en enginyeria, consultoria energètica i certificació Passivhaus, dedicada a la creació d’edificis sostenibles, saludables i eficients.

El projecte web es va realitzar en dues fases: en la primera fase, es va desenvolupar una pàgina web amb contingut bàsic i es va integrar una plataforma de cursos en línia, permetent als usuaris accedir a formació específica de manera senzilla i directa.

En la segona fase, es va dur a terme una consultoria d’estratègia de continguts i SEO, durant la qual es van adaptar el contingut i l’estructura del web per optimitzar-ne el posicionament en cercadors, aconseguint així una millora en la visibilitat i l’atracció de nous clients. A més, es van realitzar més canvis en el disseny, ajustant-lo a les necessitats de l’empresa i reforçant-ne la identitat visual per transmetre els valors de sostenibilitat i eficiència de manera clara i atractiva.

Pàgina d'inici web Praxis
Detall web Praxis
Detall web Praxis

Vam dissenyar icones personalitzades per representar els diferents serveis i cursos en línia, aconseguint una coherència gràfica amb la resta del disseny i facilitant la navegació dels usuaris.

23:45 Arquitectes

Auditoria SEO i anàlisi estratègica, creació de continguts, disseny i desenvolupament del web de l’estudi d’arquitectura de Barcelona 23:45 Arquitectes. Dos dels reptes van ser modernitzar el disseny i millorar el posicionament del web per atraure més trànsit de qualitat.

Client

23:45 Arquitectes

Any de creació

Quan se’ns va proposar la renovació del web de l’estudi, ens vam trobar amb diversos reptes, ja que el web anterior presentava mancances importants: un disseny antiquat, no era 100% responsive, les pàgines gairebé no tenien continguts de text, i l’URL no contenia cap paraula clau, fets que perjudicaven considerablement el seu posicionament.

Un altre dels reptes del nou web va ser aconseguir un trànsit de qualitat per apropar més l’estudi al tipus de client desitjat.

Vam començar amb l’auditoria SEO per identificar primer de tot els problemes que s’havien de solucionar i que calia evitar repetir. Vam identificar els objectius del web i els segments de cerca als quals volíem arribar.

Es va analitzar el seu posicionament, la competència, les paraules clau, i es va preparar el SEO On-Page per a cadascuna de les pàgines. L’informe també va servir per definir l’arbre de continguts que tindria el web abans de la seva execució.

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

Monday Happy Monday

Definició d’una estratègia de continguts web alineada amb els nous objectius d’aquesta empresa de Design Thinking. Elaboració de textos, disseny i creació del nou web.

Client

Monday Happy Monday

Any de creació

Quan vam rebre l’encàrrec de Monday Happy Monday, el seu web presentava problemes i evidents oportunitats de millora. D’una banda, partíem d’un disseny antiquat, però el problema principal era que els serveis i objectius de l’empresa havien evolucionat amb el temps i no es reflectien al seu web, fet que podia esbiaixar el seu posicionament SEO i no adreçar-se al públic adequat.

Per tant, abans de res, es va dissenyar una estratègia per identificar continguts i elaborar un content plan alineat amb els objectius del web.

Un cop identificades les paraules clau, també es van elaborar els principals microcontinguts del web i els textos per a les pàgines finals de cadascun dels serveis.

Monday Happy Monday
Monday Happy Monday

Abans del disseny, es van crear els prototips o wireframes, propostes d’estructura i distribució de la informació per pàgina, amb el tipus de recursos necessaris.

Aquestes propostes sense disseny ni contingut van permetre que el nou web es fes pensant en l’estratègia global, reforçant els itineraris d’informació més rellevants i apropant-se a la consecució dels objectius del client.

Cursos per Cambra de Comerç de Barcelona

Cursos per Cambra de Comerç de Barcelona

Creació de contingut, disseny, desenvolupament i tutories de cursos de WordPress, Màrqueting online, SEO, Community Manager i creació de startups per a Cambra de Comerç de Barcelona.

Client

Cambra de Comerç de Barcelona

Any de creació

Des de l’any 2015, hem estat col·laborant estretament amb la Cambra de Comerç de Barcelona en la creació de contingut, disseny, desenvolupament i impartició de tutories per a diversos cursos online especialitzats en WordPress, Màrqueting online, SEO, Community Manager i creació de startups.

Durant aquests anys, hem desenvolupat cursos que s’adapten a les necessitats de formació actuals, aportant el nostre coneixement i experiència en cadascun dels àmbits esmentats. Els continguts dels cursos es van crear amb un enfocament pràctic i didàctic, fonamentats en casos reals i basats en les tendències més actuals del sector. A més, s’hi van incorporar il·lustracions personalitzades per facilitar la comprensió visual de conceptes tècnics.

Una part essencial de la nostra col·laboració ha estat la tutoria i el seguiment dels alumnes, proporcionant assessorament personalitzat durant tot el procés formatiu. Aquest compromís ens ha permès establir una relació de confiança amb els alumnes i la Cambra de Comerç, assegurant que els cursos no només transmetessin coneixements teòrics, sinó que fossin una eina pràctica per a l’aplicació immediata en els seus projectes professionals.

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ó del Coneixement

FLEGT: Plataforma de Gestió del Coneixement

Digitalització del flux de gestió per a l’European Forest Institute FLEGT mitjançant una plataforma a mida que optimitza processos de treball i millora la gestió del coneixement.

Client

European Forest Institute

Any de creació

L’European Forest Institute FLEGT és un organisme internacional dedicat a regular l’explotació forestal a nivell mundial, promovent la sostenibilitat i la legalitat en el comerç de fusta. Ideamatic va col·laborar estretament amb el seu equip per reimaginar i digitalitzar el flux de gestió del coneixement relacionat amb els acords bilaterals que estableixen amb els països on treballen.

El projecte va incloure una fase inicial d’anàlisi profunda dels processos interns per detectar punts de millora i necessitats específiques. A partir d’aquesta anàlisi, es va desenvolupar una plataforma a mida capaç d’integrar i optimitzar els fluxos d’informació, facilitant l’accés, la compartició i la gestió de dades de manera eficient i segura.

El resultat va ser un gran projecte d’etnografia corporativa, estratègia digital i construcció completa d’una plataforma adaptada a la seva organització. Aquesta eina no només va simplificar la gestió administrativa i documental, sinó que també va millorar significativament la col·laboració entre equips i la presa de decisions basada en dades.

Aquest enfocament integral va permetre a l’European Forest Institute FLEGT agilitzar els seus processos de treball, reforçant la seva capacitat per complir els objectius de sostenibilitat i legalitat en l’explotació 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ó del nou web del Pla Estratègic Metropolità de Barcelona (PEMB) per modernitzar-ne l’aspecte, estructura i funcionalitats, i acostar-lo a les necessitats actuals.

Client

Pla Estratègic Metropolità de Barcelona (PEMB)

Any de creació

Àmbits del projecte

Lloc web

pemb.cat

Aquest projecte va suposar una actualització completa de la imatge del PEMB, fent que el web no només fos visualment atractiu, sinó també funcional i intuïtiu. A més, es va enfocar en reforçar la presència digital dels principals projectes de la institució, assegurant que aquests estiguessin ben destacats i accessibles per a tots els usuaris.

El nou web es va dissenyar com una eina 100% a mida mitjançant Bugalú, un gestor de continguts (CMS) desenvolupat per nosaltres, amb una arquitectura àgil, escalable i flexible, capaç de créixer a mesura que el PEMB evoluciona. També inclou espais específics per ressaltar els projectes més significatius, garantint que la plataforma sigui una finestra efectiva per mostrar l’impacte i els objectius de la institució.

PEMB