Product Design | Prototipo | Branding
Designed and developed a landing page optimized for lead generation.
#figma
#Ilustrator
#Af
Overview
Para este proyecto desarrollé una landing page one page centrada en conversión, con un diseño alineado a la identidad de marca: naturaleza, sostenibilidad y aventura.
Objective
Creación del logotipo e identidad visual (paleta, isotipo y aplicaciones). Diseño de la landing en Figma con estructura estratégica: hero con CTA, secciones de valor, destinos destacados, métricas de impacto y formulario de contacto. Prototipado interactivo: navegación fluida con scroll automático por secciones, formulario en popup y botón back to top para mejorar la experiencia del usuario. Integración de un chat en vivo como recurso de soporte y conversión. Reel promocional realizado en Premiere/After Effects para reforzar la comunicación en redes sociales.
Figma Prototype
Key Features:
Diseño visual coherente con la marca Uso de paleta cromática alineada a la identidad (verde, amarillo, blanco y negro).
Tipografía Montserrat clara y moderna para asegurar legibilidad. Estructura enfocada en conversión Hero con slogan, subtítulo y doble CTA para guiar al usuario.Secciones de valor, certificaciones, destinos destacados y métricas de impacto.
Experiencia de usuario optimizada Navegación one page con scroll automático al hacer clic en el menú.
Formulario en popup para reducir fricción y mejorar la interacción.
Botón Back to Top para accesibilidad rápida. Integración de chat en vivo para soporte inmediato.
Accesibilidad y usabilidadJerarquía visual clara para priorizar la información. Espacios en blanco para mejorar la lectura. Overlay en imágenes para mantener contraste en textos. Optimización técnicaImágenes adaptadas a formato ligero (WebP) para mejorar rendimiento. Diseño responsive, adaptable a desktop y mobile.
💻 Tools Used:Figma, Adobe XD, UX/UI Design Principles, Prototyping Tools
El logotipo de Selva Viva combina un isotipo circular con una hoja tropical estilizada, que simboliza la biodiversidad y el compromiso ambiental de la marca. La tipografía sans serif, en mayúsculas y con un trazo limpio y moderno, transmite fuerza, claridad y adaptabilidad en distintos soportes.La paleta cromática utiliza verdes que evocan naturaleza y sostenibilidad, un amarillo cálido que aporta energía y vitalidad, además del blanco y negro como colores de soporte para garantizar contraste y versatilidad en su aplicación. Este diseño está pensado para funcionar tanto en versiones completas (isotipo + logotipo) como en usos reducidos (solo icono), asegurando consistencia visual en entornos digitales y físicos. Diseño visual coherente con la marca
Uso de paleta cromática alineada a la identidad (verde, amarillo, blanco y negro).
Tipografía Montserrat clara y moderna para asegurar legibilidad. Estructura enfocada en conversiónHero con slogan, subtítulo y doble CTA para guiar al usuario.Secciones de valor, certificaciones, destinos destacados y métricas de impacto. Experiencia de usuario optimizadaNavegación one page con scroll automático al hacer clic en el menú.
Formulario en popup para reducir fricción y mejorar la interacción.
Botón Back to Top para accesibilidad rápida. Integración de chat en vivo para soporte inmediato. Accesibilidad y usabilidad Jerarquía visual clara para priorizar la información. Espacios en blanco para mejorar la lectura.
Overlay en imágenes para mantener contraste en textos. Optimización técnicaImágenes adaptadas a formato ligero (WebP) para mejorar rendimiento. Diseño responsive, adaptable a desktop y mobile.
💻 Tools Used:Figma, Adobe XD, UX/UI Design Principles, Prototyping Tools
Reel Promocional – SelvaViva
Se realizó un reel de 30 segundos en Premiere/After Effects, diseñado para transmitir la esencia de SelvaViva: aventura, naturaleza y sostenibilidad. El video combina escenas inmersivas de selva, fauna y viajeros, acompañado de música ambiental y transiciones suaves.
El objetivo fue crear una pieza audiovisual atractiva para redes sociales y campañas digitales, capaz de inspirar al usuario a descubrir destinos únicos y conectar emocionalmente con la marca.
💻 Tools Used: Figma, AF, premiere.
UX thinking + UI execution + scalable systems
