Disseny gràfic - Ideamatic Digital Experiences

Dmente

admin on 06/06/2024

Client

Dmente

Any de creació

2024

Àmbits del projecte

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.

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.

Flors Lloveras

admin on 10/10/2023

Client

Flors Lloveras

Any de creació

2023

Àmbits del projecte

Disseny web a mida eCommerce Il·lustració i dibuix

Lloc web

florslloveras.com

Flors Lloveras és una floristeria amb una llarga tradició a Barcelona, coneguda per l’atenció al detall i la qualitat de les seves composicions florals. L’objectiu del projecte era crear una nova pàgina web que reflectís l’estil únic de la floristeria i, alhora, integrar la botiga en línia ja existent, millorant tant la seva funcionalitat com la seva aparença. El disseny havia de transmetre la delicadesa i bellesa de les flors, al mateix temps que proporcionava una experiència d’usuari intuïtiva i eficient.

Un dels elements clau del disseny va ser la incorporació d’una sèrie de dibuixos a llapis de detalls florals, que actuaven com a fil conductor al llarg de totes les pàgines del web. Aquests dibuixos, que evocaven la delicadesa i naturalitat de les flors, funcionaven com a elements decoratius i unificadors del disseny, aportant una identitat visual coherent i distintiva. Al costat d’aquests dibuixos, es van crear collages amb fotos seleccionades acuradament, que capturaven l’essència del treball artesanal de Flors Lloveras. Aquestes imatges no només mostraven els productes, sinó que també transmetien l’ambient i la dedicació de la floristeria, connectant emocionalment amb els usuaris.

Pel que fa als colors, es va adaptar la paleta corporativa de la floristeria, mantenint una coherència visual que respectés la seva identitat de marca. Es van combinar tons suaus i naturals per crear un disseny harmònic i elegant, en sintonia amb l’estil de Flors Lloveras.

El projecte presentava un repte particular: la floristeria ja comptava amb una botiga en línia que els propietaris volien mantenir. La nostra tasca va consistir en adaptar la botiga al nou disseny, garantint que el canvi estètic no afectés ni el funcionament ni l’experiència de l’usuari. A més, vam dur a terme una revisió global del funcionament de l’eCommerce per assegurar que estigués actualitzada i funcionant de manera òptima, tant en termes de rendiment tècnic com d’usabilitat.

El resultat va ser una pàgina web que combina un disseny elegant i emotiu amb una botiga en línia completament funcional. Aquesta solució va permetre a Flors Lloveras mantenir la seva presència digital actualitzada, oferint als seus clients una plataforma atractiva i fàcil d’usar per a la compra dels seus productes. La combinació d’elements gràfics, fotografies cuidades i una estructura intuïtiva de la botiga va destacar el treball artesanal i la dedicació d’aquesta floristeria.

MARQuitectura

admin on 23/06/2023

Client

MARQuitectura

Any de creació

2023

Àmbits del projecte

Disseny web a mida Identitat corporativa

Lloc web

marq-sostenible.com

MARQuitectura és un estudi d’arquitectura amb seu a Barcelona, especialitzat en projectes d’arquitectura sostenible, compromès amb l’eficiència energètica i l’ús responsable dels recursos. Tot i la seva sòlida trajectòria en el sector, l’estudi necessitava renovar la seva pàgina web, que havia quedat obsoleta tant en disseny com en funcionalitat.

L’antic web no reflectia adequadament la qualitat i la visió de MARQuitectura. La navegació era confusa, ja que els continguts estaven separats entre la pàgina principal i un blog extern, fet que complicava l’experiència d’usuari i no transmetia una identitat visual coherent.

El projecte es va centrar en el disseny integral del lloc web, posant èmfasi en destacar visualment els projectes de l’estudi amb un enfocament net i modern. Es va apostar per donar protagonisme a imatges de gran format, aprofitant la galeria fotogràfica d’alta qualitat dels projectes destacats de MARQuitectura. Aquestes imatges es van combinar amb elements visuals sobris, com caixes de colors neutres, que harmonitzaven amb la paleta corporativa de l’estudi, respectant sempre la seva identitat visual.

A més del desenvolupament web, el projecte va incloure el redisseny del logotip. Basant-se en el concepte original, es van fer ajustaments per modernitzar-lo i donar-li un aspecte més suau i accessible. Les línies es van estilitzar cap a formes arrodonides i més amigables, mentre que la tipografia es va actualitzar per reflectir una imatge contemporània i professional.

Aquest nou web no només va millorar l’aspecte visual de la marca, sinó que també va simplificar la navegació i va reforçar la coherència de la identitat de MARQuitectura.

Energiehaus

admin on 05/04/2023

Client

Energiehaus

Any de creació

2023

Àmbits del projecte

Disseny web a mida eCommerce Estratègia web Identitat corporativa Il·lustració i dibuix Màrqueting digital i SEO

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.

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.

QSL Serveis Culturals

admin on 10/05/2021

Client

QSL Serveis Culturals

Any de creació

2021

Àmbits del projecte

Disseny web a mida Il·lustració i dibuix

Lloc web

qsl.cat

Aquest projecte culmina una col·laboració que va començar fa anys amb el disseny de la nova identitat corporativa de QSL.

Partíem d’un web amb moltes mancances: tenia un disseny antiquat, no era responsive i no estava ben posicionat a nivell SEO. No disposava de metaetiquetes, els continguts no eren fàcilment indexables, i tot i ser una entitat important, el web tenia poca presència en els resultats de cerca de Google.

La nostra tasca principal va consistir en crear un nou web mitjançant WordPress que solucionés aquests problemes, adaptant-se a la nova identitat corporativa de l’organització i mostrant de forma senzilla i intuïtiva el seu ventall d’àmbits de treball, els serveis que ofereix i els projectes més destacats en cada àmbit o servei.

Com és habitual en aquest tipus de projectes, vam estructurar la creació del web en una sèrie de fases consecutives de treball, començant per l’anàlisi, la definició estratègica i el prototipat.

Els prototips o wireframes són propostes d’estructura i distribució de la informació prèvies al disseny, que permeten pensar primer en l’estratègia global, la jerarquia de continguts i els itineraris d’informació.

A partir de la definició estratègica i el prototipat, va sorgir un disseny personalitzat que s’adapta perfectament a la nova imatge corporativa de QSL, i que emfatitza les àrees clau: novetats i actualitat, àmbits de treball, serveis i projectes realitzats.

Per a l’apartat de Serveis vam dissenyar, a més, un set d’il·lustracions que dota el web d’una personalitat encara més gran i que difícilment s’hauria pogut aconseguir de la mateixa manera mitjançant fotografies de recurs.

8 Artist Management

admin on 18/01/2021

Client

8 Artist Management

Any de creació

2021

Àmbits del projecte

Disseny web a mida Identitat corporativa

Lloc web

8artistmanagement.com

8 Artist Management és una agència que representa fotògrafs, videògrafs i estilistes a nivell nacional i internacional. Anteriorment disposaven d’un web amb problemes d’adaptació als nous formats de WordPress, i aprofitant un canvi evolutiu dins l’empresa, es va decidir crear un nou web amb una estructura que permetés incorporar nous artistes i introduir els seus projectes de manera contínua.

El nou web es va dissenyar amb una arquitectura que agrupés els artistes en categories segons la seva especialitat, i que proporcionés a cadascun d’ells una pàgina individual amb els seus projectes en format fitxa.

Pel disseny es va optar per un estil molt senzill, ja que el web estaria destinat a mostrar molta informació gràfica derivada dels portafolis dels clients. Un dels principals elements gràfics que es van considerar va ser el tractament de l’interlineat dels títols, ajustant-lo per tal que les línies de text quedessin unides, formant una unitat gràfica a mode de logotip amb el nom de cada artista.

També vam redissenyar el logotip, utilitzant una tipografia més fina i amb més espai entre les lletres, aconseguint així una coherència més gran amb el disseny global del web.

eUniv, Universitat Europea

admin on 22/11/2020

Client

Universitas Europaea IMF

Any de creació

2020

Àmbits del projecte

Disseny web a mida Il·lustració i dibuix

Lloc web

euniv.eu

El projecte del web d’eUniv es va iniciar amb la idea de crear una plataforma que permetés el creixement de la universitat i que mostrés un conjunt de continguts reestructurats a partir del seu antic web, destacant tant el model organitzatiu de la universitat com tota la seva oferta formativa.

Sobre aquesta base, es va desplegar un disseny amb visió de futur, totalment flexible, que permet mostrar nou contingut o modificar la rellevància de certs apartats a mesura que el projecte avanci.

Se’ns van proporcionar unes pautes de disseny corporatiu que calia plasmar, com la iconografia de la formació o les lletres capitulars.

A partir d’això es van desenvolupar els altres elements gràfics: fons amb línies i punts, elements amb vores arrodonides, gamma de colors, etc.

A la secció de formació, el client necessitava una gamma cromàtica individual per a cada àmbit, així com una il·lustració específica per a cada sector. Es va optar per un tractament gràfic diferent per a cada il·lustració, mantenint com a fil conductor els tres rectangles verticals de base que representen la progressió dels estudis: Bachelor, Màster i Doctorat.

Aquestes formes canvien de color segons el tipus de formació. Per a les il·lustracions es van utilitzar diverses tècniques com el dibuix vectorial, llapis, retoladors i aquarel·la.

Florcare Power Plants

admin on 18/06/2020

Client

Kairos Network

Any de creació

2020

Àmbits del projecte

Disseny web a mida eCommerce Il·lustració i dibuix

Florcare és un projecte d’economia social i ecològica i un espai de venda de plantes i productes sostenibles. Es va crear per a ells un web amb WordPress amb una botiga online de disseny totalment personalitzat.

La idea era que no fos només una botiga més de plantes, sinó que aportés un benefici social als nois en risc d’exclusió que les cultivaven i venien. D’aquesta manera, el comprador se sentia amb el poder de canviar la situació social d’aquests nois.

Les il·lustracions que vam elaborar es van basar en un estil tipus còmic, amb plantes transformades en superherois.

Webs Progetic i Solgetic

admin on 18/05/2020

Client

Progetic Projectes Sostenibles

Any de creació

2020

Àmbits del projecte

Disseny web a mida Identitat corporativa

Llocs web

progetic.com

solgetic.com

Progetic i Solgetic són dues empreses germanes d’enginyeria i consultoria en edificis saludables. Va ser un projecte integral on vam començar renovant la imatge corporativa, el logotip i la imatge global, i com a segona fase vam desenvolupar els webs a partir d’aquesta nova imatge.

Són webs corporatius on principalment es mostren tots els seus projectes, i estan en creixement perquè actualment s’hi està desenvolupant un apartat de formació de cursos online.