Nicho: Salud y Nutrición | Estilo de vida basado en plantas
Si desea omitir la lectura, puede consultar mi:
comportamiento (productos finales)
figura (proceso de principio a fin)
Como parte del Cohorte de diseñadores de 10.000 Plan de estudios, me asignaron crear una página de destino para un creador de contenido de Internet de mi elección (Youtuber/Podcaster/Autor, etc.).
El objetivo de esta tarea era practicar diseño visual en Figma siguiendo un sencillo proceso de diseño.
“Diseñar un sitio web para que X haga Y”
Decidir mi X: Una dietista convertida en YouTuber de Canadá, Sadia Badeie, dirige su canal llamado PICK UP LIMES y crea contenido sobre un estilo de vida nutritivo basado en plantas. He seguido su contenido durante 4 años (lo he visto varias veces) y soy una de mis YouTubers favoritas. Así que elegí su canal como mi X.
Descubriendo mi Y: Después de pasar varias horas pensando sobre qué hacer la página de destino, finalmente inventé una Taller ficticio de 2 días, llamado PUL Fest. Este evento tiene como objetivo promover, enseñar y hacer que un estilo de vida basado en plantas sea accesible para todos.
Seleccionando una página de destino para Sadia Badiei, una dietista basada en plantas, en su próximo taller fuera de línea de fin de semana.
¡Sadia Badiei es la fundadora de Pick up Limes y su canal de YouTube tiene la friolera de 4 millones de suscriptores! Sadia es una dietista registrada que trabajó en algunos hospitales de Canadá. Dejó su trabajo, se mudó a los Países Bajos para dedicarse a su pasión y fundó Pick Up Limes en 2017.
Sadia crea contenidos de alta calidad sobre Viajes, Minimalismo, Recetas Veganas, Consejos de Nutrición, Salud y Bienestar, etc. Los espectadores de Su canal de YouTube se mantiene firme debido a las vibraciones positivas que proyecta a través de su discurso y expresiones.
¡Pickup Limes tiene la friolera de 4 millones de suscriptores en YouTube!
Pick Up Limes Fest es un evento ficticio de 2 días que inventé y que incluye un montón de actividades sobre nutrición y bienestar. Este evento está limitado a 450 lugares y brinda la oportunidad de conocer a nutricionistas famosos y blogueros basados en plantas, etc. Las actividades incluyen talleres, un campo de entrenamiento y actividades centradas en una vida saludable y sostenible basada en plantas.
¿Quién puede asistir a este Evento?
• Entusiastas promedio preocupados por la salud
• Adultos y millennials de la Generación Z
• Atletas profesionales, semiprofesionales
• Padres trabajadores más jóvenes
• Entusiastas veganos
• Vegetarianos y flexitarianos
• Defensores de los alimentos de origen vegetal/naturaleza
• Aquellos que quieran explorar la cocina y la alimentación conscientes.
¿Por qué asistir a este evento?
• Talleres sobre preparación de comidas, aprender a desarrollar una conexión más profunda con la comida y profundizar en la mentalidad de la alimentación consciente.
• Varios talleres, organizados por ponentes invitados populares en la industria de la cocina basada en plantas.
• Una oportunidad para conocer y colaborar con los oradores clave e invitados.
• Conecte a más de 400 personas con ideas afines que se esfuerzan por llevar una vida más saludable
Hablar sobre su PUL Fest fuera de línea que se llevará a cabo en Ámsterdam, Países Bajos. Transmitir los beneficios de asistir al evento. Establecer la agenda del evento. Instar a los usuarios/público a registrarse para el evento. Mencionar su comunidad PUL privada exclusiva.
Tomé capturas de pantalla de las redes sociales y del sitio web del canal y las coloqué para comprender mejor la jerarquía visual. Identifiqué la paleta de colores y las fuentes utilizadas en el sitio web y creé una guía de estilo rápida para que la marca ganara más perspectiva.
Para definir la apariencia general del evento, hice ligeros cambios en la guía de estilo para que se ajuste a las intenciones de la página de inicio. La clave fue crear una imagen mucho más audaz y grandiosa, pero manteniendo un ambiente similar al del sitio web oficial. Una guía de estilo de marca que se describe aquí incluye tipografía y una paleta de colores que se alinea con el tono de voz de PUL.
Después de inspirarme en diferentes fuentes (Pinterest, Dribbble, etc.), las clasifiqué en secciones para que sea fácil consultarlas una vez que empiece a trabajar en la interfaz de usuario.
IA forma el esqueleto del sitio. Los elementos visuales, la funcionalidad y la navegación se construyen de acuerdo con los principios de la arquitectura de la información.
Creé bocetos en papel y figma para que sirvieran como punto de control para el comienzo del proceso de diseño.
Estructuras alámbricas de papel
Una vez que la estructura alámbrica estuvo en su lugar, comencé a trabajar en las imágenes e hice varias iteraciones.
Algunos consejos importantes sobre la iteración al recibir comentarios del mentor:
Algunas secciones tenían problemas de CTA con mucho contenido: tenían baja prioridad, baja frecuencia, problemas de contraste de color y problemas de copia. Problemas de jerarquía visual y espaciado. Las secciones de precios, programación y comunidad necesitaban mejores imágenes.
Continué afinándolo y haciendo mejoras tanto grandes como pequeñas hasta…
Finalmente cuando el plazo y mi capacidad mental me desgastaron 👀, terminé con las siguientes pantallas:
Sección de héroe
La sección de héroes fue la que requirió más iteraciones. Inicialmente, comenzó con mucho contenido. Y encontrar la imagen adecuada también llevó mucho tiempo. Hacer que la copia fuera fácil de entender fue la clave aquí. Así que lo limité a un título breve con los detalles del evento y a dos CTA importantes.
Agregué la sección de patrocinadores justo después de la sección de héroes, lo que ayudaría a agregar credibilidad.
Sección de descripción general
La descripción general constituiría la columna vertebral de la página de destino, ya que aquí sería necesario explicar toda la información sobre el evento. Lo dividí en cuatro partes, cada una de las cuales cubría las principales categorías del evento. Talleres para aprender diferentes prácticas, BootCamp, comida rica y Social Hour.
También me aseguré de repetir el CTA de “registro” después de cada sección, ya que guiará a los usuarios hacia el objetivo de conversión.
Sección de Oradores
Esta parte fue probablemente la más fácil de imaginar. Lo clasifiqué en dos subpartes: oradores principales y oradores invitados. Agregué enlaces de redes sociales para cada uno en caso de que el usuario quiera explorar más sus antecedentes.
Sección de horario
Esta sección de la página me llevó la mayor cantidad de iteraciones. Inicialmente, cada evento de la Agenda tenía descripciones largas que luego decidí eliminar. En su lugar, proporcioné una CTA adicional instando al usuario a ver (y descargar) el programa completo si fuera necesario.
Sección de registro
Fue bastante desafiante y complicado diseñar esta parte ya que era el elemento principal de la página de destino. Casi todas las CTA en toda la página conducen a esta sección y era esencial hacer que al usuario le resultara más sencillo y fácil registrarse en el evento.
Nota: Los pases comunitarios tienen descuento, pero el acceso real a la comunidad se realiza a través de una membresía paga. También es un intento minúsculo de impulsar a los usuarios a unirse a la comunidad PUL.
Sección comunitaria
Hablar sobre la sección de la comunidad y brindar una forma para que el usuario se una a la comunidad fue uno de los objetivos principales. También quería que esta sección fuera simple y concisa. Agregar una estadística (más de 50.000) sería una de las formas convenientes de captar la atención, así que seguí adelante.
Sección de preguntas frecuentes
Las preguntas frecuentes resuelven inquietudes, preguntas y objeciones comunes que se les ocurren a los usuarios. Es el destino al que acudir para responder preguntas específicas sobre el evento. Los clasifiqué para ayudar a reunir contenidos similares.
Pie de página
Para el pie de página, compilé una lista de enlaces de acceso rápido que no pude incluir en el contenido principal de la página de destino. Incorporé enlaces esenciales relevantes al evento y al canal. También se agregó una CTA de suscripción por correo electrónico para futuras actualizaciones periódicas del canal.
Una vez configurado esto, creé rápidamente también una versión para dispositivos móviles. Así lucían las dos versiones finales.
Para ver el Prototipo de la Versión Web, haga clic aquí.
Para ver el Prototipo de la Versión Móvil, haga clic aquí.
Vencer el síndrome del impostor: Trabajar en el borrador inicial me resultó bastante desafiante. Ver a mis compañeros crear imágenes impresionantes fue sumamente abrumador, y el mío no fue tan decente. Me hizo falta mucho coraje para salir del bloqueo de la perfección y acercarme a los mentores sin detenerme.Obtener los comentarios correctos te ayuda a ser un mejor diseñador: Me di cuenta de que no se trata de la propia opinión, sino de resolver el problema de la manera más sencilla y cómoda dentro de un plazo. Recibir comentarios me ayudó a resolver los problemas cada vez mejor.El poder de la práctica: Al empezar, me tomó casi dos semanas terminar mi primer borrador. En el proceso, pasé horas aprendiendo los conceptos básicos de figma (diseño automático, construcción de componentes, adición de interacciones simples, etc.). Pero presentarme de manera constante e iterar diariamente me dio más confianza en que se trata de hacer una cosa a la vez.
Un agradecimiento especial a los mentores de 10kdesigners, Tanvi Rusia y Sri Harsha por su orientación y comentarios sobre este mini estudio de caso. ✨
Si ha llegado hasta aquí, agradezco su tiempo y le agradezco su paciencia. Aunque el estudio de caso es un circuito cerrado, no dudes en dejar tus comentarios en los comentarios a continuación, lo que me ayudará a progresar como diseñador en proyectos futuros.
Surabhi Siddaiah, despidiéndose.
Hasta la próxima 🖖
__________
Gorjeo
LinkedIn
Instagram