Blog
15/07/2026

Disseny web per a una marca de motocicletes elèctriques: Radian per UNCOMMON

Una landing d’automoció no hauria de limitar-se a mostrar una màquina. Ha de donar-li entrada. Crear una escena. Fer que el producte aparegui amb protagonisme, espai, tensió visual i aquell punt de desig que converteix una visita fugaç en una mirada més llarga.

En el disseny web per a automoció, la percepció de valor comença abans de la fitxa tècnica. Neix en la composició, en el color, en l’escala del producte, en una tipografia que no destorba i en un motion que aporta ritme sense caure en l’excés. Si el producte transmet cura, la marca guanya confiança abans de demanar res.

Radian és una referència exquisida perquè entén aquesta diferència. La moto mana, la interfície acompanya i la direcció visual construeix una atmosfera de llançament, no de catàleg. Hi ha UX/UI, hi ha intenció comercial i hi ha ritme visual, però tot s’integra en l’experiència: com si configurar, explorar o reservar fossin part natural del desig.

Radian — producte en primer pla, marca en segon terme

La primera decisió forta és compositiva: la moto es mostra frontal, gran, neta, gairebé inevitable. No hi ha una lluita entre titulars, mòduls, banners i promeses disperses. El disseny entén que, en una landing d’automoció, l’objecte ha de ser el protagonista. La interfície no desapareix, però ocupa el seu lloc: navegació mínima, crida a l’acció visible i una marca que emmarca sense eclipsar el producte.

Radian
Radian

El groc de la moto no és només un color cridaner. És un ancoratge. Sobre el fons gris, el producte guanya presència i es queda gravat a la ment. Aquest contrast construeix identitat sense necessitat d’un sistema gràfic carregat. La memòria visual s’activa per precisió: un producte reconeixible, un fons que no competeix i un botó que recull la mateixa energia cromàtica.

La tipografia reforça aquesta sensació de producte premium. No busca protagonisme, però garanteix una lectura clara. El logotip a la part superior, els enllaços mínims i els CTAs organitzen l’experiència amb una calma molt útil: saps on ets, saps què pots fer i saps quin és el centre de l’escena.

El més interessant és que l’estètica no queda com una simple decoració. Hi ha intenció comercial des del primer bloc: explorar, configurar, reservar. El disseny no trenca el desig amb urgència barata, però tampoc el deixa sense sortida. Aquesta és una lliçó valuosa per a qualsevol marca amb preventa, llançament o producte de tiquet alt: la percepció de valor creix quan l’acció comercial sembla part natural de l’experiència, no un afegit forçat al disseny.

Un hero que entra amb ritme, no amb soroll

El hero combina presència de producte, crides a l’acció clares i un scroll que convida a continuar.

El hero té una cosa molt difícil d’aconseguir: és contundent sense cridar. La moto ocupa el centre, els botons són on han de ser i l’scroll introdueix sensació de recorregut. No es tracta d’animar per animar; es tracta de donar pols a la primera pantalla.

Per a una marca d’automoció, aquest tipus d’entrada canvia la percepció del producte. No el col·loca com un article més dins d’un catàleg, sinó com la peça protagonista. I això impacta directament en la percepció de valor: com més pensat sembla l’escenari, més cuidat sembla el producte.

Radian — motion, scroll i hotspots amb gust de recorregut

El motion és on la landing comença a sentir-se menys estàtica i més experiencial. La clau és que el moviment no tapa la informació: la dosifica. La pàgina no et llença tots els arguments de cop; t’acosta al producte per capes, amb una cadència que recorda més a una presentació de llançament que a una pàgina de venda convencional.

Tipografia que apareix com una escena

La tipografia guiada per l’scroll converteix una paraula en un moment visual amb atmosfera.

Una paraula gran, ben temporitzada, pot fer més per la identitat que tres paràgrafs explicatius. Aquí la tipografia actua com una peça de direcció d’art: apareix amb dramatúrgia, aporta textura visual i marca un canvi de ritme dins l’experiència.

Aquest recurs té valor quan no se n’abusa. Un reveal potent pot reforçar emoció, energia i personalitat; massa reveals converteixen la navegació en una espera. La diferència està en el criteri. A Radian, el moviment suma atmosfera i ajuda a transmetre una marca tecnològica sense caure en la fredor.

Hotspots per explorar sense saturar

Els punts interactius converteixen la moto en una història de producte explorable.

Els hotspots són un d’aquells detalls que, ben utilitzats, donen profunditat a una landing d’automoció sense omplir-la de text. Permeten destacar parts, prestacions o decisions de disseny just quan l’usuari està observant el producte. La informació apareix en context, no com un bloc a part.

Això millora la UX/UI d’una manera molt senzilla: redueix fricció. L’usuari no ha d’abandonar l’escena per entendre-la. Pot recórrer, descobrir i connectar forma i funció. Per a productes tècnics o aspiracionals, aquesta interacció lleugera ajuda a mantenir l’atenció i la confiança sense convertir la pàgina en una fitxa interminable.

Configurador amb intenció comercial

El configurador connecta el relat de producte amb opcions de reserva i decisió.

El configurador materialitza el desig. Després de l’impacte visual, arriba el moment de triar, comparar, avançar. En ecommerce d’automoció o en processos de reserva, aquest pas és delicat: si es percep massa transaccional, trenca l’atmosfera; si és massa editorial, no converteix.

Aquí l’experiència manté el producte en escena i acompanya la decisió amb opcions clares. Aquesta combinació és potent per a marques que venen quelcom més complex que un impuls ràpid. L’usuari necessita emoció, sí, però també control. La conversió no neix només de l’impacte; neix d’una seqüència ben ordenada.

Radian — una referència a guardar en disseny web d’automoció

El més interessant de Radian no és un sol detall visual. És la suma: composició centrada, color memorable, tipografia sòbria, motion amb ritme i una interacció que converteix el producte en recorregut. Tot sembla pensat perquè la moto guanyi presència sense que la pàgina perdi claredat.

És una gran referència per a equips de màrqueting que treballen amb producte aspiracional, llançaments, preventes o generació de leads. No perquè totes les marques hagin de posar una moto gegant sobre fons neutre, sinó perquè la lògica és molt aplicable: menys soroll, més focus; menys arguments dispersos, més desig dirigit.

Quan una interfície sembla feta a mida per a l’objecte que presenta, la percepció de valor augmenta. L’usuari no té la sensació de navegar una plantilla farcida de renders, sinó una experiència construïda al voltant d’una identitat. En automoció, luxe, tecnologia o producte industrial d’alt interès, aquesta diferència pesa.

També hi ha una lectura útil per a campanyes, fitxes de producte, pàgines de reserva i branding digital: no cal explicar-ho tot a la primera pantalla. Cal decidir què ha de quedar gravat. Una silueta, un color, una paraula, una interacció, una crida a l’acció ben situada. Aquí comença la conversió, molt abans del formulari.

Radian deixa una sensació clara: una landing pot vendre sense ser feixuga. Pot ser visual, precisa i comercial alhora. Pot tenir atmosfera sense perdre direcció. I pot convertir un producte d’automoció en alguna cosa molt més difícil d’ignorar: una peça amb presència, ritme visual i identitat pròpia.

T'ha agradat?
Articles relacionats
Comencem a treballar
en el teu projecte?

Analitzem la teva situació actual i definim el proper pas.

Contacta ara
El nostre lloc utilitza galetes per recopilar informació sobre el dispositiu i la seva activitat de navegació. fent clic aquí.
Acceptar cookies Configurar Rebutjar cookies
Informació bàsica de les cookies
Aquest lloc web utilitza galetes i/o tecnologies similars que emmagatzemen i recuperen informació quan navega. Política de cookies".
Acceptar cookiesConfigurar
Galetes tècniques necessàries Sempre actives
Les cookies tècniques són estrictament necessàries perquè el nostre lloc web funcioni i puguis navegar-hi.
Cookies de análisis
Las cookies de análisis son las utilizadas para llevar a cabo el análisis anónimo del comportamiento de los usuarios de la web y que permiten medir la actividad del usuario y elaborar perfiles de navegación con el fin objetivo de mejorar los sitios web.
Cookies publicitarias
Las cookies publicitarias permiten la gestión de los espacios publicitarios de la web. Además, estas cookies pueden ser de publicidad personalizada y permitir así la gestión de los espacios publicitarios de la web en base al comportamiento y hábitos de navegación de usuario, de donde se obtiene su perfil y permiten personalizar la publicidad que se muestra en el navegador del usuario u otros perfiles y redes sociales del usuario.
Confirmar preferències
contacta amb nosaltres
Formulari

Explica'ns
el teu projecte

Indiqueu el context general de la vostra organització i l'abast previst del projecte.
Code Barcelona, ​​com a responsable del tractament de les vostres dades, tractarà les mateixes amb la finalitat de donar resposta a la consulta i/o petició que ens realitza a través d'aquest formulari de contacte. política de privadesa.
Title
Popupcontent
Anàlisi de la teva situació digital

Revisarem 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.

Code Barcelona, ​​com a responsable del tractament de les vostres dades, tractarà les mateixes amb la finalitat de donar resposta a la consulta i/o petició que ens realitza a través d'aquest formulari de contacte. política de privadesa.
Aceptar