En un escenari on les marques d’automoció elèctrica competeixen no només en innovació tecnològica, sinó també en relat, identitat i experiència, el projecte web AVATR Vision Xpectra es consolida com un referent de com el disseny digital pot amplificar la visió d’una marca. No es tracta només de presentar un concept car, sinó de crear un univers digital que trasllada valors com luxe, futur, emoció i precisió a través de la interacció, el motion i la narrativa visual.
Guardonat amb el Site of the Day i Developer Award a Awwwards, aquest projecte demostra fins a quin punt el disseny web actual s’ha convertit en una disciplina estratègica, capaç d’unir branding, tecnologia i experiència d’usuari en una peça coherent.
AVATR és una marca de mobilitat elèctrica de luxe impulsada per la innovació i el disseny. Amb la presentació de l’AVATR Vision Xpectra, el seu primer concept car, la marca necessitava molt més que una web informativa: volia una experiència digital capaç d’expressar la seva visió de futur i el seu concepte d’Emotive Luxury.
El site es planteja com un recorregut immersiu que permet a l’usuari explorar a fons el disseny, la tecnologia i la filosofia del vehicle. Cada transició, cada animació i cada decisió visual reforcen la sensació d’estar davant d’una peça d’alta gamma, on res és accessori i tot respon a una intenció clara.
El projecte ha estat desenvolupat per l’estudi Mubien, amb la col·laboració de FutureDeluxe en la part audiovisual, per al client AVATR. El resultat ha estat reconegut internacionalment amb el Site of the Day i el Developer Award a Awwwards, confirmant-ne l’excel·lència tant en disseny com en execució tècnica.
La direcció creativa ha estat liderada per David Mubien, Younes Badi i Marcus Chaloner, amb un ampli equip multidisciplinari que abasta UX/UI, direcció d’art, 3D, motion graphics i desenvolupament frontend, reflectint la complexitat i ambició del projecte.
Visualment, la web es basa en una paleta cromàtica molt continguda, formada principalment per dos colors: un to fosc profund (#242428) i un blanc suau gairebé eteri (#EEEDF8). Aquesta elecció reforça la sensació de sofisticació, precisió i exclusivitat, allunyant-se de qualsevol artifici innecessari.
El contrast entre llum i foscor s’utilitza com a recurs narratiu. El contingut emergeix de manera progressiva, revelant superfícies, línies i volums del vehicle com si fos una exposició digital. Aquest enfocament connecta directament amb l’univers del luxe contemporani, on la suggerència i el ritme són tan importants com l’impacte visual.
La tipografia juga un paper fonamental en la construcció del to de l’experiència. Els cossos de text generosos, les jerarquies clares i l’ús intel·ligent de l’espai en blanc afavoreixen una lectura pausada i elegant, molt alineada amb el posicionament premium de la marca.
No hi ha excés d’informació. El contingut es presenta en blocs ben estructurats, permetent que l’usuari assimili cada missatge abans d’avançar. Aquest equilibri entre narrativa editorial i ritme interactiu és una de les grans virtuts del projecte.
Un dels grans encerts d’AVATR Vision Xpectra és l’ús del motion design com a eina narrativa. Les animacions no busquen l’espectacularitat gratuïta, sinó que acompanyen el discurs de marca i reforcen la percepció de tecnologia avançada.
L’scroll fluid, les transicions suaus i la integració d’elements 3D permeten a l’usuari explorar el vehicle des de múltiples perspectives. Aquesta interacció genera una sensació de control i descobriment que connecta emocionalment amb el visitant, transformant-lo de simple espectador a participant actiu.




A diferència de moltes webs de producte, aquí no es força la conversió immediata. L’objectiu és un altre: generar desig, transmetre visió i posicionar AVATR com una marca que marca el ritme del luxe elèctric. La web actua com un manifest digital, una declaració d’intencions.
Aquest enfocament és especialment rellevant en projectes de branding digital d’alt nivell, on l’experiència precedeix el producte i la percepció és tan important com l’especificació tècnica.




Tot i la complexitat visual i tècnica del projecte, el rendiment ha estat una prioritat. La càrrega és ràpida, les animacions són suaus i la navegació es manté estable tant en escriptori com en dispositius mòbils.
El desenvolupament frontend combina precisió tècnica amb sensibilitat creativa, demostrant que és possible crear experiències immersives sense sacrificar usabilitat ni rendiment. Aquest equilibri és un dels factors clau que expliquen el reconeixement obtingut a Awwwards.




AVATR Vision Xpectra estableix un estàndard clar sobre com s’han d’afrontar els projectes digitals en sectors on el disseny, la innovació i l’emoció són pilars estratègics. No es tracta només de mostrar un producte, sinó de construir un relat coherent en cada punt de contacte.
Aquest tipus de projectes posa en valor la importància de comptar amb professionals del disseny web capaços d’entendre la marca en profunditat i traduir-la en decisions visuals, tècniques i narratives alineades.
Creador: Mubien
Client: AVATR
Reconeixements: Awwwards Site of the Day · Awwwards Developer Award
El projecte AVATR Vision Xpectra demostra que el disseny web actual ha superat definitivament la seva funció informativa per convertir-se en una eina estratègica de branding i posicionament. Mitjançant una experiència acurada, immersiva i tècnicament impecable, la web aconsegueix amplificar el missatge d’una marca que aspira a liderar el futur de la mobilitat elèctrica de luxe.
En un entorn digital cada cop més competitiu, aquest tipus de projectes marquen la diferència i esdevenen referència per a estudis i agències de disseny web que volen crear experiències memorables, coherents i alineades amb els valors de marques premium i empreses innovadores.
Analitzem la teva situació actual i definim el proper pas.
Contacta araRevisarem la teva situació digital actual. Ens posarem en contacte amb tu per entendre el teu context i valorar conjuntament quines àrees analitzar, i posteriorment elaborarem una auditoria amb els punts clau i recomanacions.