AFRICA MILLIONS

africa millions

Conception d’une application iOS et Android de jeux de loterie, casinos et bien d’autres ainsi que de sa vitrine.

DATE

2018 -2019

NOTRE INTERVENTION

Design & expérience utilisateur

À DÉCOUVRIR ICI

CONTEXTE DU PROJET

AM Partner est le partenaire privilégié des opérateurs de loterie sur l’ensemble du continent africain et s’est lançé dans le développement de la première offre de loterie en masse commune sur le continent : l’Africa Millions. La société est présente en Angola, Mozambique et bientôt en Zambie et compte bien s’étendre à d’autres pays de la région.

Ils ont fait appel à nos services afin de concevoir l’application de jeux de l’Africa Millions qui permettra aux utilisateurs de jouer à différents jeux de loteries, casinos et bien d’autres.

TYPOGRAPHIE

typographie

COULEURS

couleurs

12612C
D4D802
255
255
255
DD0000
F6AA1C
255
255
255
F4F4F8
244
244
248
FFFFFF
255
255
255
E9E9F2
233
233
242
000000
0
0
0
ADADC0
173
173
192
0D0C33
13
12
51
313153
49
49
83
4A4A6A
74
74
106
7E7EA0
126
126
160
FFFFFF
255
255
255

LE PROCESS

le process

01

ARBORESCENCE

L’arborescence permet de constituer la hiérarchie entre les différentes pages de la solution. Elle est essentielle pour offrir une expérience utilisateur fluide et ergonomique. Elle joue également un rôle important dans le référencement naturel, dans le cas d’un site web.

02

WIREFRAMES

La conception de ces maquettes dites “fonctionnelles” permet de définir les zones et composants de la future interface. C’est une étape essentielle du projet car elle permet la simulation, sous forme de prototype, du fonctionnement des parcours produits, mais également de définir une première estimation du temps et du coût de développement.

03

habillages sombre/clair

Une fois les wireframes verrouillés, nous appliquons la charte graphique de l’identité afin de travailler l’UI (user interface) de la solution. Ici, le client souhaitait offrir une experience davantage personnalisée à ses utilisateurs en leur proposant deux modes d’affichage : light & dark mode.

04

marque blanche

AM Partner étant le partenaire privilégié des opérateurs de loterie sur l’ensemble du continent africain, ils souhaitaient proposer cette application sous forme de marque blanche afin de pouvoir adapter les couleurs de celle-ci selon la charte de l’opérateur.

05

mise en responsive

Afin d’offrir une expérience de lecture et de navigation optimale aux utilisateurs, quelque soit leur appareil, il est nécessaire d’adapter les maquettes réalisées dans les principales tailles d’écran (desktop, tablette, mobile).

06

livraison

Une fois les maquettes, prototype, et composants livrés à l’équipe technique, celle-ci peut débuter le développement de l’interface.

“Nous avons conçu une application au thème graphique personnalisable, dans le but d’enrichir l’expérience des joueurs. Les gens imaginent souvent le mode sombre comme un choix entre un écran noir ou blanc, mais cette fonctionnalité implique un large éventail de dégradés de niveaux de gris et de couleurs. S’ajoute à cela l’univers graphique en lien avec le monde des jeux de loterie qui se veut d’être coloré, vif et attrayant.”

Aude KEREUN

UX Designer

Application personnalisable

AM Partners a souhaité mettre au point une solution entièrement personnalisable, destinée à enrichir l’expérience de jeu des joueurs ainsi qu’à démarquer les différents opérateur.

Ce souhait s’est traduit par la création d’un “dark mode” ainsi qu’une charte couleurs déclinable sous forme de marque blanche. En effet, le mode “sombre” se généralise sur pas mal de plateformes numériques.

Au delà de l’aspect graphique, ce mode possède d’autres avantages tels que la réduction de la consommation d’énergie ainsi que la fatigue occulaire. Il permet égalemet d’améliorer la lisibilité et le contraste sur certains éléments.

Une vitrine structurée et intuitive

Le principal challenge a été la structuration de l’architecture d’information au sein du site.

En effet, un travail de simplification des parcours a été nécessaire afin de guider au mieux l’utilisateur. La mise en avant du prochain tirage ainsi que l’accès aux résultats se devaient d’être simple et intuitif.

Une approche “mobie first” a été appliquée sur cette conception. Ce process consiste à concevoir les différents écrans de l’interface et parcours utilisateur en version mobile dans un premier temps. Cette stratégie permet de se focaliser sur l’essentiel en privilégiant l’aspect fonctionnel.

Débuter par la version mobile permettra de concevoir une architecture la plus légère possible afin de garantir une expérience utilisateur facile et intuitive.

“Dans le cadre du développement de notre site vitrine ainsi que de l’application mobile, LCAS a su répondre à des problématiques complexes en créant une interface simple, moderne et efficiente. Grâce à des échanges approfondis, l’agence a parfaitement identifié nos besoins fonctionnels et graphiques, et ce en dépit des nombreuses contraintes que nous leur avions soumises.”

Cyril Berteau

Content manager chez Africa Millions

autres projets