Travel proyect · Diseño y desarrollo web
Natours: explorar el diseño
a través de CSS.
Travel Proyect es un ejercicio formativo realizado por Javier Chiva durante un curso de CSS avanzado. La landing Natours presenta paquetes turísticos y sirve para explorar maquetación, animaciones y diseño responsive.
El punto de partida
Convertir técnicas de CSS en una página completa.
El objetivo del ejercicio era aplicar maquetación, Sass y transiciones en una landing de temática turística, con adaptación a distintos dispositivos.
- 01
Organizar el diseño
Una landing con composiciones diferentes necesita una base de estilos coherente.
- 02
Practicar la interacción
El proyecto permitía experimentar con movimiento y estados de los elementos.
- 03
Adaptar las composiciones
La página debía conservar su estructura y legibilidad en diferentes dispositivos.
La lógica del proyecto
Un recorrido pensado
para practicar el desarrollo visual
Este caso documenta una práctica de aprendizaje, sin atribuirle resultados comerciales.
- 01
Estructura
Organización de la landing turística.
- 02
Estilos
Maquetación y sistema Sass.
- 03
Interacción
Animaciones y transiciones.
- 04
Adaptación
Ajustes para distintos tamaños de pantalla.
El proyecto por dentro
Travel proyect.
El trabajo, en detalle.
Estas vistas muestran el proyecto realizado y las decisiones que organizan su experiencia.
La landing formativa Natours.
Se aplicaron Flexbox, Grid y Sass para organizar las composiciones de la página. Variables y estructura del preprocesador ayudan a mantener los estilos del ejercicio.
Captura del proyecto · Travel proyect
Decisiones del proyecto
Qué desarrollamos y por qué.
El alcance de Travel proyect se concretó en estas decisiones de estructura, diseño y funcionamiento.
Maquetación con CSS
Se aplicaron Flexbox, Grid y Sass para organizar las composiciones de la página. Variables y estructura del preprocesador ayudan a mantener los estilos del ejercicio.
Animaciones y transiciones
Botones, imágenes y otros elementos incorporan efectos CSS. El ejercicio explora cómo las transiciones pueden formar parte de la interacción y de la presentación visual.
Diseño responsive
Las media queries adaptan la maquetación a distintos tamaños de pantalla. La práctica permitió trasladar las composiciones de escritorio a una experiencia móvil.
Qué permite la solución
De la necesidad
a una solución concreta.
La respuesta a cada necesidad queda reflejada en estas capacidades del proyecto.
- Organizar el diseño
- Flexbox · Grid · Sass
- Practicar la interacción
- Efectos y transiciones realizados con CSS
- Adaptar las composiciones
- Adaptaciones de diseño mediante media queries
Las personas detrás del proyecto
Un equipo de referencia durante el proyecto.
Definimos el alcance, diseñamos y desarrollamos contigo. Javier Chiva es el interlocutor directo para revisar avances y coordinar al equipo, con una propuesta ajustada a las necesidades de cada empresa.
Conoce el servicio de diseño y desarrollo web ↗Proyectos relacionados
Otras necesidades.
El mismo cuidado en el desarrollo.
Hablemos de tu empresa
¿Tu empresa necesita
una solución con este cuidado?
Cuéntanos qué necesitas resolver. Acordamos objetivos, entregables y condiciones de acompañamiento antes de empezar.
Proyectos web para empresas desde 2.000 € · Alcance definido