Diseño Web
Storytelling, E-commerce, Microsite, Scroll Infinito
Por: Michael Román Alavés Collí
Carlos Alberto Castillo Pinzón
Bryant Maximiliano Dzul Pérez
Materia: Diseño de Páginas Web
Maestro: Ángel Guadalupe Pino Toraya
Storytelling
El diseño de
storytelling en diseño
web implica utilizar
elementos narrativos y
visuales para crear una
experiencia inmersiva y
atractiva para los
usuarios.
EJEMPLO DE UNA GUÍA PARA EL MISMO
● Conocer a tu audiencia
● Define un propósito del sitio web
● La estructura del sitio web
● Desarrollo del Personaje
● Detalles sensoriales
● Coherencia y fluidez
● Elementos visuales y multimedios
● Prueba y revisión
● Lanzamiento y promoción.
E-commerce
El diseño de e-commerce se
refiere a la creación de
sitios web que facilitan la
compra y venta de productos o
servicios en línea. Estos
sitios están diseñados para
ofrecer una experiencia de
usuario óptima que motive a
los visitantes a realizar
compras. Incluyen funciones
específicas como catálogos de
productos, carritos de compra,
sistemas de pago, y
herramientas de gestión de
inventario.
Características y Prioriza la facilidad de compra y la
Diferencias
conversión de visitantes en
clientes.
● Enfoque en convertir
visitantes a
compradores.
● Facilidad de
Navegación
● Proceso de Compra
Simplificado
● Seguridad y Confianza
● Diseño Responsivo
● Elementos Visuales
Atractivos
Amazon
Descripción: Amazon es un gigante del comercio electrónico que
ofrece una gran variedad de productos, desde libros hasta
electrónicos y ropa.
Características:
● Catálogo Extenso: Amazon cuenta con millones de
productos en miles de categorías, lo que te garantiza
encontrar lo que buscas.
● Personalización: Te ofrece recomendaciones
personalizadas basadas en tu historial de compras y
búsquedas, para que descubras nuevos productos que te
interesan.
● Proceso de Pago Simplificado: Comprar en Amazon es
muy fácil, solo tienes que dar un clic y elegir entre múltiples
opciones de pago y envío.
Mercado Libre
Descripción: Mercado Libre es un gigante del e-commerce en América Latina que ofrece una amplia gama de
productos, desde electrónicos y moda hasta artículos para el hogar y servicios.
Características:
● Catálogo Extenso: Millones de productos en electrónica, moda, hogar, juguetes y más.
● Personalización a tu medida: Recomendaciones basadas en tus compras y búsquedas.
● Compra Segura: Paga con tarjetas, transferencias o sistemas locales.
● Envío Flexible: Elige entre envío gratis, rápido o Mercado Envíos.
● Interfaz Amigable: Navega fácil y encuentra lo que buscas rápido.
● Gana Recompensas: Acumula puntos y obtén beneficios con "Mercado Puntos".
● Vende lo que quieras: Crea tu tienda online y administra tus ventas.
● Soporte Confiable: Atención al cliente y políticas de devolución claras.
Microsite
Es un pequeño sitio web que
tiene una estructura y un
funcionamiento bastante
simple y básico, diseñado
únicamente para cumplir un
objetivo estratégico muy
específico para la empresa.
Es independiente al sitio web general
de la empresa, por lo que posee un
dominio o subdominio único y
diferente.
Se centra en un solo tema específico,
como puede ser en un producto,
servicio, campaña, promoción, evento,
etc.
Tiene una navegación sencilla y
directa, pero con un enfoque
altamente funcional según el objetivo
para el cual fue diseñado.
Su página web suele incorporar
elementos interactivos y de
multimedia para captar la atención y
compromiso de los visitantes.
Scroll Infinito
Consiste en dejar que los
usuarios se desplacen hacia
abajo de forma continua,
descubriendo constantemente
nuevos contenidos a medida
que lo hacen.
Carga dinámica de contenido:
En lugar de cargar todo el contenido
de una página al principio, el scroll
infinito carga más elementos a medida
que el usuario se desplaza hacia
abajo.
Esto mejora la velocidad de carga
inicial y permite una experiencia de
navegación más fluida.
Desplazamiento continuo:
El usuario puede seguir desplazándose
sin interrupciones, ya que el
contenido se carga automáticamente.
No hay necesidad de hacer clic en
“páginas siguientes” o “anterior”
para ver más contenido.
Diseño Web
Storytelling
E-commerce
Microsite
Scroll Infinito