UI Design

Les challenges UI

Ici vous sont présentés les challenges "Daily UI" de Cacatoès Theory

Formulaire d'inscription à un jeu de piste en ligne

Brief : Même les grands enfants aiment les cartes au trésor, trouver des indices mystérieux et déjouer des embûches ! 🕵️

Ta mission pour ce premier jour : concevoir un écran d'inscription à un jeu de piste.
Contrainte : 📱Mobile (iPhone 8 ou X).

Moodboard du projet

Le logo créé pour l'occasion

Le design final

Je souhaitais une interface très simple pour ce jeu : un champs nom/prénom (l'utilisateur peut très bien utiliser un pseudo, d'où l'utilisation du terme "aventurier.ère")

La possibilité de s'inscrire soit par e-mail, soit grâce à son numéro de téléphone.

La possibilité de se connecté si on a déjà un compte. Mettons que l'utilisateur change de téléphone, il doit pouvoir se connecter à son application préférée sans avoir à s'inscrire une deuxième fois.

Et enfin, le CTA pour pouvoir se connecter. Avec un border blanc pour être plus visible pour les utilisateurs qui distinguent moins les couleurs.

Page d'erreur 404

Le brief : Un écran 404, c'est cette fameuse page qui s'affiche lorsque le site te renvoie sur une url qui n'existe pas ou qui a été déplacée.
Mission : créer une page 404 attrayante et, pourquoi pas, engageante.
Contrainte : 🖥 Desktop (1440x900) et 📱 mobile (iPhone 8 ou X).

Le résultat final : version desktop et mobile

La modale de paiement CB

Le brief : Difficile de partir en vacances sans rien payer (même quasiment impossible).
Mission : À toi de concevoir une modale de paiement qui respecte les codes du Design d'interface. 👊
Contrainte : 🖥 Desktop (1440x900).

Résultat final avec un style glassmorphism

Widget météo

Le brief : La météo c'est très important ! Inutile de prévoir une sortie randonnée (ou transat) si un orage se profile à l'horizon.
Mission : Créer le widget d'une application météo.
Contrainte : Au minimum 3 versions du widgets : pluie, soleil et orage.

Version pluie
Version soleil
Version orage

Hero de landing page dans le cadre d'une campagne de prévention pour animaux

Chaque année, près de 40 000 chats et chiens sont abandonnés sur la route des vacances.
Est-ce une coïncidence si la Journée mondiale du chat tombe le 08 août et celle du chien le 26 août ? Ça m'étonnerait !

Partons du principe que c'est une mauvaise chose et que tu souhaite contribuer à y remédier en ce huitième jour de challenge !

Mission : Concevoir le Hero d'une Landing Page luttant contre l'abandon d'animaux.
Contrainte : 🖥 Hero sur Desktop (1440x900).

Allez-vous matcher avec Toutou ?

Billet de train ou d'avion

Le brief : Tu vas partir en vacances ! Le jour tant attendu est enfin arrivé, seulement voilà : l'imprimante est en panne et tu n'es plus au travail, donc impossible d'imprimer des documents à la pause café/thé.
Mission : Concevoir des billets de train aller/retour adaptés pour une lecture sur mobile.
Contrainte : 📱Mobile (iPhone 8 ou X).

Le boarding pass

En situation

Portfolio