SUPERB

Disseny web i desenvolupament per al Projecte SUPERB, solucions per a la restauració dels ecosistemes forestals.

Client

European Forest Institute (EFI)

Any de creació

Àmbits del projecte

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.

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

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

Creació de la pàgina web per a MULTIPLIERS, un projecte que promou una nova manera d’aprendre que fa la ciència més significativa.

Client

European Forest Institute (EFI)

Any de creació

Àmbits del projecte

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.

web Multipliers pàgina d'inici
web Multipliers pàgina interior
web Multipliers pàgina interior
web Multipliers pàgina interior

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

Disseny i desenvolupament web del portfoli online de la il·lustradora Luci Gutiérrez.

Client

Luci Gutiérrez

Any de creació

Àmbits del projecte

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.

Pàgina d'inici web Luci Gutiérrez
Pàgina projecte web Luci Gutiérrez
Pàgina interior web Luci Gutiérrez

Càritas Andorrana

Càritas Andorrana

Creació del lloc web i del sistema de donacions en línia de Càritas Andorrana, institució de l’Església Catòlica que ajuda i acompanya les persones més desafavorides.

Client

Pampliega & Associats

Any de creació

Àmbits del projecte

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.

Càritas Andorrana
Càritas Andorrana
Càritas Andorrana

Circular Bioeconomy Alliance

Circular Bioeconomy Alliance

Projecte web per a l’European Forest Institute promou la Bioeconomia Circular basada en ecosistemes saludables, biodiversos i resilients dels boscos.

Client

European Forest Institute (EFI)

Any de creació

Àmbits del projecte

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.

Circular Bioeconomy Alliance
Circular Bioeconomy Alliance
Circular Bioeconomy Alliance
Circular Bioeconomy Alliance

Associació Catalana de Professionals de Joventut

Associació Catalana de Professionals de Joventut

Creació del nou web de l’Associació Catalana de Professionals de Joventut, una entitat que promou la regularització i defensa els drets dels professionals de joventut.

Client

Associació Catalana de Professionals de Joventut (ACPJ)

Any de creació

Àmbits del projecte

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.

Associació Catalana de Professionals de Joventut
Associació Catalana de Professionals de Joventut
Associació Catalana de Professionals de Joventut
Associació Catalana de Professionals de Joventut
Associació Catalana de Professionals de Joventut

Atelier de Chronométrie

Atelier de Chronométrie

Disseny i desenvolupament del lloc web d’Atelier de Chronométrie, una empresa fundada l’any 2014 a Barcelona, dedicada a la fabricació de rellotges artesanals d’alta gamma i d’inspiració vintage, mitjançant processos completament manuals i tradicionals.

Client

Atelier de Chronométrie

Any de creació

Àmbits del projecte

La nostra relació amb Atelier de Chronométrie venia de feia uns anys, quan vam dissenyar el web de Mimandcrocket, una altra empresa especialitzada en la fabricació de rellotges d’estil vintage. Aquesta col·laboració prolongada ens va permetre conèixer en profunditat tant els seus productes com la seva manera de treballar.

El web d’Atelier de Chronométrie es va concebre amb l’objectiu de transmetre simplicitat en el missatge i establir una arquitectura flexible que permetés crear noves pàgines per a futurs models de rellotge, sense dependre d’un disseny rígid.

El client ens va proporcionar imatges d’alta qualitat, cosa que va permetre donar protagonisme absolut a la fotografia de producte, ressaltant tots els detalls dels rellotges. També es van destacar les imatges dels processos de fabricació, on es pot apreciar la delicadesa i precisió amb què treballen.

Atelier de Chronométrie
Atelier de Chronométrie
Atelier de Chronométrie
Atelier de Chronométrie

Praxis

Desenvolupament web i disseny de Praxis Resilient Buildings, empresa d’enginyeria per a edificis saludables i confortables.

Client

Praxis Resilient Buildings

Any de creació

Lloc web

praxis-rb.com

Praxis Resilient Buildings és una empresa especialitzada en enginyeria, consultoria energètica i certificació Passivhaus, dedicada a la creació d’edificis sostenibles, saludables i eficients.

El projecte web es va realitzar en dues fases: en la primera fase, es va desenvolupar una pàgina web amb contingut bàsic i es va integrar una plataforma de cursos en línia, permetent als usuaris accedir a formació específica de manera senzilla i directa.

En la segona fase, es va dur a terme una consultoria d’estratègia de continguts i SEO, durant la qual es van adaptar el contingut i l’estructura del web per optimitzar-ne el posicionament en cercadors, aconseguint així una millora en la visibilitat i l’atracció de nous clients. A més, es van realitzar més canvis en el disseny, ajustant-lo a les necessitats de l’empresa i reforçant-ne la identitat visual per transmetre els valors de sostenibilitat i eficiència de manera clara i atractiva.

Pàgina d'inici web Praxis
Detall web Praxis
Detall web Praxis

Vam dissenyar icones personalitzades per representar els diferents serveis i cursos en línia, aconseguint una coherència gràfica amb la resta del disseny i facilitant la navegació dels usuaris.

QSL Serveis Culturals

Disseny i desenvolupament del nou lloc web de QSL dins del marc de la renovació de la imatge corporativa d’aquesta organització, fundada l’any 1995, que gestiona projectes de servei públic en les àrees de cultura, educació i participació.

Client

QSL Serveis Culturals

Any de creació

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.

QSL Serveis Culturals
QSL Serveis Culturals
QSL Serveis Culturals

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

Creació del web corporatiu de 8 Artist Management, pensat principalment per mostrar el portafoli dels artistes que representa a través dels seus projectes fotogràfics i de vídeo. El projecte també inclou el disseny del logotip, definint una imatge corporativa global.

Client

8 Artist Management

Any de creació

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.

8 Artist Management
8 Artist Management
8 Artist Management