wireframe ESTRUCTURA DE CONTENIDO PARA SECCION HOME VISITANTES
Logotipo sobre Fotografia de fondo Imagen como fondo Copy principal
Bienestar+
Experiencias saludables
Menu Aliméntate Muevéte Armonízate Mi Ruta Saludable Blog Ingresa
Subitulo o Frase de propuest de valor
Llamados a la acción Vivir y/o Crear
Titulo para categorias
Al pasar el mouse se debe describir en una frase este tipo de categorias...
En este espacio lo podemos usar para el CTA de la ruta saludable como un refuerzo
Fotografia de fondo con el filtro del tono de la categoria. Icono y Nombre de la categoria...
Boton Mi Ruta Saludable
Titulo de Destacados
Estructura Precio Foto de la experiencia Icono de la categoria Titulo de la experiencia Sub categoria a la que pertenece Ciudad Call to action a comprar! Boton para ir y ver todas las experiencias
Estructura Foto del artículo Icono de la categoria Titulo del artículo Colaborador
Boton para acceder al Blog
Footer con Redes Sociales y datos de contacto
8 Articulos destacados del blog con su autor
wireframe ESTRUCTURA DE CONTENIDO PARA FICHA DE PRODUCTO
Logotipo sobre Fotografia de fondo
Menu Aliméntate Muevéte Armonízate Ruta Saludable Blog Ingresa
Bienestar +
Experiencias Saludables
Titulo de la experiencia Max (10) palabras...
Buscador del site
Categoria / subcategoria
Información Importante - ciudad -Precio - fecha inicio - fecha cierre - duración - dirección con enlace a google maps
Espacio para el Precio
Galeria de la experiencia Puede o no incluir un video..
Call to action a comprar y/o agregar al carrito...
Boton para “Hacer pregunta” Boton “me interesa” Slider de la galeria de la experiencia
Espacio para promover los logos que garantizan la seguridad del Pago...
Botones para compartir por redes y boton para recomendar experiencia Titulo Descripción
Renuncia a los lacteos y transforma tu vida Descripción de la experiencia Terminos y Condiciones
Por Sandra Rodriguez
Renuncia a los lacteos y transforma tu vida Por Sandra Rodriguez
Articulos relacionados con la experiencia y su Imagen en miniatura del artículo Estructura: Imagen Titulo Autor
Los superminivegetales Por Sandra Rodriguez
Titulo Organizador Foto del organizador Nombre Bio Breve con enlace al Perfil del organizador
Titulo de experiencias similares
Slider para ver más de 3 experiencias..
Footer con Redes Sociales y datos de contacto
Titulo Recomandaciones controlador para cuando tenemos mas de una recomendación. Foto de perfil de quien recomienda Nombre del que recomienda Titulo de la experiencia relacionada y larecomendación...
wireframe ESTRUCTURA DE CONTENIDO PARA INGRESO AL PERFIL / REGISTRO
Logotipo sobre Fotografia de fondo
Bienestar +
Experiencias Saludables
Menu Aliméntate Muevéte Armonízate Ruta Saludable Blog Ingresa
Formulario de Login Opción para Login con Fb / Tw / Gp
Email User Password Boton Ingresar Olvide mi contraseña o Usuario Registrarme
Footer con Redes Sociales y datos de contacto
Logotipo sobre Fotografia de fondo
Formulario de Registro Opción para Registro con Fb / Tw / Gp
Nombre y Apellidos Email User
Contraseña
Confirmar contraseña
Boton de registrarse Acceso al Login
Footer con Redes Sociales y datos de contacto
Bienestar +
Experiencias Saludables
Menu Aliméntate Muevéte Armonízate Ruta Saludable BLOG Ingresa
wireframe ESTRUCTURA DE CONTENIDO PARA PERFIL DEL ORGANIZADOR - PUBLICO
Logotipo sobre Fotografia de fondo
Bienestar +
Experiencias Saludables
Menu Aliméntate Muevéte Armonízate Ruta Saludable BLOG Ingresa
Nombre del usuario organizador
Foto del perfil
Biografia del Organizador Tiene un limite de caracteres 1500 caracteres..
Titulo experiencias creadas
Titulo artículos creados
Microfichas de los articulos creados por el organizador
Recomendaciones recibidas
Foto de perfil de quien recomienda Nombre del que recomienda Titulo de la experiencia relacionada y larecomendación...
Footer con Redes Sociales y datos de contacto
wireframe ESTRUCTURA DE CONTENIDO PARA PERFIL DE USUARIO - LOGUEADO
Logotipo sobre Fotografia de fondo
Bienestar +
Experiencias Saludables
Menu 1. Aliméntate 2. Muevéte 3. Armonízate 4. Ruta Saludable 5. Blog 6. Foto Perfil
(con opciones al pasar mouse)
Nombre del usuario
Boton Editar Perfil Puede abrir un modal para editar o lleva a una pagina de edición en forma de formulario
Foto del perfil
Biografia del Usuario Tiene un limite de caracteres 1500 caracteres..
Botones que filtran diferentes categorias... Filtro Mis experiencias Creadas Filtro Mis experiencias Vividas Filtro Mis articulos Filtro Mi Lista de Deseos
Dependiendo del filtro que tenga activo debe traer las micro fichas... - Experiencias creadas por el usuario (si es organizador) Si no tiene experiencias creadas mostrar un CTA para crear experiencia
- Experiencias compradas por el usuario - Articulos creados (si tiene) sino mostrar un CTA para solicitar crear un articulo en el Blog
-Experiencias que ha agregado a su lista de deseos.
Botón para cargar más experiencias
Si el usuario es un Organizador debe mostrarle las “recomendaciones” que ha recibido, de lo contrario ocultar la franja..
Footer con Redes Sociales y datos de contacto
Foto de perfil de quien recomienda Nombre del que recomienda Titulo de la experiencia relacionada y larecomendación...
flujo de acciones PASOS PARA REALIZAR UNA COMPRA POR UN USUARIO
Ingresar a una Experiencia
Agregar y/o Botón Comprar
Lo lleva al Primer Paso de Compra (CheckOut)
- Seguir comprando - Continuar con Paso 2
Se debe mostrar que tiene una experiencia agregada al “carro de compras” Puede ser en la foto de perfil o incluir otro “circulo” al lado de este.
- Resume de la compra
El usuario puede ver el resume y quitarla del carrito
- Añadir un Boton para preguntas frecuentes Sugerencia
Segundo Paso Loguearse y/o Registrarse
Tercer Paso Seleccionar Método de Pago
Cuarto Paso Pasarela de Pagos
Quinto Paso Mensaje de confirmación
Deberia ser un Modal Box Sugerencia
Medios de pago: 1. Credito(visa, mastercard, AMEX, diners) 2. PSE / Efecty / Baloto 3. Consignación bancaria 4. Pago directo al aliado
Se diligencia los datos según el metodo de pago seleccionado
El usuario hace el pago correspondiente En caso que el usuario escoja pago directo al aliado se omite este paso y se muestra un mensaje en pantalla recordando que debe realizar el pago al aliado
Mensaje de confirmacón en Pantalla o si la operación no fue exitosa un mensaje de error y la solución Dispara un email de confirmación