wellmoji

Application native de Nawell Madani
et site web responsive

Le produit
C’est la première application native que j’ai conçue en mode multi-casquette, une aventure riche et intense, où j’ai appris et acquis de nouvelles compétences.
Forte d’une notoriété sans cesse grandissante, Nawell Madani avait débarqué sur les stores avec son application native 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 se veut être une application qui lui ressemble, qui est fédératrice comme elle, en rassemblant des personnes différentes au sein d’une même communauté.

Processus de conception centré sur l'utilisateur

Recherches
J’ai effectué des recherches sur l’audience de Nawell Madani à travers sles réseaux sociaux et ainsi définir 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 d’être très active sur les réseaux sociaux, la cible vit essentiellement en milieu urbain.

audience-NM

Démarrer la conception

Le projet
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.
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 et la structure 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 numériques réalisées sur Illustrator 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’est 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, et 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

Affiner la conception

Les maquettes clés
L’application a été soumise à des tests en continu parmi un échantillon de connaissances, via TestFlight sur Iphone et les feedback reçus ont été précieux pour apporter des améliorations substantielles à l’application.
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.

écrans wellmoji

Le clavier, les icônes et références couleurs
Le clavier et 8 icônes de navigation ont été finalisés après plusieurs rewiews. Ci-dessous, les versions des icônes actives et non-actives, les deux couleurs principales de l’application, ainsi que la couleur secondaire pour la navigation.

review-clavier4
icone-app-Wellmoji

Le 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 captures d’écran pour l’App Store et le Google play

project-six_xl

Conception responsive

Le site web
Un site web responsive a été conçu, mobile first, puis décliné en version tablette et desktop, pour accompagner l’application native WellMoji. J’ai optimisé les conceptions “above the fold” pour répondre aux besoins spécifiques des utilisateurs de chaque appareil et taille d’écran.

Site web WellMoji

Spécifications techniques
Pour les logos et icônes, j’utilise Illustrator, les wireframes ont été réalisés sur Photoshop à cette période, puis je me suis formée sur Figma. Le teaser a été finalisé sur Final Cut Pro. 

logos logiciels wellmoji

Le lancement

Résultat final :
L’application a été lancée le 2 avril 2017, avec un communiqué de presse, des flyers, un site web, une ecard, un teaser video et un concours sur les réseaux sociaux. Elle a reçu un très bon  accueil et  s’est classée dans le top 20 sur les stores.

Conclusion

Ce projet d’application a été une expérience enrichissante et exigeante qui m’a permis d’acquérir une diversité de compétences. De la gestion de projet au design, de la direction artistique des séances photo à l’animation vidéo, j’ai touché à de nombreux domaines. C’était une aventure formidable et j’ai appris énormément. Je suis fière de ce que j’ai accompli et des enseignements que j’ai tirés de cette expérience.
Les utilisateurs, se sont identifiés en tant que membres d’une communauté Wellmoji, même venants d’horizons différents 🙂 La réception positive a été particulièrement gratifiante, d’autant plus que l’application a été le fruit d’un immense travail, cela m’a beaucoup encouragée pour continuer à développer d’autre projets créatifs.

Merci d’avoir pris le temps de regarder mon travail ! 👍
Si vous désirez en savoir davantage ou établir un contact, vous trouverez mes coordonnées ci-dessous : 
contact@carolereman.com

Précedent

Accueil

Suivant