Disseny web a mida – Pàgina 2 – Ideamatic Digital Experiences

Eufore

admin on 17/05/2023

Client

European Forest Institute (EFI)

Any de creació

2023

Àmbits del projecte

Disseny web a mida

Lloc web

eufore.eu

El projecte Eufore (The European Forest Research and Innovation Ecosystem) té com a objectiu crear un entorn sostenible, transnacional i cocreatiu per definir, implementar i avaluar un full de ruta de recerca i innovació (I+i) centrat en les cadenes de valor forestals a Europa. El desafiament era dissenyar una pàgina web que no només reflectís aquests objectius, sinó que també transmetés visualment la connexió entre la recerca, la innovació i la sostenibilitat en l’àmbit forestal europeu.

El disseny del web va partir del logotip existent del projecte, que presentava un patró d’arbres repetits amb un degradat de colors que anava del taronja al blau, passant per tons de groc i verd. Aquests colors i patrons es van convertir en la base del desenvolupament visual del lloc. Es van utilitzar les figures del logotip de manera creativa, integrant imatges de boscos com a fons, cosa que va reforçar la connexió visual amb la temàtica forestal.

A més, vam crear dibuixos amb línies que representaven persones i entorns, simbolitzant la interacció entre els éssers humans i els ecosistemes. Aquests dibuixos van posar de manifest l’enfocament cocreatiu i col·laboratiu del projecte, afegint una capa de significat visual que complementava la temàtica de sostenibilitat i innovació en els boscos europeus.

Els patrons amb fotos i línies es van utilitzar de manera estratègica a les capçaleres del web, donant a cada secció una identitat única però cohesiva. També es van incorporar a les infografies i gràfics al llarg del lloc, reforçant la identitat visual d’Eufore i facilitant la presentació d’informació tècnica de manera clara i atractiva.

Gràcies a aquest disseny, la pàgina web no només es va convertir en una plataforma informativa sobre els objectius de recerca i desenvolupament del projecte, sinó també en una eina visualment atractiva que connectava els usuaris amb l’essència dels ecosistemes forestals europeus i els esforços per preservar-los i innovar en la seva gestió.

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.

Holisoils

admin on 22/03/2023

Client

European Forest Institute (EFI)

Any de creació

2023

Àmbits del projecte

Disseny web a mida

Lloc web

holisoils.eu

El web del projecte Holisoils, dedicat a la gestió dels sòls dels boscos europeus, es va desenvolupar seguint la línia de la imatge corporativa que ja tenien establerta. El logotip del projecte, que simbolitza una empremta digital amb línies circulars, va ser una inspiració clau per al disseny visual del web. Vam utilitzar aquestes línies i els perfils de les fulles com a elements gràfics per donar cohesió visual a la pàgina i reforçar la connexió amb la natura i els sòls forestals.

El disseny web segueix un estil minimalista, amb grans blocs de color que es combinen amb imatges visuals potents. Aquests blocs es contraposen a elements gràfics de línies simples, creant un equilibri entre l’impacte visual i la simplicitat, de manera que la informació es presenta de manera clara i atractiva per als usuaris.

A més, es va desenvolupar una línia d’icones específiques per representar els diferents aspectes del projecte, així com una sèrie de fitxes detallades dels diferents Test Sites (llocs de prova). Aquestes fitxes es van integrar en un mapa interactiu que permetia als usuaris explorar les diferents zones d’estudi, oferint una experiència dinàmica i informativa. També es van incloure caixes d’informació dedicades als Toolkits, eines pràctiques que faciliten la comprensió i aplicació dels coneixements derivats del projecte.

Amb aquest disseny, el web de Holisoils aconsegueix combinar una estètica visual neta i moderna amb una estructura funcional que facilita l’accés a la informació clau sobre la gestió dels sòls forestals europeus, aconseguint així una plataforma útil i atractiva per a tots els seus usuaris.

Informa Forest

admin on 14/02/2023

Client

European Forest Institute (EFI)

Any de creació

2023

Àmbits del projecte

Disseny web a mida

Lloc web

informa-forests.eu

El projecte Informa Forest té com a objectiu proporcionar coneixements que permetin desenvolupar pràctiques de Gestió Forestal Sostenible. Per aquest motiu, vam dissenyar i desenvolupar un web que no només fos funcional, sinó també visualment atractiu, alineat amb la seva imatge corporativa.

A partir del logotip original, que consistia en cercles que creixien de forma radial, vam crear una imatge coherent per al web, utilitzant aquests cercles com a elements visuals clau. Aquests cercles es van utilitzar tant per mostrar informació, com fotografies i textos destacats, dins d’un disseny que transmet una sensació d’ingravidesa, com si aquests elements estiguessin flotant. Les ombres de diversos colors i petits punts de color que envoltaven els cercles aportaven dinamisme al disseny, mentre que el fons gris suau ressaltava aquests elements gràfics, creant un contrast elegant i subtil.

Per aquest web es van dissenyar una sèrie d’animacions específiques, incloent-hi una infografia interactiva que explicava els objectius generals del projecte. Aquesta infografia seguia un patró de creixement radial, amb la informació que emergia d’un cercle central, representant visualment el creixement i la difusió del coneixement. A més, la pàgina inicial compta amb una animació dinàmica on diversos missatges de text apareixen dins d’un cercle, reforçant la coherència visual del projecte.

Es van dissenyar capçaleres personalitzades per a cada secció de la web, assegurant que cada pàgina tingués una identitat pròpia, però dins del mateix estil visual, mantenint una imatge global harmònica i coherent.

SUPERB

admin on 31/08/2022

Client

European Forest Institute (EFI)

Any de creació

2022

Àmbits del projecte

Disseny web a mida

Lloc web

forest-restoration.eu

El projecte SUPERB té com a objectiu proporcionar solucions per a la restauració dels ecosistemes forestals. A partir de la imatge corporativa proporcionada per l’EFI (European Forest Institute), vam desenvolupar i dissenyar el web del projecte, mantenint una línia gràfica coherent amb els valors i objectius del projecte.

Vam crear elements gràfics molt simplificats que representaven diferents aspectes dels ecosistemes forestals, combinant-los amb l’ús d’imatges de gran qualitat per donar vida a cada pàgina. Aquests elements visuals van permetre comunicar de manera clara i atractiva la importància de la restauració ecològica, fent que la web fos a la vegada informativa i visualment atractiva.

A més, vam adaptar les icones proporcionades, que representaven les diferents activitats del projecte, modificant els colors i integrant-los en el disseny global de la web, assegurant així que tot el contingut visual fos coherent i mantingués una estètica unificada.

Per completar l’experiència interactiva del web, vam crear un mapa interactiu que mostrava les diverses àrees de demostració (demos). Aquest mapa permet als usuaris explorar les zones on es duen a terme les activitats de restauració, facilitant la comprensió dels objectius i l’abast del projecte SUPERB.

MULTIPLIERS

admin on 26/04/2022

Client

European Forest Institute (EFI)

Any de creació

2022

Àmbits del projecte

Disseny web a mida

Lloc web

multipliers-project.org

El projecte MULTIPLIERS té com a objectiu promoure una educació científica més propera i rellevant per als estudiants, connectant la ciència amb situacions reals. El disseny i desenvolupament web d’aquest projecte va començar amb la creació de la seva pàgina principal i va evolucionar amb la implementació de l’Open Schooling Hub, un cercador que permet accedir a eines i fitxes educatives organitzades per temàtiques, facilitant la recerca de recursos pedagògics.

Aquest projecte ja disposava de logotip i de totes els icones prèviament dissenyades, amb una paleta de colors assignada a cada tema. A partir d’aquesta base visual, vam crear una estructura de figures rectangulars que es desplegaven tant horitzontalment com verticalment, contenint la informació de cada àrea temàtica. Aquestes figures organitzaven el contingut de manera clara i ordenada, permetent una navegació intuïtiva i atractiva.

Per complementar el disseny, vam incorporar figures circulars en moviment als marges de les pàgines, afegint un toc lúdic que recordava a les peces d’un joc. Aquest element aportava dinamisme i reforçava l’enfocament interactiu i “divertit” del projecte. Les icones de gran mida i les formes arrodonides amb moviment van ser claus per crear una experiència visual coherent, agradable i orientada a l’aprenentatge.

Luci Gutiérrez

admin on 17/02/2022

Client

Luci Gutiérrez

Any de creació

2022

Àmbits del projecte

Disseny web a mida

Lloc web

lucigutierrez.com

Projecte consistent en el desenvolupament del portfoli online de la il·lustradora Luci Gutiérrez, a través d’una plataforma digital que reflecteix la seva trajectòria artística i que permet mostrar de manera clara i ordenada els seus treballs. El web es va dissenyar pensant en una navegació molt senzilla que facilités el filtratge dels projectes segons el tipus de treball, permetent que el visitant accedeixi fàcilment a cada projecte i consulti les seves fitxes detallades.

La client desitjava un web minimalista que donés tot el protagonisme a les seves il·lustracions, amb un disseny net i funcional que evités qualsevol distracció. Ens vam centrar en una presentació visual clara que ressaltés la qualitat i estil dels seus treballs, assegurant que es visualitzessin correctament en tot tipus de dispositius. Aquest enfocament senzill però efectiu va aconseguir una experiència d’usuari intuïtiva que posava en valor l’obra de la il·lustradora.

Càritas Andorrana

admin on 20/12/2021

Client

Pampliega & Associats

Any de creació

2021

Àmbits del projecte

Disseny web a mida eCommerce

Lloc web

caritas.ad

El projecte per al disseny i desenvolupament web de Càritas Andorrana va sorgir en col·laboració amb Pampliega & Associats, que ja havia creat l’estructura i els continguts inicials. El web anterior no havia estat actualitzat ni renovat en molts anys, fet que el feia antiquat i allunyat tant de les pautes modernes dels webs de Càritas a nivell estatal com dels estàndards web actuals en funcionalitat i accessibilitat.

En no disposar d’un manual corporatiu específic, vam estudiar diversos webs de Càritas a nivell estatal per extreure’n les referències visuals necessàries, com ara els colors corporatius, la tipografia i altres elements gràfics, que ens van servir com a base per al disseny del nou web. A partir d’aquí, vam dissenyar una interfície d’usuari clara i moderna per a les diferents pàgines, apostant per una composició estructurada en blocs de fotografies, colors plans, grans espais en blanc i titulars prominents, facilitant així la lectura i la comprensió dels missatges clau.

Un dels aspectes centrals del projecte va ser el desenvolupament del sistema de donació en línia, un element essencial per a la institució, ja que representa una via directa de col·laboració amb els usuaris. Aquest sistema no només va facilitar la donació en línia, sinó que també va simplificar la gestió de les donacions offline per part de l’organització.

Finalment, vam posar especial èmfasi en la presentació dels serveis, amb una estructura que inclou crides a l’acció constants, que conviden els usuaris a sol·licitar ajuda o informació de manera ràpida i senzilla.

Circular Bioeconomy Alliance

admin on 10/12/2021

Client

European Forest Institute (EFI)

Any de creació

2021

Àmbits del projecte

Disseny web a mida

Lloc web

circularbioeconomyalliance.org

Aquest projecte web es va desenvolupar amb l’objectiu de reforçar la comunicació de la Circular Bioeconomy Alliance, una iniciativa que aposta per la sostenibilitat dels ecosistemes forestals europeus. A partir del manual d’imatge corporativa proporcionat per l’European Forest Institute (EFI), vam crear un disseny que no només respectava les directrius visuals establertes, sinó que també incorporava nous elements gràfics per enriquir l’experiència digital.

Vam afegir icones específiques que ajudaven a explicar de manera clara els diferents apartats de la web, potenciant la comprensió del contingut. El disseny es va estructurar amb elements circulars que apareixen al llarg de tot el web, reforçant la idea central de la circularitat i el cicle de la natura que promou l’organització. Aquestes formes s’uneixen mitjançant línies subtils que simbolitzen la connexió i la interdependència entre els ecosistemes.

La paleta de colors i la tipografia utilitzades es van adaptar al format web seguint els requeriments del manual corporatiu, mantenint una coherència visual amb tota la imatge institucional d’EFI. El resultat és una pàgina que convida a una lectura fluida i clara, facilitant l’accés a la informació.

Actualment, tot el material gràfic creat per EFI, com ara fulletons i altres elements, es dissenya seguint aquesta mateixa línia gràfica, establint una identitat visual alineada amb la de la Circular Bioeconomy Alliance.

Associació Catalana de Professionals de Joventut

admin on 02/12/2021

Client

Associació Catalana de Professionals de Joventut (ACPJ)

Any de creació

2021

Àmbits del projecte

Disseny web a mida

Lloc web

joventut.info

La nostra col·laboració amb l’Associació va començar el 2018, quan vam assumir el manteniment tècnic del seu antic web. El 2021, coincidint amb el llançament de la seva nova identitat corporativa, vam rebre l’encàrrec de crear un nou web que s’adaptés millor a les seves necessitats.

El web antic presentava diversos inconvenients, principalment degut a la seva antiguitat. El problema més evident era un disseny antiquat, que no reflectia l’actualitat de l’entitat. A més, la distribució de continguts era confusa i desorganitzada, dificultant que els visitants trobessin informació rellevant com els projectes de l’entitat, les categories de notícies o els àmbits d’actuació de l’Associació.

L’objectiu del nou web era doble: d’una banda, calia adaptar-lo a la nova identitat corporativa per consolidar la seva imatge de marca amb un disseny modern i atractiu; de l’altra, endreçar tota la informació a través d’un estudi previ d’arquitectura de la informació, jerarquitzant els continguts per fer-los més accessibles i comprensibles.

El nou web també va resoldre una mancança important de l’antic lloc: va fer molt més visibles les crides a l’acció per aconseguir nous associats, facilitant-ne el registre de manera àgil i directa a través del web.