Travel Beyond
Una landing page per a una empresa que ven viatges a l’espai — el meu primer projecte d’UX/UI, redissenyat dos anys després per veure fins on he arribat.
- Dissenyadora UX/UI
- Des. 2023 · Redisseny 2026
- Màster en Disseny d’Experiències Digitals, BAU
- Acadèmic · Landing page
- Figma · Photoshop · VS Code
El meu primer projecte d’UX/UI.
Travel Beyond va ser el primer projecte de disseny del meu Màster en Disseny d’Experiències Digitals a BAU Barcelona. L’encàrrec: una landing page per a escriptori i mòbil per a una empresa que promet viatges a l’espai en un màxim de tres anys.
L’objectiu no era només informar — era fer sentir l’atracció de l’espai i que la gent deixés les seves dades per formar-ne part.
D’una guia de prioritats al codi.
Vaig ordenar el que havia de dir la pàgina — proposta de valor, beneficis, testimonis, registre, peu — ho vaig esbossar en paper, ho vaig refinar en wireframes de fidelitat mitjana a Figma, vaig crear un petit sistema de disseny i un prototip navegable, i finalment ho vaig programar en HTML, CSS i JavaScript.
Redissenyat per veure fins on he arribat.
El 2026 hi vaig tornar amb tot el que he après des d’aleshores — recerca, sistemes de disseny i construir productes reals. El mateix encàrrec, les mateixes fonts — Ethnocentric i Rubik — i els mateixos textos i fotos com a punt de partida.
El que ha canviat és com pren decisions la pàgina — i l’atmosfera: d’un cartell sèpia a un escenari fosc i tranquil on parlen el planeta i una sola crida a l’acció.
Menys coses, dites més fort.
- Una portada que ven el viatgeEl planeta ocupa el centre amb un sol botó taronja, els propers llançaments a un costat i les experiències a l’altre — la pàgina respon «on puc anar i quan?» abans de fer scroll.
- Negre, amb un taronja que vol dir alguna cosaEl marró i el blau nit deixen pas a panells gairebé negres. El taronja queda per al que es pot fer: el botó, l’estat actiu, les dates i els números.
- Seccions numeradesCada secció és un panell arrodonit amb una sola funció i un número, perquè la pàgina es llegeixi com un viatge del 01 al 05.
- Una veu cada vegadaEls testimonis són ara una llista de noms al costat d’una sola cita i un retrat grans, en lloc de tres columnes petites que competeixen per l’atenció.
- Un formulari que demana menysDues columnes de camps suaus, un sol botó clar — i cap «Cancel·lar» en una landing page.
Pensat també per al polze.
Al mòbil la portada només manté el planeta, el títol i el botó; els llançaments i les experiències passen al seu propi panell, els beneficis es converteixen en una fila que es llisca i el formulari en una sola columna.
El primer redisseny es va quedar més a prop de l’original.
La primera versió mantenia el marró, el taronja i el blau nit i l’escena original del planeta, i arreglava l’estructura. Funcionava — però encara semblava del 2023. Portar-la a un escenari negre i més tranquil és el que va fer que el redisseny se sentís nou.
Què em va ensenyar el redisseny.
La pàgina del 2023 seguia el procés pas a pas. La del 2026 pren decisions: què mostrar primer, què treure i quina és l’única cosa que demana.
Posar-les una al costat de l’altra és la mesura més clara que tinc de com han canviat la meva mirada — i el meu criteri — des del primer projecte.
- 2
- 2
- 1