wellmoji

L'application de Nawell Madani

Forte d’une notoriété sans cesse grandissante, Nawell Madani avait débarqué sur les stores avec son application WellMoji, pleine d’humeur et d’humour.
Une première en France, l’application permet le partage d’émoticônes grâce à son clavier personnalisé dédié à l’artiste, qui est composé de plus de 300 éléments :

emoji
emojis
s40
stickers
GIFs_app4
animations
sons

Détails du projet
– La durée : 6 mois
– L’équipe : un graphic designer, un développeur
– Mon rôle (graphic designer) : créer l’application de A à Z,  logo, shooting photo, visuels, design et rédactionnel

Le défi
Nawell Madani voulait toucher son audience et la faire grandir, en lui proposant une application ludique dans les conversations de tous les jours sur mobile. WellMoji est une application qui lui ressemble et qui est fédératrice comme elle.

Le projet

Recherches
1/ J’ai effectué des recherches sur l’audience et la cible visée. Il en ressort qu’elle est majoritairement en France et que les femmes entre 18-34 s’en démarquent. En complément, la cible est très active sur les réseaux sociaux et vie essentiellement en milieu urbain.

audience-NM

2/ L’inspiration vient des applications de Kevin Hart et Kim Kardashian : respectivement Kevmoji et Kimoji. L’approche plus urbaine et grand public de Kevmoji s’adaptait parfaitement au profil de Nawell Madani. Le + de WellMoji, c’est l’inclusion de notes sonores.

3/ J’ai commencé à réfléchir à la création du logo et des visuels susceptibles d’y avoir dans l’application. Cela me permettait de me projeter dans l’articulation de l’application.

Le logo
Nawell Madani, a toujours joué autour de son prénom dans les titres de ses divers projets : WellDone, son documentaire réalisé à New York, ou encore WellTour, sa web-série sur la tournée de son spectacle « C’est moi la plus belge ! »  Comme une évidence le nom trouvé est « WellMoji ».

logowellmoji

Les stickers mots
Plus de 500 recherches pour arriver à une sélection de 134 stickers

stickers_mots

Le shooting
En collaboration avec le photographe Ahmed Bahhodh, Stéphane (vidéaste) et Nabila (maquilleuse), le shooting s’sest déroulé en studio « Home Made » chez moi ! Ce qui à posteriori, nous a permis d’avoir tous les accessoires qui nous passaient par la tête, à disposition.

Le emojis et les stickers face
17 emojis et 53 stickers face sélectionnés

screen700

Le gifs
Une centaine de gifs disponibles dans l’application. A partir de la séance vidéo « Home Made », j’ai ajouté et animé sur certains quelques stickers mots

73boucle

Le sons
46 sons sélectionnés

sons

L’icône de l’application
Après plusieurs propositions, 3 icônes se sont dégagées. La troisième a été retenue, car elle est plus sobre, le logo WellMoji  plus grand dans la zone utile et facilement visible parmi l’ensemble des applications sur un écran mobile.

icone_app2

Les wireframes numériques
En binôme avec le développeur au fur et à mesure et que je lui envoyais mes designs, j’ai pu établir les 4 écrans principaux, avec le placement des éléments et des icônes de navigation. 

preview_designEMOJI
Emojis
preview_designSTICKERS
Stickers
preview_designGIFS
Videos
preview_designAUDIO
Audios

A l’issue d’une nouvelle review, le choix a été pris de séparer les stickers images et mots pour éviter la confusion de l’utilisateur dans la navigation.

Les wireframes numériques du tutoriel d’installation
Si l’utilisateur a besoin d’être aidé, il peut faire défiler un tutoriel d’installation au lancement de l’application.

Les icônes et références couleurs
8 icônes de navigation, finalisées après plusieurs rewiews, avec pour certaines, leur version lorsqu’elles sont activées, ainsi que les deux couleurs principales de l’application et la couleur secondaire pour la navigation.

review-clavier4
icone-app-Wellmoji

Les captures d’écran pour les stores

project-six_xl