Dmente

Disseny i desenvolupament web, així com creació del logotip per a l’empresa de cerca i gestió de localitzacions per a rodatges, Dmente.

Client

Dmente

Any de creació

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 inici Dmente
Detall disseny web pàgina interior Dmente
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.

Logo Dmente aplicació

Wildcard Project

Creació i disseny web per a Wilcard Project, una iniciativa de l’European Forest Institute enfocada en l’autorecuperació d’ecosistemes degradats i danyats.

Client

European Forest Institute (EFI)

Any de creació

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.

Wildcard Project pàgina inici
Wildcard Project pàgina interior
Wildcard Project pàgina interior

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

Creació del web amb botiga en línia per a la floristeria barcelonina Flors Lloveras.

Client

Flors Lloveras

Any de creació

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.

Pàgina web Flors Lloveras
Pàgina web Flors Lloveras
Pàgina web 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

Disseny i desenvolupament del nou web de l’estudi barceloní d’arquitectura sostenible MARQuitectura.

Client

MARQuitectura

Any de creació

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.

Pàgina d'inici web Marquitectura
Pàgina interior web Marquitectura
Pàgina interior web Marquitectura

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.

Logo Marquitectura

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

World Allergy Organization

World Allergy Organization

Disseny d’una sèrie d’il·lustracions i infografies per a una guia mèdica sobre les al·lèrgies per a la World Allergy Organization.

Client

World Allergy Organization

Any de creació

La World Allergy Organization ens va oferir l’oportunitat de dissenyar cinc il·lustracions per a una guia mèdica sobre al·lèrgies. Es tractava de redissenyar els diagrames amb dibuixos nous i una estètica més senzilla i neta per millorar la comprensió del contingut per part de l’usuari.

Va ser un projecte molt interessant, ja que a partir de figures molt senzilles calia representar diferents simptomatologies i accions. També es va reestructurar el flux d’informació per facilitar-ne la comprensió.

World Allergy Organization
World Allergy Organization
World Allergy Organization
World Allergy Organization

ITMA Barcelona 2019

Imatge de la imatge corporativa, lloc web i elements promocionals de la fira ITMA Barcelona 2019.

Client

AMEC (Associació Multisectorial d’Empreses)

Any de creació

Es va crear la imatge gràfica, el web i els elements promocionals d’AMEC-AMTEX amb motiu de la fira internacional de maquinària tèxtil ITMA, celebrada a Barcelona.

El 2017 es va iniciar la nostra col·laboració amb l’Associació Espanyola de Fabricants de Maquinària Tèxtil (AMEC-AMTEX), realitzant projectes promocionals per a diferents esdeveniments arreu del món, organitzats per les principals associacions de la indústria tèxtil europea.

El 2019, AMEC-AMTEX ens va encarregar el projecte més ambiciós fins al moment: el disseny de la imatge gràfica per representar l’associació a la fira ITMA. Se’ns va demanar que plasméssim els valors d’innovació, sostenibilitat, flexibilitat i servei que caracteritzen les empreses membres.

La primera tasca va ser el disseny del web de l’esdeveniment per promoure la presència de l’AMTEX a la fira. Es va construir amb WordPress seguint els requeriments funcionals i la línia gràfica que vam dissenyar prèviament. El web també va ser pensat per servir com a plataforma per a futurs esdeveniments.

ITMA Barcelona 2019
ITMA Barcelona 2019

A més, es van dissenyar elements promocionals específics, com un fulletó en forma de pantonera on els usuaris podien consultar les diferents empreses participants i la seva ubicació. També es van crear banderoles de diferents formats i tubs contenidors per al marxandatge, seguint la línia gràfica establerta.

ITMA Barcelona 2019
ITMA Barcelona 2019

Dragonfly Render

Disseny del logotip i creació del web de Dragonfly Render, empresa de renderitzat 3D.

Client

Dragonfly Render

Any de creació

El web, eminentment visual, exposava les feines realitzades com a exemple de tots els serveis que l’empresa podia portar a terme.

Dragonfly Render, una empresa de nova creació, necessitava una imatge que es pogués aplicar als diferents suports i un web en format portafoli per mostrar els projectes realitzats. Com que es tractava de projectes de renders arquitectònics, es va optar per imatges de gran format per destacar-ne els detalls.

Al disseny general es van utilitzar espais blancs amb mínimes caixes de text per donar protagonisme a les imatges. L’arquitectura del web es va mantenir senzilla, amb els serveis accessibles des del menú de primer nivell per facilitar-ne l’accés.

Dragonfly Render
Dragonfly Render

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

PCG

Disseny de la imatge corporativa i del lloc web de la imprempta digital barcelonina PCG.

Client

PCG Producció i Creació Gràfica

Any de creació

Lloc web

pcgprint.com

El projecte de disseny de la imatge corporativa i del lloc web per a la impremta digital PCG va començar amb un procés profund d’anàlisi de la seva identitat i els valors que volien transmetre. L’empresa estava especialment compromesa amb la responsabilitat ecològica, element que havia de quedar reflectit en cada aspecte de la seva comunicació visual.

Vam començar dissenyant la imatge corporativa, creant un logotip i una identitat gràfica que transmetés clarament aquests valors. Ens vam centrar en l’ús de formes simples, línies netes i colors associats a la sostenibilitat, com verds i tons naturals. La nova imatge no només havia de representar la modernitat i professionalitat de la impremta, sinó que també havia de reforçar el seu compromís amb el medi ambient i la seva aposta per materials i processos ecològics.

Un cop definida la identitat visual, la vam traslladar al disseny del lloc web. Es va desenvolupar una pàgina web neta i fàcil de navegar, pensada perquè els clients poguessin explorar els serveis i productes de PCG de manera clara i intuïtiva. El web es va dissenyar utilitzant la mateixa paleta de colors de la imatge corporativa i elements gràfics coherents amb el missatge ecològic de l’empresa. A més, es va cuidar especialment la presentació visual dels productes i serveis, amb fotografies i gràfics de gran qualitat que posen en valor l’acabat final i la qualitat del treball de PCG.

El web no només serveix com a aparador dels serveis, sinó també com a plataforma per a que l’empresa pugui comunicar el seu compromís amb la sostenibilitat a través de continguts que reforcen el seu posicionament com una impremta responsable i conscient del seu impacte mediambiental.

PCG
PCG