Hackathon 2017

1. MAC.C
L'expérience café connectée

2. L’ÉQUIPE
DIANE
M1 Web Design
NICOLAS
M2 Web Development
MARVIN
M1 UX Design
ÉMELINE
B3 Gestion de Projet
STEVEN
B3 Gestion de Projet
ROMAIN
B3 Gestion de Projet

3. Concept
La MAC.C [Prononciation “Maksy”] est une machine à café connectée. Elle permet à travers une application
de pré-sélectionner sa boisson chaude de n’importe où.
Ce nouveau concept propose une large variété de café moulu de haute qualité, cappuccino, thé ou bien du
lait.
Tout cela entièrement personnalisables. (dosages, accompagnements…)
Le paiement peut se réaliser de 2 façons :
- Cagnottage du compte et paiement via l’application (Puce NFC)
- Directement sur la machine (Carte bleu/Monnaie)
Des écrans tactiles permettent également l’utilisation de la machine sans smartphones, ainsi qu’un léger
divertissement pendant la préparation.

4. CHARTE
logo
couleurs
polices
Poiret One#451706ff #cb9c50ff #d4b079 #f9ebdcff

5. CIBLE / BESOINS
LA CIBLE :
- Étudiants, équipes pédagogiques et
intervenants de l’ECV DIGITAL
SES BESOINS
Dématérialiser le paiement
Déguster une boisson de qualité
La personnaliser pour satisfaire pleinement
ses envies

6. PERSONA
Kevin ENGEL
“Posé j’suis sous jack dans
mon bendo, pouloulou”
23 ans
Etudiant à l’ECV
Digital en B3
Célibataire
Habite à Paris
Assidu Curieux Sportif
Objectifs
● Accélérer le processus de commande
● Moyens de paiement multiples
● Disposer d'une machine nouvelle génération :
○ Design futuriste
○ Variété d'arômes supplémentaires
○ Personnalisation de la boisson
● Obtenir son café et un en-cas en une commande
Freins
● Peu de choix
● Café de mauvaise qualité
● Dysfonctionnement de la machine
● Coût du café
Buts
Kevin ENGEL est étudiant à l'ECV Digital en B3 Gestion de projet.
Il est passionné par le foot et le digital.
Il se sert fréquemment de la machine à café dès son arrivée à l'école
pour se réveiller, puis en temps de pause pour découvrir de nouveaux
arômes.
Il aimerait que son école dispose d'une machine à café nouvelle
génération pour rendre ses pauses plus agréables.
Réseaux sociaux
Sources d’infos
● Vines
● Sites visités : l’équipe, the fwa, hypebeast
Marques favorites

7. PROMESSE
La MAC.C c’est l’assurance d’une boisson de qualité,
personnalisable et payable directement sur son
smartphone.

8. CUSTOMER JOURNEY MAPPING
1.Ouverture de
l’application
Avant la commande Pendant la commande Après la commande
2.Connexion ou
inscription
3.Sélection du produit
6.Validation
5.Sélection du mode
de paiement
4.Sélection des
suppléments
Passage en machine
7.Visionnage de
contenu
Récupération du café
8.Profiling
Vidéos
Infos
Jeux

9. L’APPLICATION et sa machine connectée
Pourquoi choisir une application mobile ?
L’utilisateur sera familier avec son application grâce à ses réglages prédéfinis.
Il pourra toujours l’utiliser, même hors connexion.
Enfin en tant qu’école axée sur le digital, l’utilisation des smartphones est courante, c’est pourquoi
faire une application est cohérent.

10. BENCHMARK

11. BENCHMARK
Panier de réception des
goodies plus facile d’accès
inspiré d’une corbeille.
On n’a plus besoin de
plonger la main dans un
espace.

12. APP MOODBOARD
L’app MCDO
pour l’affichage
en liste des
produits
L’app DELIVEROO
pour la partie
personnalisation

13. PRODUCT DESIGN écrans
tactiles
piston à boisson
corbeille
réservoir à
gobelets
paiement
socle

14. ZONING

15. WIREFRAMES 1 - 3
Chargement
MAC.C
MAC.C
Inscription Facebook
Se connecter
Avant de commencer ...
Etape 1/2
Votre café préféré ?
Suivant
Cappuccino

16. WIREFRAMES 4 - 6
MAC.C
Commander ce café
Commander mon café
préféré
Suivant
Avant de commencer ...
Etape 2/2
Votre type de
contenu préféré ?
Terminer
Sports Humour
Musique Danse
Arts Animaux
Weird
Choisir une boisson
Caféupe ThIl reste 5 cafés disponibles
Aujourd’hui, nous vous
conseillons le café malgache
Etape 1

17. WIREFRAMES 6 - 8
Suivant
Choisir la quantité
Payer en carte bleue
15cl 50cl
Etape 2
Choisir le café
Type de café
Topping
Friandises
Payer mon café
Paiement
Etape 3
Payer à la machine
en NFC

18. WIREFRAMES 9 - 11
Suivant
Choisir une carte bleue Paiement NFC Paiement
Approchez votre
téléphone de la machine
à café pour payer
Terminer
Votre paiement a été
accepté.
Visionnez votre Vines
N° xxx 254

19. WIREFRAMES 12 - 15
Actuellement en
visionnage sur votre
Mac C
Paiement
Retour à la page
d’accueil
Votre paiement a été
accepté.
Visionnez votre Vines
KingBach
NaeNae
7 sec restantes
Revoir la Vine
Votre café est prêt !
Bonne dégustation !

20. USER INTERFACE

21. USER INTERFACE

22. USER INTERFACE

23. USER INTERFACE

24. USER INTERFACE

25. USER INTERFACE

26. UI PRODUCT
Écran veille/Accueil Sélection des boissons

27. UI PRODUCT
Finalisation de la commandeBoisson sélectionnée et personnalisation

28. Application mobile - Prototype
Télécharge l’application sur Android ! 😉