Space Travel

Landing para la agencia de viajes de lujo Space Travel

Servicios

Diseño UX/UI

Software

Figma

Créditos

Imágenes: Pexels

Reto

Space Travel es el volcado y puesta en práctica de los conocimientos acerca de UX/UI. El ejercicio consistía en diseñar una landing con el objetivo de promocionar y reservar los viajes espaciales de una agencia futurista. Con todo, la idea era hacerla creativa y responsive, partiendo de mobile first.

device_spacetravel

Solución

Creación de una landing visual, ordenada en los diversos apartados de interés. Primero de todo, se elaboraron los wireframes para estructurar todo el contenido de la landing; para ello, se mantuvo un ritmo de lectura vertical a través de la proporción que establecen los diversos espacios, múltiplos de 4, compuestos por la grid (4px). Posteriormente, se aplicó todo el diseño.


Layout

detalle-spacetravel-wireframe

Wireframes

spacetravel-wireframing

Diseño

spacetravel-design

En cuanto a la gama cromática, se escogió una que recordase al espacio y sus colores vibrantes; es por ese motivo que se optó por una predominancia en el azul eléctrico, junto con un degradado de este hacia el negro. Para destacar el CTA, se eligió un turquesa que contrastaba y casaba bien con el resto de la paleta.

colors_spacetravel

Mientras que para la tipografía se empleó el blanco, pues esto evocaba al brillo de las estrellas, además de permitir una buena legibilidad. Así como la tipografía empleada es de tipo sans serif que le aporta al diseño un aspecto actual además de tener la "a" una terminación redondeada que encaja con el resto del diseño.

typo_spacetravel