Amics del País

admin on 09/12/2025

Client

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

Any de creació

2025

Àmbits del projecte

Disseny web a mida Estratègia web

Lloc web

amicsdelpais.com

El desenvolupament del nou web d’Amics del País partia d’un lloc previ creat amb un CRM propi. L’objectiu era integrar-lo amb el web de Barcelona Tribuna, ja implementat en WordPress. Atès que aquest entorn oferia millors perspectives de creixement i s’adaptava més bé a les necessitats del projecte (notícies, activitats i publicacions), es va optar per reconstruir el web completament en WordPress.

Abans d’iniciar el disseny, es va dur a terme una reestructuració de l’arbre de continguts per facilitar la integració de les seccions i activitats de Barcelona Tribuna. A partir d’aquesta nova arquitectura es van definir els wireframes, que van permetre establir els diferents models de pàgina, ordenar i tipificar els continguts i garantir una lectura clara i coherent.

Un cop finalitzada la fase de disseny, es va realitzar una importació acurada del contingut del web anterior, assegurant la seva correcta adaptació a les noves plantilles creades per als diferents formats d’articles i seccions.

El web d’Amics del País continua evolucionant amb noves funcionalitats, com la creació d’un directori de becaris, i seguim acompanyant l’entitat en el desenvolupament de futurs apartats i millores.

Rehab-lab

admin on 15/10/2025

Client

Fundació iSocial

Any de creació

2025

Àmbits del projecte

Disseny web a mida

Lloc web

rehab-lab.cat

El disseny es va construir a partir del logotip i dels colors corporatius, establint un llenguatge visual coherent i reconeixible.Rehab-Lab dissenya i fabrica ajudes funcionals personalitzades mitjançant impressió 3D, amb l’objectiu de millorar l’autonomia i la qualitat de vida de persones amb necessitats de suport funcional. A partir d’aquesta idea central, es va crear un sistema gràfic basat en formes geomètriques bàsiques com el quadrat, el triangle i el cercle, utilitzades com a estructura visual per integrar les imatges i generar composicions clares, funcionals i alineades amb el caràcter innovador del projecte.

Projecte web Ideamatic - Rehab-lab pàgina inici

Projecte web Ideamatic - Rehab-lab pàgina interior

El cromatisme del lloc web es va resoldre a partir d’un fons gris suau, concebut com una base neutra que aporta equilibri i facilita la lectura. Sobre aquest fons es dibuixen les línies que estructuren els elements geomètrics, combinades amb blocs de color en degradat entre el blau i el violeta, utilitzats de manera puntual per destacar determinades crides a l’acció.

Les imatges es van treballar seguint aquest mateix criteri cromàtic, aplicant el degradat com a recurs d’integració visual. D’aquesta manera, els continguts gràfics s’incorporen de forma natural dins de la composició, reforçant la coherència del conjunt i aportant una identitat visual pròpia al projecte.

1-1-2 Castilla y León

admin on 15/07/2025

Client

Jasten Fröjen

Any de creació

2025

Àmbits del projecte

Disseny web a mida Il·lustració i dibuix

Lloc web

emergencias112.info

El projecte del web del 1-1-2 de Castella i Lleó es va desenvolupar en col·laboració amb l’empresa de comunicació Jasten Fröjen, amb l’objectiu de crear una eina informativa clara i accessible per a la ciutadania. El lloc web explica de manera entenedora com comunicar-se amb el servei 1-1-2, quins serveis ofereix i quin és el seu funcionament.

A nivell gràfic, el projecte parteix del personatge Ofelia, ja utilitzat prèviament en accions de comunicació. A partir dels seus colors i de la identitat corporativa existent, es va definir tota la gamma cromàtica del web i es van crear nous personatges que ajuden a estructurar i identificar les diferents seccions de contingut.

Els nous personatges es van fer seguint la línia gràfica d’Ofelia i els situen a diferents escenaris i fent diferents treballs.

Un dels elements clau del projecte és la visita virtual online a les instal·lacions del 1-1-2. L’usuari pot navegar de manera interactiva per la sala de premsa i la sala d’operacions, explorant els diferents elements de l’espai. A mesura que avança, apareixen pantalles amb informació contextual que permeten entendre millor com es gestiona una emergència i quin paper hi tenen els diferents equips.

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

Clínica Dental Arízaga & Ballestar

admin on 04/06/2025

Client

Clínica Dental Arízaga & Ballestar

Any de creació

2025

Àmbits del projecte

Disseny web a mida

Lloc web

arizagaballestar.com

En aquest projecte s’ha dut a terme el disseny i desenvolupament del nou web de la Clínica Dental Arízaga & Ballestar, una consulta odontològica situada a Mataró que entén la salut bucodental des d’una visió integral, preventiva i centrada en la persona. L’objectiu era traslladar aquesta manera de fer, basada en la confiança i l’acompanyament al pacient, a una experiència digital clara, accessible i coherent amb els valors de la clínica.

El disseny del web s’ha plantejat per generar una sensació de calma i proximitat des del primer contacte. La paleta de colors càlida contribueix a crear una experiència amable i tranquil·litzadora, especialment rellevant en l’àmbit d’una clínica dental. A nivell formal, s’ha treballat l’absència d’angles rectes i l’ús de cantonades arrodonides en els diferents elements de la interfície, amb l’objectiu de millorar l’experiència d’usuari i reduir la percepció de rigidesa sovint associada a aquest tipus d’espais.

Als encapçalaments s’ha utilitzat la tipografia PP Woodland Light, que aporta un caràcter orgànic i elegant al conjunt del web i contribueix a humanitzar el discurs visual. Aquesta elecció tipogràfica ajuda a reforçar l’equilibri entre rigor professional i proximitat, en sintonia amb la filosofia de la clínica.

Pel que fa als continguts, s’ha definit una estructura clara i entenedora que permet explicar la manera de treballar de la clínica, el paper de l’equip i els diferents tractaments, prioritzant una lectura còmoda i accessible. El desenvolupament tècnic del web s’ha realitzat a mida sobre WordPress, garantint una gestió senzilla dels continguts i una estructura preparada per créixer.

El resultat és un web que actua com una extensió natural de l’experiència que ofereix la Clínica Dental Arízaga & Ballestar al seu espai físic, pensat per informar, generar confiança i facilitar el primer pas del pacient cap a la consulta.

Carles Revilla

admin on 07/04/2025

Client

Carles Revilla

Any de creació

2025

Àmbits del projecte

Disseny web a mida Il·lustració i dibuix

Lloc web

crevilla.com

Aquest projecte va ser especialment significatiu per a Ideamatic, ja que estava destinat a un dels nostres col·laboradors habituals en estratègia digital. El repte principal era fugir dels recursos habituals i proposar una solució gràfica innovadora que parlés de la seva feina sense necessitat de fotografies ni textos extensos.

La proposta es va construir a partir d’un sistema de formes geomètriques simples (línies, cercles i figures bàsiques) que, mitjançant petites animacions, ajudaven a explicar visualment els diferents apartats i serveis. L’objectiu era transmetre claredat i capacitat d’anàlisi a través del mínim nombre d’elements.

Per reforçar el caràcter del disseny, es va escollir la tipografia Presti Text per als titulars: una font amb personalitat que aportava contrast i interès visual dins d’un entorn altament minimalista. Tot el web es va desenvolupar amb una gamma de colors terra i un fons beix molt suau, generant una atmosfera acollidora i serena.

Aquest projecte demostra com el llenguatge visual, quan està ben pensat, pot ser suficient per transmetre valors, serveis i estil personal sense necessitat de recórrer a recursos convencionals.

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

admin on 15/01/2025

Client

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

Any de creació

2025

Àmbits del projecte

Disseny web a mida

Lloc web

acimc.cat

Partíem d’un web ja existent que presentava diversos problemes, molts d’ells derivats de la seva antiguitat, tant en criteris de disseny, com d’usabilitat i accessibilitat.

El resultat va ser un web molt més usable, accessible i dinàmic que permetia difondre les activitats principals de l’Associació: InformeACIMC, ImpulsACIMC, Reintèrprets, Formació i el nou pòdcast Classificats. A més, la plataforma va incorporar un perfil de soci molt més complet, on, com a novetat, es podien afegir vídeos, llistes de Spotify i una galeria d’imatges. També es va dissenyar una pàgina d’inici ben estructurada, amb les notícies més actuals i un accés directe i ràpid a les activitats organitzades, facilitant una navegació transversal a través d’una acurada relació de continguts.

En termes estructurals, el disseny de les pàgines es va concebre preveient la variabilitat horitzontal per adaptar-se a qualsevol dispositiu i pensant en el responsive, a més de permetre una fàcil edició dels continguts per part de l’ACIMC, ja que un dels requisits del projecte era gestionar i editar amb facilitat la constant producció de notícies i activitats.

Per garantir una lectura còmoda, amb un contrast clar entre encapçalaments i cos de text, i alhora minimitzar el scroll vertical, vam optar per una escala tipogràfica de 1.125 Major Second, treballant amb textos de 20 px per assegurar una lectura confortable i accessible.

Pel que fa a la tipografia, tot i que la identitat corporativa original feia servir la font Avenir, vam optar per la Nunito Sans per al cos del text i per la tipografia display PP Fragment per als encapçalaments, aconseguint així un equilibri entre elegància i funcionalitat.

En relació amb el cromatisme, la paleta de colors es va basar en els tons del logotip de l’ACIMC: vam decidir usar el violeta com a color principal per als enllaços i botons, aplicant els tons taronja de manera puntual i complementant-los amb tonalitats crues per garantir el contrast necessari per a una bona accessibilitat.

Amb aquest enfocament, el nou web de l’ACIMC va millorar significativament l’experiència d’usuari i el posicionament SEO, convertint-se en una eina clau per difondre els serveis i projectes de l’associació, i demostrant un compromís ferm amb la innovació i la qualitat en la seva comunicació digital.

Barcelona Export

admin on 21/11/2024

Client

Barcelona Export

Any de creació

2024

Àmbits del projecte

Disseny web a mida Estratègia web

Lloc web

barcelonaexport.com

Barcelona Export és una consultoria especialitzada en processos d’internacionalització empresarial. Ens van arribar amb un web antic que presentava diversos problemes de funcionament i una estructura de continguts poc clara, fet que dificultava tant la navegació com la comprensió dels serveis que ofereixen.

El projecte va suposar un redisseny complet del lloc web, amb una reestructuració a fons dels continguts, una millor jerarquització de la informació i un enfocament comunicatiu centrat en els casos d’èxit, un element clau per captar nous clients.

El nou web incorpora múltiples tipologies de pàgina (serveis, tipus d’exportació, àrees d’experiència, casos d’èxit, contacte, etc.), i per això es van dissenyar diversos templates a mida que asseguren coherència visual i facilitat de gestió dels continguts.

Com a fil conductor del disseny, vam partir del logotip de Barcelona Export, al qual vam aplicar un restyling subtil. Ens vam inspirar en les formes circulars unides per línies per construir una retícula visual que articula tot el web, basada en cercles de diferents tonalitats de blau i gris. Aquesta retícula estructura els blocs de contingut de forma fluida i clara, aportant una identitat visual pròpia i reconeixible.

Per reforçar aquesta identitat, també vam treballar amb una iconografia senzilla i funcional per identificar seccions i elements, i amb composicions fotogràfiques integrades a la retícula, mitjançant transparències i formats variats que aporten dinamisme sense sobrecarregar la interfície.

Dmente

admin on 06/06/2024

Client

Dmente

Any de creació

2024

Àmbits del projecte

Disseny web a mida Identitat corporativa Il·lustració i dibuix

Lloc web

dmenteloc.com

Dmente és una empresa especialitzada en la cerca i gestió de localitzacions per a rodatges en produccions de cinema, sèries de televisió i publicitat. Amb una àmplia experiència en el sector audiovisual, Dmente es va proposar renovar la seva presència en línia per projectar una imatge més professional i atractiva davant dels seus clients actuals i potencials.

La pàgina web anterior, creada internament per l’empresa, presentava importants deficiències tant en el disseny com en l’usabilitat, cosa que no reflectia adequadament la qualitat del seu treball ni la seva trajectòria.

El projecte va començar amb la reestructuració completa del lloc web, dissenyant una nova arquitectura de continguts que facilités la navegació i destaqués clarament els serveis que ofereix Dmente.

L’enfocament principal va ser organitzar la informació de manera que els visitants poguessin explorar fàcilment els tipus de localitzacions i conèixer els projectes audiovisuals en què l’empresa havia participat, com ara pel·lícules, sèries i campanyes publicitàries. Per a això, es va crear un arbre de continguts que dividia els diferents serveis de manera clara i destacava les imatges de les localitzacions, acompanyades d’informació sobre els rodatges en què havien col·laborat.

Pel que fa al disseny visual, es va optar per un estil minimalista i elegant, basat en una paleta monocromàtica en blanc i negre, que oferís un contrast marcat, permetent que les fotografies de les localitzacions, presentades en gran format, fossin les veritables protagonistes del web. L’ús de blocs visuals ordenats va contribuir a crear una sensació d’ordre i professionalitat, reforçant alhora l’objectiu de presentar Dmente com un actor fiable i experimentat dins del sector audiovisual.

Finalment, es va redissenyar la icònica imatge dels micos amb càmeres, una representació que el client ja utilitzava i amb la qual volia continuar. La nova il·lustració va mantenir la idea original, però amb un enfocament més estilitzat i adaptat a l’estètica general del web. La nova imatge, a mode de grafiti, per reflectir el dinamisme de Dmente a través del que podria ser una localització.

Detall disseny web pàgina interior Dmente

A més a més del disseny web es va abordar la creació del logotip, ja que l’empresa no comptava amb una identitat visual definida.

Seguint l’estètica global del lloc web, vam desenvolupar una proposta de logotip que combinés simplicitat i caràcter.

Vam jugar amb la “D” del nom, col·locant-la al principi com a únic símbol, eliminant l’espai buit i ressaltant-ne la forma exterior. També vam ajustar l’espai entre les lletres “D” i “mente” per crear una sensació d’equilibri visual mantenint una separació uniforme entre totes les lletres. Això va donar al logotip un aspecte sòlid i minimalista.

El disseny del logotip no complementava únicament l’estil de la web, sinó que també reforçava la identitat visual de la marca.

Transformit

admin on 05/05/2024

Client

European Forest Institute (EFI)

Any de creació

2024

Àmbits del projecte

Disseny web a mida

Lloc web

transformforests.eu

Transformit és una iniciativa de l’European Forest Institute centrada en la gestió forestal sostenible, la preservació de la biodiversitat i la promoció dels serveis ecosistèmics. El seu objectiu principal és protegir els boscos europeus mitjançant enfocaments innovadors i col·laboratius que fomentin la conservació de la natura.

La nostra tasca consistia a dissenyar una pàgina web que reflectís la rellevància d’aquests valors i que servís com a plataforma efectiva per comunicar les accions i resultats del projecte.

Ens vam basar en la identitat corporativa existent i en la idea central del logotip, que evocava la imatge d’un vitrall, on diversos elements s’entrellacen a través de línies que connecten i defineixen les formes. Aquesta metàfora visual va inspirar el concepte de disseny, on les imatges del web es presenten a través de marges i formes, imitant l’efecte d’un vitrall. Aquest plantejament no només és visualment atractiu, sinó que també aporta coherència amb la identitat gràfica del projecte.

La línia gràfica del web es defineix per un estil minimalista, amb grans blocs de color que contrasten amb imatges impactants, creant un equilibri entre claredat i modernitat. Els gràfics de línies simples s’integren amb aquests elements visuals, reforçant l’estètica neta i actual. Aquest enfocament permet que els valors principals del projecte, com la sostenibilitat i la conservació dels ecosistemes, siguin el focus d’atenció.

En conjunt, el web no només transmet la importància de la conservació forestal, sinó que també es converteix en una eina de comunicació eficaç per als esforços del projecte Transformit.

A més, per a la pàgina d’inici vam crear una animació on diferents elements gràfics es desplacen, reforçant la idea de moviment i transformació en la gestió forestal. Aquesta animació no sols aporta dinamisme al lloc, sinó que també captura l’esperit innovador del projecte Transformit.

També vam integrar un mapa dinàmic que mostra les diferents zones dels “Living Labs”, àrees específiques on es duen a terme accions concretes per a la conservació de la biodiversitat i el desenvolupament de pràctiques forestals sostenibles. Aquest mapa permet als usuaris interactuar amb les diferents regions i obtenir informació detallada sobre els treballs que es realitzen a cadascuna.

El resultat final va ser un lloc web que combina una experiència visual atractiva amb una navegació intuïtiva, facilitant la difusió dels esforços del projecte Transformit.

Wildcard Project

admin on 04/04/2024

Client

European Forest Institute (EFI)

Any de creació

2024

Àmbits del projecte

Disseny web a mida Il·lustració i dibuix

Lloc web

wildcard-project.eu

Wilcard Project és un projecte de l’European Forest Institute que se centra en la regeneració natural d’ecosistemes afectats, promovent la restauració de la biodiversitat i l’equilibri dels entorns forestals. El disseny del lloc web havia de transmetre aquesta visió de renovació i connexió amb el medi ambient, tot mantenint una coherència amb la identitat corporativa del projecte.

Des de l’inici del projecte, vam optar per un enfocament visual que evocava els ecosistemes forestals mitjançant l’ús d’un collage que simbolitzava la diversitat i complexitat dels boscos. Per materialitzar aquest concepte, vam seleccionar amb cura una combinació de fotografies, textures i formes de color que representaven la riquesa dels paisatges naturals. Aquests elements gràfics es van utilitzar de manera consistent a tot el web, creant una estètica visual dinàmica i coherent que reflectia l’essència del projecte.

Els colors corporatius del Wilcard Project van servir com a base per al disseny, tot i que vam tenir llibertat creativa per desenvolupar elements gràfics addicionals. Aquesta llibertat ens va permetre explorar combinacions atrevides de textures i colors, reforçant el caràcter únic del projecte. Les imatges de la natura, juntament amb formes orgàniques i tons terrosos, es van integrar per donar vida al concepte de regeneració i creixement natural.

Un dels recursos destacats del lloc web va ser la integració de vídeos com a fons visuals, delimitats per traços de color que actuaven com a marcs. Això va aportar dinamisme a l’experiència de l’usuari, fent la pàgina més immersiva i ressaltant els elements visuals clau del projecte. Els vídeos mostraven de manera viva l’ecosistema en procés de regeneració, alineant-se perfectament amb la missió del Wilcard Project.

Un altre aspecte distintiu del disseny va ser l’ús de collages i infografies, que van permetre comunicar visualment els conceptes clau sobre la restauració d’ecosistemes. Per garantir la coherència visual, vam unificar els collages amb colors consistents, formes arrodonides i línies suaus. Aquesta combinació va ajudar a mantenir una harmonia visual al llarg del lloc web, creant una experiència gràfica atractiva i fluida per als usuaris.

El resultat final és una pàgina web que combina creativitat, funcionalitat i una forta identitat visual, oferint una plataforma que no només comunica la missió del Wilcard Project, sinó que també inspira els visitants a comprendre la importància de la regeneració d’ecosistemes danyats.