Wireframes
Comencé realizando los wireframes de algunas de las secciones de la app que iba a diseñar después en Figma.
Onboarding
En el onboarding se presentan algunas de las características más destacadas de la app haciendo uso de animaciones y transiciones amenas, pero sencillas.
Inicio
En la pantalla de inicio aparece un resumen de los planes que están próximos o las conversaciones más recientes del usuario con sus amigos.
Planes
En la zona superior de la ficha de cada plan se indicaría la fecha, hora y ubicación que el usuario que hubiese creado dicho plan seleccionase en su momento.
Más abajo se encontraría el título, la descripción, el usuario que lo hubiese creado y las personas invitadas que hubiesen marcado la opción de asistir a la actividad. También existiría la posibilidad de subir alguna imagen o vídeo para acompañar a la descripción.
Seguidamente habría una sección con el nombre preparativos en la que estarían los puntos a tener en cuenta para que el plan pudiese salir adelante. El administrador o administradores del plan serían los únicos usuarios que podrían marcar o desmarcarlos.
Por último se hallaría el apartado de comentarios, donde a los participantes del grupo les sería posible informar o avisar de cualquier detalle al resto, para que éstos estuvieran al tanto de la opinión o novedad que se aportara.
Crear plan
A la hora de crear un nuevo plan, la interfaz mostraría la información clave a introducir, como son la fecha, hora y ubicación en que tendría lugar la actividad y el título y descripción de ésta.
Los elementos editables aparecerían delimitados por una línea discontinua y los iconos "+" indicarían que sería posible añadir nuevo contenido en esos espacios.
Conversaciones
La sección de conversaciones contendría los chats privados que tuviésemos con otros usuarios a través de Friiends. Se podría enviar contenido multimedia, como imágenes o vídeos y también existiría la posibilidad de grabar notas de voz, así como realizar llamadas de audio o vídeo.
