Projet GYAL

mockup Gyal

Contexte du projet :

Lors de mon année de formation en tant que Concepteur designer UI, j’ai eu à élaborer un projet fil rouge afin de valider des compétences métier . 

GYAL [G -YAL] est un projet fictif d’application permettant de réserver des prestations de maquillage à proximité de chez soi.  Les exigences pour ce projet étaient celles-ci: 

 

  • Réaliser des illustrations, des graphismes et des visuels
  • Concevoir des interfaces graphiques et des prototypes
  • Réaliser une animation pour différents supports de diffusion
  • Créer des supports de communication
  • Mettre en œuvre une stratégie webmarketing
  • Assurer une veille professionnelle et développer les compétences collectives de son équipe
  • Intégrer des pages web
  • Adapter des systèmes de gestion de contenus
  • Optimiser en continu un site web ou une interface
 
Les exigences se portant sur un site internet, j’ai donc conçu un site vitrine mettant en avant l’application.

Logiciels utilisés

Ma démarche

Conception du logo et de la charte graphique

L’application étant destinée à des femmes actives et sollicitées, je décide d’orienter mon moodboard sur des inspirations « girl boss » « women empowerment« . Les couleurs reprises dans cette univers sont souvent des couleurs rosées nude. Ces couleurs se marient très bien à l’univers du maquillage.

Pour la construction du logo, je m’inspire de la technique du trait continu. 

Le logo représente une femme dont le haut du visage est cachée par un chapeau .


La typographie du logo à été choisi pour ces empatement et ces formes arrondis. l’objectif est d’inspiré un côté raffiné et féminin

mood board-projet
Moodboard du projet
contruction du logo

Personas

Persona-fifi
Persona-Elyn

Maquettes

Les maquettes ont étés conçues dans une démarche « mobile first » . Cette méthode s’adapte aux habitudes des utilisateurs qui utilisent principalement leur smartphones pour accéder à internet . 

 

Entamer la conception sur une interface réduite facilite le conception des interfaces plus larges. 

Concevoir en « mobile first » permet de ne pas se retrouver avec des interfaces qui ne sont pas responsive

visuel-mobile-gyal
maquette mobile du site vitrine
visuel-gyal-desktop
Maquette desktop du site vitrine

User flow

Identité visuelle

identité-visuelle-gyal