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 Kit Digital

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 Kit Digital

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 Kit Digital

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 Kit Digital

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.

Clínica Dental Oriol Cantó

admin on 12/03/2024

Client

Clínica Dental Oriol Cantó

Any de creació

2024

Àmbits del projecte

Disseny web a mida Kit Digital

Lloc web

clinicaoriolcanto.com

El projecte del nou web de la Clínica Dental Oriol Cantó es va desenvolupar partint de la seva identitat corporativa, respectant els elements gràfics essencials i adaptant-los a un entorn digital modern i accessible. L’objectiu principal va ser crear una experiència d’usuari clara i fluida, amb un disseny que transmetés professionalitat i proximitat, alhora que optimitzava la llegibilitat i la navegabilitat del web.

L’estructura del web es va definir seguint els prototips inicials, però durant el procés de disseny es van introduir millores per optimitzar l’experiència d’usuari. Es va treballar amb una composició ordenada i neta, on les formes rectangulars del símbol del logotip es van traslladar a diversos elements gràfics, com els botons i les fotografies, reforçant així la coherència visual i la identitat de la clínica.

Un dels aspectes clau del projecte va ser la selecció tipogràfica. La tipografia del logotip de la clínica és la Klavika Basic, una font de caràcter fort i modern que es va mantenir per als encapçalaments. Tot i això, a causa de la seva menor llegibilitat en cossos de text petits, es va optar per Aktiv Grotesk com a tipografia secundària per als textos del web. Aquesta elecció va permetre millorar la lectura i garantir una experiència òptima per a tots els usuaris.

A més, es va treballar amb un cos de text central de 24 píxels, una mida superior a l’estàndard, pensada per afavorir la llegibilitat i garantir una accessibilitat òptima. Aquest detall va ser especialment rellevant, tenint en compte el compromís de la clínica amb l’atenció a persones amb necessitats especials. Això ens va permetre assegurar-nos que el web complís els requisits d’accessibilitat AA.

El cromatisme del web es va basar en els colors corporatius de la clínica, mantenint el blau i el gris fosc com a tons principals. No obstant això, per evitar que el disseny resultés massa asèptic o fred, es va incorporar una gamma de tonalitats més càlides. Aquesta combinació no només va afegir varietat i equilibri al disseny, sinó que també va reforçar la sensació de proximitat i confort, valors essencials en l’àmbit de l’atenció sanitària.

El resultat final va ser un web modern, dinàmic i visualment atractiu, alineat amb els valors i la identitat de la Clínica Dental Oriol Cantó. L’ús d’una estructura clara, una tipografia optimitzada i una paleta cromàtica equilibrada va permetre millorar significativament l’experiència d’usuari i garantir un accés fàcil i intuïtiu a tota la informació.

Aquest projecte va suposar una actualització important en la presència digital de la clínica, dotant-la d’un web funcional i alineat amb les seves necessitats actuals, tot mantenint la seva essència i reforçant-ne la imatge de professionalitat i proximitat.