ICC Spain

Disseny i desenvolupament de la pàgina web de la Cambra de Comerç Internacional ICC Espanya.

Client

Comité Español Cámara de Comercio Internacional

Any de creació

Àmbits del projecte

Lloc web

iccspain.org

El projecte per a la Cambra de Comerç Internacional ICC Espanya implicava la creació d’una plataforma web moderna i funcional, que reflectís la importància i el prestigi de la institució. La Cambra de Comerç Internacional és una xarxa global, i la versió espanyola necessitava una pàgina que no només complís amb els seus estàndards corporatius internacionals, sinó que també oferís funcionalitats específiques per als seus usuaris, com ara sistemes de cerca avançada, una botiga en línia i una zona privada.

En el procés de disseny i creació del nou web, vam plantejar des del començament tant el disseny visual com l’estructura dels continguts, assegurant una navegació clara i organitzada. L’objectiu era que la pàgina web servís com una eina de treball per als usuaris i membres de la Cambra, facilitant l’accés a la informació, la compra de recursos i la gestió del perfil d’usuari.

Pel disseny del web ens vam basar en la imatge corporativa d’ICC Espanya, seguint les pautes de colors i formats utilitzats en altres webs internacionals de les Cambres de Comerç. No obstant això, no ens vam limitar a replicar aquests elements, sinó que els vam adaptar i enriquir. Un dels elements distintius va ser l’ús de les línies en arc del logotip d’ICC Espanya com a base per desenvolupar diversos blocs del web. Aquestes línies es van integrar de manera creativa a la composició de la pàgina, aportant dinamisme i coherència visual. A més, vam incorporar imatges combinades amb blocs de contingut, cosa que va ajudar a estructurar la informació de manera clara i atractiva.

Pàgina d'inici web ICC Spain
Pàgina interior web ICC Spain
Pàgina interior web ICC Spain
Pàgina interior web ICC Spain

Una de les principals característiques del web és el sistema de cerca avançada, que permet als usuaris fer consultes sobre diverses temàtiques relacionades amb el comerç internacional i els serveis que ofereix la Cambra. Aquest sistema facilita la navegació i l’accés a informació rellevant, millorant l’experiència d’usuari.

A més, vam desenvolupar una botiga en línia integrada al web, on es poden comprar llibres i altres recursos relacionats amb el comerç i la normativa internacional. La botiga disposa d’un catàleg fàcilment navegable, cosa que permet als usuaris trobar i adquirir els productes de manera ràpida i senzilla.

El web també compta amb una zona privada per a usuaris, on els membres poden registrar-se, gestionar el seu perfil i accedir a contingut exclusiu. Aquesta àrea privada es va dissenyar amb un especial enfocament en la seguretat i facilitat d’ús, garantint que els usuaris poguessin navegar sense complicacions i fer gestions de manera autònoma.

Per últim, vam incloure un apartat d’esdeveniments, on els usuaris poden consultar informació sobre seminaris, conferències i altres activitats organitzades per la Cambra de Comerç. Aquest apartat compta amb un sistema de filtratge que permet cercar esdeveniments segons temàtiques, dates o altres criteris, millorant així l’accessibilitat i organització de la informació.

En conjunt, el disseny i desenvolupament del web de la Cambra de Comerç Internacional ICC Espanya va proporcionar una plataforma moderna, funcional i alineada amb els estàndards internacionals, oferint alhora eines avançades per millorar l’experiència dels usuaris i facilitar-ne les interaccions amb la institució.

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.

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

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

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.

Florcare Power Plants

Florcare Power Plants

Creació del web amb botiga online de Florcare, un projecte d’economia social i ecològica a través de la venda de plantes i productes sostenibles. Vam crear també un conjunt d’il·lustracions per ajudar a donar encara més personalitat al disseny del web.

Client

Kairos Network

Any de creació

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.

Florcare Power Plants
Florcare Power Plants

Webs pel Gremi de Floristes de Catalunya

Webs pel Gremi de Floristes de Catalunya

Disseny de pàgines web i eCommerces per a floristeries pertanyents al Gremi de Floristes de Catalunya.

Client

Gremi de Floristes de Catalunya

Any de creació

Àmbits del projecte

El Gremi de Floristes de Catalunya ens va encarregar el projecte de disseny i desenvolupament de pàgines web mitjançant WordPress, amb o sense botiga online, perquè els seus associats poguessin digitalitzar les seves floristeries de manera fàcil i senzilla.

A partir d’una plantilla dissenyada inicialment, es va dur a terme una personalització segons la imatge corporativa de cada floristeria per adaptar-la a l’estil de cada botiga.

La botiga online es va personalitzar segons el tipus de producte venut, pensant no només en l’usuari final, sinó també en la floristeria, perquè el procés de venda fos senzill.

Gremi de Floristes de Catalunya
Gremi de Floristes de Catalunya

MBP School of Coaches

MBP School of Coaches

Web MPB School of Coaches, una escola de cursos basats en la gamificació per a entrenadors de futbol realitzada en WordPress i d’on també es té accés als cursos online.

Client

Cookiebox

Any de creació

Àmbits del projecte

El nou web per a MPB School of Coaches, una escola de formació per a entrenadors de futbol basada en la gamificació, va suposar un repte creatiu i tècnic. Aquesta escola, especialitzada en l’ensenyament de tècniques futbolístiques a través de mètodes gamificats, necessitava una plataforma que fos intuïtiva, visualment atractiva i, alhora, funcional per als seus usuaris. El web, desenvolupat en WordPress, permet accedir tant als cursos presencials com als cursos online, i ofereix una experiència coherent i immersiva.

Aquest projecte va sorgir en col·laboració amb Cookiebox, una empresa reconeguda en el camp de les solucions de gamificació. Cookiebox havia creat els cursos online per a MPB School, i nosaltres ens vam encarregar de dissenyar i desenvolupar una plataforma web des d’on es poguessin presentar de manera clara i visual tant els cursos presencials com els digitals, amb la possibilitat d’accedir-hi directament.

El disseny del web es va inspirar en els esquemes gràfics que els entrenadors de futbol fan servir per explicar jugades i estratègies. Vam aprofitar aquestes formes geomètriques per estructurar els continguts de cada pàgina, utilitzant els colors corporatius de l’escola de manera subtil fins i tot a les imatges. L’objectiu era que el disseny reflectís tant la filosofia de l’escola com la dinàmica del futbol.

A més, es va pensar en una plataforma que fos fàcil d’actualitzar pel client, per permetre-li fer modificacions contínues a mesura que els cursos evolucionessin. Recentment, també hem ampliat el web amb una botiga online, oferint una nova manera d’interaccionar amb els usuaris. A través d’aquesta, s’hi comercialitzen productes relacionats amb la formació i el món del futbol. A més, s’hi han integrat eines de màrqueting digital per monitoritzar les interaccions dels usuaris i optimitzar la seva experiència.

MBP School of Coaches
MBP School of Coaches

Kayaking Costa Brava

Kayaking Costa Brava

El web corporatiu de Kayaking Costa Brava combina la creació d’un lloc web informatiu, desenvolupat amb WordPress, amb una plataforma de reserva d’activitats programada completament a mida.

Client

Kayaking Costa Brava

Any de creació

Àmbits del projecte

Kayaking Costa Brava és un client amb qui hem treballat des dels nostres inicis, i hem tingut el privilegi de veure la seva evolució i creixement al llarg dels anys.

El seu anterior web va ser creat amb el nostre antic gestor de continguts (CMS), Bugalú, que permetia tant l’actualització de continguts com la reserva en línia de les excursions. En aquesta nova etapa, es va optar per utilitzar WordPress per a la part corporativa i informativa del web, mentre es mantenia i adaptava el sistema de reserves amb el CMS, connectant-lo automàticament amb la subscripció al newsletter mitjançant MailChimp.

El disseny del web es va concebre amb un enfocament molt visual, aprofitant les imatges i vídeos d’alta qualitat que el client ja tenia, mostrant així els paisatges espectaculars de les diferents excursions. A més, es tracta d’un web multiidioma, on també ens hem encarregat de les traduccions a alguns dels idiomes.

Aquest projecte està en constant evolució, amb la previsió de creixement a través de la implementació d’una botiga online i un apartat d’anuncis per als usuaris en el futur.

Kayaking Costa Brava
Kayaking Costa Brava