Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mmicastres/sae401-cerqueira_thomas-boyer_evan

sae401-cerqueira_thomas-boyer_evan created by GitHub Classroom
https://github.com/mmicastres/sae401-cerqueira_thomas-boyer_evan

Last synced: about 1 month ago
JSON representation

sae401-cerqueira_thomas-boyer_evan created by GitHub Classroom

Awesome Lists containing this project

README

        

# Dossier UX

## Membres du groupe
Cerqueira Thomas
Boyer Evan
## Description générale de l'application
Application De citation quotidienne l'objectif est que chaque jour l'utilisateur à une nouvelle citation qui pourra enregistrer, lors de la première connexion l'utilisateur pourra choisir plusieurs catégories pour avoir des citations personnalisées, de plus il pourra appuyer sur un bouton pour avoir accès à une citation aléatoire qui coûtera 3 pièces, un shop sera disponible pour pouvoir changer son image de profil au début, nous aurons un simple bonhomme le prix de cette image sera entre 5 et 20 selon sa rareté.
## Fonctionnalités / Ecrans
### Navigation
Le menu est constamment visible sur le web il est en haut de page et sur l emobile en bas de page pour permettre une navigation plus rapide, nous gardons le menu en fixe car nous avons peu d'éléments donc pour éviter que l'utilisateur est trop d'action inutile nous l'avons fixe

### Ecran 1 / Page 1
### Mobile
![Welcome](https://github.com/mmicastres/sae401-cerqueira_thomas-boyer_evan/assets/150169319/e14677d7-1592-4ea5-bdcc-2f50badef09f)

Premier écran que l'utilisateur voit, il y a une courte présentation de l'application avec la possibilité de s'inscrire ou de se connecter. Cet écran n'existe pas sur la version Desktop
### Ecran 2 / Page 2
### Mobile
![Connexion](https://github.com/mmicastres/sae401-cerqueira_thomas-boyer_evan/assets/150169319/bf18729a-725d-42a4-b00a-bbe26cabdd0d)

### Desktop
![Connexion](https://github.com/mmicastres/sae401-cerqueira_thomas-boyer_evan/assets/150169319/4f6e72db-d913-4986-9d01-ea805f1cdfee)

Ecran de connexion ou l'utilisateur renseigne son adresse email et son mot de passe pour se connecter a son compte.

### Ecran 3 / Page 3
### Mobile
![Inscription (step 3)](https://github.com/mmicastres/sae401-cerqueira_thomas-boyer_evan/assets/150169319/c7c831a7-b365-4dd0-9a02-deaa3ee384be)
![Inscription (step 2)](https://github.com/mmicastres/sae401-cerqueira_thomas-boyer_evan/assets/150169319/a75ea03c-e282-44e3-910c-3c5def2bc735)
![Inscription (step 1)](https://github.com/mmicastres/sae401-cerqueira_thomas-boyer_evan/assets/150169319/ad99f623-099f-4400-acfc-fbdef54181c4)

### Desktop
![Inscription](https://github.com/mmicastres/sae401-cerqueira_thomas-boyer_evan/assets/150169319/71e39de1-edf7-4949-bd80-8943b3fc790c)

C'est la page inscription donc un formulaire plutôt basique avec le bouton mis en contraste pour que l'utilisateur est envie de continuer, la différence entre le format mobile et web est que sur le mobile l'inscription se fait sur 3 page avec une barre de progression pour se situer, elle est en plusieurs page pour eviter de devoir scroller et/ou de surcharger l'écran

### Ecran 4 / Page 4
### Mobile
![Citation (Accueil)](https://github.com/mmicastres/sae401-cerqueira_thomas-boyer_evan/assets/150169319/5a554e7d-cf2d-4e84-867d-6149cc4f8a01)

### Desktop
![Citation (connecté)](https://github.com/mmicastres/sae401-cerqueira_thomas-boyer_evan/assets/150169319/7657ada2-a53e-441b-9a1a-7b5f80d90094)

Cette page sera sûrement celle que l'utilisateur voudra observer en premier lieu car c'est sur celle-ci que la citation quotidienne apparaît, il y sera possible de la mettre en favoris mais aussi avec 3 pièces d'obtenir une nouvelle citation au risque de perdre la première.

### Ecran 5 / Page 5
### Mobile
![Favoris](https://github.com/mmicastres/sae401-cerqueira_thomas-boyer_evan/assets/150169319/7deda8e3-8530-4add-ab19-42c23fb3968e)

### Desktop
![Favoris (connecté)](https://github.com/mmicastres/sae401-cerqueira_thomas-boyer_evan/assets/150169319/e6ee156c-d572-4ea2-9d56-96c338abde14)

![Favoris (détails)](https://github.com/mmicastres/sae401-cerqueira_thomas-boyer_evan/assets/150169319/25a2dfe1-e49a-4fb2-bbe1-3c3c71d93ff0)

Cette page montre les citations que l'utilisateur à mise en favoris pour les retrouver, si il change d'avis un bouton supprimer est disponible, sur le format mobile les citations apparaissent une par une alors que sur le web on peut accéder à toutes ou une grande parties des citations mise en favoris

### Ecran 6 / Page 6
### Mobile
![Inventaire](https://github.com/mmicastres/sae401-cerqueira_thomas-boyer_evan/assets/150169319/4244c2d0-6f8d-4146-b128-f4b6a0187a35)

### Desktop
![Inventaire (connecté)](https://github.com/mmicastres/sae401-cerqueira_thomas-boyer_evan/assets/150169319/dd74ccc5-4f28-4c6e-9d56-760d858acdd8)

Cette page répertorie tous les items que l'utilisateur possède et permet aussi de changer sa pp et de voir laquelle est équipé

### Ecran 7 / Page 7
### Mobile
![Magasin](https://github.com/mmicastres/sae401-cerqueira_thomas-boyer_evan/assets/150169319/4f13ffc8-c1e7-4c7e-8d59-dd75c3d03d89)

### Desktop
![Magasin (connecté)](https://github.com/mmicastres/sae401-cerqueira_thomas-boyer_evan/assets/150169319/9b0d34c4-6bc2-48a4-9b90-fdc8196604d1)

Cette page permet à l'utilisateur d'acquérir de nouvelle photos de profil, grâce aux pièces obtenue, il pourra les mettre en liste de souhait pour la retrouver plus facilement à l'aide du filtre

### Ecran 8 / Page 8
### Mobile
![Profil](https://github.com/mmicastres/sae401-cerqueira_thomas-boyer_evan/assets/150169319/4e2e7472-d42e-47af-9d33-e974532fa378)

### Desktop
![Profil (connecté)](https://github.com/mmicastres/sae401-cerqueira_thomas-boyer_evan/assets/150169319/b099ecef-5159-4577-b134-3c4ab7c1ee19)

Cette page permet de vérifier ses informations personnelles saisie lors de l'inscription avec la possibilité de modifier en cas d'erreur

## Maquettes finales

Base Gallery (Uber)

Liens vers les maquettes

#### Material Design Boyer Evan
https://www.figma.com/file/ydYiqtJ2GwjOIIiS2HZnoW/Material-3-Design-Kit-(Community)?type=design&node-id=54835%3A29048&mode=design&t=3GDfZoGFBybYN5Cl-1

#### Base Gallery (Uber) Cerqueira Thomas
https://www.figma.com/file/FOIAvUz0tMP1Q3tjoiK0Vz/DailyQuote?type=design&node-id=0%3A1&mode=design&t=6po2wwYcXuL0psLN-1