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.

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

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.

Verificat

admin on 19/02/2024

Client

Associació Verificat

Any de creació

2024

Àmbits del projecte

Disseny web a mida Estratègia web Màrqueting digital i SEO

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.

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.

Santacreu Design

admin on 02/02/2024

Client

Santacreu Design

Any de creació

2024

Àmbits del projecte

Disseny web a mida

Lloc web

santacreudesign.com

Santacreu Design és un estudi d’interiorisme amb seu a Barcelona, reconegut pel seu enfocament en la creació d’espais elegants i funcionals per a clíniques dentals, òptiques i oficines. La primera versió de la seva pàgina web la vam desenvolupar l’any 2015, i tot i que en aquell moment complia les expectatives, especialment en termes de disseny i SEO, amb el temps va sorgir la necessitat d’una actualització per adaptar-se a un format més modern i funcional. L’objectiu del nou disseny era aprofitar els avantatges tècnics de WordPress, utilitzant l’editor Gutenberg, alhora que s’alineava l’estètica del web amb la nova identitat corporativa de l’estudi.

Amb el canvi d’identitat de marca, el disseny del web havia de reflectir una imatge renovada, amb un estil més contemporani. Es va triar una nova paleta de colors, inspirada en tons terrosos, per aportar una sensació càlida i sofisticada que s’ajustava a l’esperit dels projectes de Santacreu Design. Pel que fa a l’estil visual, vam optar per un enfocament minimalista, amb fotografies dels projectes organitzades en estructures de columnes, donant més protagonisme a les imatges i permetent que els detalls del treball de l’estudi fossin els principals elements visuals.

L’actualització del web també va incloure una nova presentació dels projectes de l’estudi. Es va augmentar la mida de les imatges, millorant-ne tant la qualitat com l’impacte visual, cosa que va permetre als visitants apreciar millor els detalls i acabats dels projectes d’interiorisme, reforçant la percepció de qualitat i professionalitat que caracteritza Santacreu Design.

Una altra millora clau va ser l’optimització del sistema de cerca de projectes. Es va reestructurar la manera d’organitzar els projectes, agrupant-los per categories per fer la navegació més intuïtiva i accessible. Això permetia als usuaris trobar més fàcilment els projectes que els interessaven, i alhora brindava al client una eina eficaç per mostrar la seva cartera de manera clara i categoritzada, millorant la usabilitat general del lloc.

En conjunt, el nou disseny del web de Santacreu Design no només va aconseguir una actualització visual coherent amb la nova identitat de la marca, sinó que també va millorar significativament l’experiència d’usuari i la funcionalitat del lloc.

Hachazuela

admin on 10/12/2023

Client

Hachazuela

Any de creació

2023

Àmbits del projecte

Identitat corporativa Disseny web a mida eCommerce

Lloc web

hachazuela.com

El projecte per a Hachazuela va suposar una renovació integral de la seva identitat digital, començant per un restyling del logotip i seguint amb el disseny d’un nou ecommerce pensat per millorar l’experiència d’usuari i facilitar el procés de compra. L’objectiu principal va ser aconseguir un equilibri entre originalitat i funcionalitat, destacant la personalitat del taller sense comprometre la usabilitat del web.

El disseny del web es va desenvolupar a partir d’una paleta de colors càlida i neutra, creant un entorn visual atractiu però sense distraccions innecessàries. Es va prioritzar un enfocament clar i net, on la navegació intuïtiva i la facilitat d’ús fossin elements clau per millorar l’experiència de compra.

Per a la tipografia del web, es van seleccionar dues fonts que aportessin personalitat i llegibilitat. Per als encapçalaments i textos destacats es va utilitzar Queens Condensed Light, una tipografia display elegant i amb molta presència visual, que pel seu format condensat s’adapta perfectament a la versió per a dispositius mòbils. Com a complement per al cos del text, es va optar per Brown Pro, una tipografia de pal sec lleugerament condensada que garanteix una lectura còmoda i fluida tant en majúscules com en minúscules. L’equilibri entre aquestes dues fonts va permetre aconseguir una jerarquia tipogràfica clara i efectiva.

L’arquitectura del web es va dissenyar amb una pàgina d’inici de gran impacte visual, que captés l’atenció de l’usuari i transmetés els valors del taller. A la resta del web, es va prioritzar la netedat, la importància dels espais en blanc i una navegació eficient, garantint que els productes es trobessin fàcilment i que el procés de compra es realitzés de manera ràpida i sense friccions.

Pel logotip, es va treballar a partir de la tipografia display Arsenica Variable, adaptant-ne algunes característiques per aconseguir una identitat més singular. Les ondulacions a les barres horitzontals, que recorden subtilment les vetes de la fusta, van servir com a punt de partida per reforçar el vincle amb l’artesania de Hachazuela, diferenciant-lo clarament del que es mostrava prèviament al web.

El resultat final va ser un ecommerce atractiu, amb una forta personalitat gràfica i una experiència d’usuari optimitzada, convertint el nou web d’Hachazuela en una plataforma funcional, intuïtiva i alineada amb la qualitat i l’artesania dels seus productes.