Web Ui AV

Web Ui Agencia de viajes

Web ui

Agencia de Viajes

“Tierra Espléndida”

Este proyecto académico consistió en el diseño de la interfaz gráfica (UI) y en la creación de un Design System para la web de una agencia de viajes ficticia llamada Tierra espléndida ubicada en Nicaragua. El objetivo fue definir una propuesta visual atractiva, adaptable y coherente, apoyada por un sistema de componentes reutilizables que favorecieran la consistencia y eficiencia del diseño.

Rol de

diseñadora Ui

Definición de jerarquía visual clara y consistente
Selección de colores
Definición de espacios en blancos estratégicos para mejorar legibilidad y reducir carga cognitiva
Diseño de pantallas responsive (desktop, tablet, mobile)
CTAs visibles y consistentes

Rol de

desing system

Diseño de Branding
Rejilla, estructura de diseño
Selección de colores para guiar decisiones
Selección de tipografía, tamaños, pesos
Diseño de iconos, botones y campos de formularios
Diseño de componentes
Creación de formularios, cards, layouts, páginas

Imagen de dos hojas de trabajo del programa de prototipado web Xd con sus columas y rejillas que sirven de base para el diseño.

Proyectos relacionados:

Web Ui AV

Web Ux AV

Web Coaching MM

Web Interiorismo VE

Web psicología AA

Web Ux AV

por Karla Guevara

Web Ux Agencia de viajes

Web Ux

Agencia de viajes

Reto:

Diseñar desde cero la experiencia web de una agencia de viajes ficticia, construyendo una solución digital centrada en el usuario que facilitara la exploración de destinos y la contratación de servicios.

El desafío consistía en desarrollar no solo la interfaz, sino todo el proceso UX: investigación, definición estratégica, arquitectura y prototipado.

El proceso se siguió desde una perspectiva centrada en el usuario, aplicando metodologías propias del diseño UX, tales como:

Investigación y definición del usuario (Design Persona)
Para comprender a quién va dirigido el producto, se construyó un perfil de usuario detallado con características, motivaciones y necesidades, que guiaron todas las decisiones posteriores del proyecto.

Mapa de empatía y User Journey
Se elaboraron herramientas como el mapa de empatía y el recorrido del usuario para identificar expectativas y puntos de conexión clave. Esto permitió estructurar la navegación en función de cómo realmente se movería un usuario dentro de la web.

Aplicación de Design Thinking
Se utilizó la metodología Design Thinking para explorar posibles soluciones, validar ideas y refinar las propuestas de diseño de forma iterativa.

Creación de wireframes e interactividad:

A partir de la definición del usuario, el mapa de empatía y la aplicación del desing thinking, se definio la arquitectura de la información, en la cual se basa el desarrollo de los wireframes de baja y media fidelidad que representaron los principales escenarios de interacción del sitio. Estos wireframes se realizaron en Adobe XD, permitiendo probar:

Distribución de contenidos
Flujo de navegación
Interacción entre pantallas

Decisiones de diseño

Mobile-first approach: priorizando claridad en pantallas pequeñas.
Reducción de carga cognitiva: simplificación de menús y categorías.
Jerarquía visual estratégica: destacando ofertas y llamadas a la acción.
Validación temprana mediante prototipos.

Herramientas utilizadas

Adobe XD — para creación de wireframes e interactividad
Metodologías de UX (Design Thinking, Mapas de Empatía, User Journey)
Arquitectura de la información y esquemas de navegación
Diseño gráfico básico para presentación de propuestas visuales

Objetivos del proyecto

El objetivo principal fue diseñar una plataforma web centrada en la experiencia del usuario, que representara de manera fiel los valores de la agencia y ofreciera una navegación clara, coherente y optimizada para distintos dispositivos (escritorio, tablet y móvil) e incluyera:

Facilitara la búsqueda de destinos y ofertas.
Optimizara la navegación en desktop y móvil.
Redujera la fricción en el proceso de decisión.
Priorizara la experiencia del usuario.

Proyectos relacionados:

Web Ui AV

Web Ux AV

Web Coaching MM

Web Interiorismo VE

Web psicología AA

Web Coaching MM

por Karla Guevara

Web responsive de Coaching

Web coaching

Mónica Mas

Diseño web responsive para Mónica Mas, coaching. Creación y diseño de una identidad visual especial para una web especial: cabecera de doble altura y botonera animada, diseño de pictogramas e ilustraciones de la web para explicar los servicios ofertados. Selección de paleta de colores, tipografía e imágenes.

Roles y stack tecnológico:

En este proyecto el reto fue la creación de contendo visual atractivos que ayudara a la lectura de los servicios de coach diseñados. Por lo que una estructura UI/UX de manera clara y ordenada era importante; así como la maquetación responsive para todos los dispositivos y la construcción completa de la web, cuidando cada detalle funcional y visual.

Diseño Gráfico
Diseño Web
Curadora de contenidos
Selección de imágenes
Construcción web

WordPress
Divi theme
CSS3
Optimización SEO
Optimización de rendimiento

cabecera_web_monica_mas_por_karla_guevara

Objetivos del proyecto

Los objetivos del proyecto, además de crear presencia online que represente fielmente la estética y valores del estudio, era diseñar un sitio que funcione de forma óptima en dispositivos móviles, tablets y escritorio.

También se requería que el sitio web fuera un escaparate de los servicios de coaching ofrecidos por la coach. La creación de contenidos visuales y atractivos era prioritario para llevar a cabo este objetivo.

Ver proyecto en : Monicamas.com

Proyectos relacionados:

Web Ui AV

Web Ux AV

Web Coaching MM

Web Interiorismo VE

por Karla Guevara

Web responsive Interiorismo

Web Interiorismo

Vibel Estudi

Este proyecto consistió en el diseño del sitio web corporativo de Vibel Estudi, un estudio de interiorismo con un enfoque contemporáneo. Partiendo de la identidad visual ya definida, se desarrolló una línea gráfica digital coherente que refleja la estética, valores y personalidad del estudio, integrando una experiencia visual cuidada y estructura clara para destacar sus servicios y proyectos.

La web fue construida siguiendo un enfoque colaborativo con el cliente, asegurando que cada elemento visual y funcional respondiera a su filosofía de marca y objetivos estratégicos.

Roles y stack tecnológico:

En este proyecto adapté la identidad visual al entorno digital, desarrollé la estructura UI/UX de manera clara y ordenada; también realicé la selección de imágenes, la maquetación responsive para todos los dispositivos y la construcción completa de la web, cuidando cada detalle funcional y visual.

Y como tarea no menos importantes asumí la redacción de contenidos del sitio, elaborando textos alineados con la identidad del estudio y orientados a comunicar sus valores y propuesta de manera estratégica.

Diseño Gráfico
Diseño Web
Redactora de contenidos (Copywriter)
Selección de imágenes
Construcción web

WordPress
Divi
HTML5 / CSS3
Optimización SEO
Optimización de rendimiento

Objetivos del proyecto

Posicionar al estudio como una marca sólida y profesional en el sector del diseño interior.

Integrar contenidos visuales y estructurales que mejoren la experiencia de navegación del usuario.

Ver proyecto en : Vibelestudi.com

Proyectos relacionados:

Web Ui AV

Web Ux AV

Web Coaching MM

Web Interiorismo VE

Web psicología AA

por Karla Guevara

Web responsive Psicología

Web psicología

Astrid Avendaño

Web y Branding AA es un proyecto de diseño de identidad visual y desarrollo web para una profesional de la psicología, con el objetivo de potenciar su presencia online y transmitir sus valores de empatía, profesionalismo y acompañamiento a través de una experiencia digital clara y humana.

El principal reto fue diseñar una imagen visual sólida y coherente que reflejara los valores personales de la psicóloga en una propuesta estética que generara confianza y comodidad para el visitante. A partir de esto se construyó un sitio web responsive, adaptable a todos los dispositivos, con una estructura limpia y una navegación intuitiva.

Roles y stack tecnológico:

En este proyecto adapté la identidad visual al entorno digital, desarrollé la estructura UI/UX de manera clara y ordenada; también realicé la selección de imágenes, la maquetación responsive para todos los dispositivos y la construcción completa de la web, cuidando cada detalle funcional y visual, así como también la curación de contenidos.

Diseño Gráfico
Diseño Web
Curadora de contenidos
Selección de imágenes
Construcción web

WordPress
Divi theme
CSS3
Optimización SEO
Optimización de rendimiento

Objetivos del proyecto

Los objetivos del proyecto eran actualizar el sitio web e incrementar la presencia online de clientes. La estética visual en este caso era muy importante, pero también diseñar un sitio adaptable a dispositivos móviles, tablets y escritorio.

Los objetivos han sido cumplidos ya que ha habido un incremento de clicks en un 20% y en una proporción similar las consultas psicológicas.

Ver proyecto en : Astridavendanopsicologa.com

Web Ui Agencia de viajes

Web ui

Agencia de Viajes

“Tierra Espléndida”

Rol de

diseñadora Ui

Rol de

desing system

Proyectos relacionados:

Web Ux Agencia de viajes

Web Ux

Agencia de viajes

Reto:

Creación de wireframes e interactividad:

Decisiones de diseño

Herramientas utilizadas

Objetivos del proyecto

Proyectos relacionados:

Web responsive de Coaching

Web coaching

Mónica Mas

Roles y stack tecnológico:

Objetivos del proyecto

Proyectos relacionados:

Web responsive Interiorismo

Web Interiorismo

Vibel Estudi

Roles y stack tecnológico:

Objetivos del proyecto

Proyectos relacionados:

Web responsive Psicología

Web psicología

Astrid Avendaño

Roles y stack tecnológico:

Objetivos del proyecto

Proyectos relacionados:

Comentarios recientes