Introduction

TeamE, l’application qui donne toute l’actualité de vos équipes favorites où que vous soyez et à tout moment.

Découvrir l'app

Case Study TeamE

La mission

Cette année pour le Workshop Reboot Factory, les professeurs de DWM nous ont proposé de réaliser une web application par groupe de quatre. Le choix du thème de celle-ci était totalement libre, mais devait être propice à l'utilisation mobile.

webcoast

Le thème

Nous sommes partis dans l’optique de créer une application qui regrouperait tous les résultats et les news sportives conçernant les sports d’équipes. Il existe bien sûr des applications qui regroupent ce genre d’informations, mais généralement les sports sont repartis dans plusieurs applications mobiles différentes.

Le contexte

Pour ce projet qui allait durer deux semaines, nous avons dû former des groupes de quatre personnes. Heureusement, je suis tombé sur le meilleur groupe que l’on pouvait imaginer, le courant est tout de suite passé et l’ambiance durant ces deux semaines fût joyeuse et productive.

Immersive TeamE photo

OBSERVER POUR MIEUX COMPRENDRE NOTRE SUJET

Nous avons commencé par regarder ce qui se faisait autour de nous en matière d’applications sportives. Cela nous a permis de trouver les points forts et faibles de celles-ci, mais également de trouver de l’inspiration en terme d’architecture de contenu.

STRUCTURER POUR MIEUX CONSTRUIRE

Pour arriver à une architecture d’information compréhensible et instinctive pour l’utilisateur, nous avons procédé à quelques exercices comme le tri à carte, puis ensuite le prototyping.

structure
Teame mockup iphone

DESIGNER POUR MIEUX VISUALISER

Nous avons décidé de partir sur un design épuré au niveau des couleurs pour ne pas surcharger la pauvre rétine de nos utilisateurs. Le bleu étant la couleur que nous trouvions la plus adéquate, nous avons choisi de colorer uniquement les éléments avec lesquels il était possible d’intéragir. Pour les pictogrammes nous sommes partis sur des traits fins.

L'application

Voici un petit preview de l’application à son état final. Cette application reste bien sûr un prototype, c'est pourquoi si vous voulez l'essayer, je vous conseille de suivre ce petit scénario : sélectionnez le basket, ensuite la NBA et pour finir les Lakers (qui est votre équipe favorite du moment). Une fois arrivé sur la page des Lakers, vous aurez accès à toutes les informations les concernant. Grâce à la petite étoile en haut à gauche, vous pourrez ajouter les Lakers à vos favoris et ainsi suivre leur actualité dans le flux général lié à votre compte TeamE.

CRÉER, CONSTRUIRE, CODER

Durant ce travail, mon boulot fût de créer les pictogrammes, le logo, mais également la landing page de notre application.

Teame mockup desktop

Et après deux semaines de travail, voici le résultat

Découvrir

case study teame sous naviguation