Introduction. Branding Wireframes. Graphisme 8

Transcription

1

2 Introduction Pour le branding nous avons réfléchi à notre logotype, les typographies utlisées pour les différents supports print et web. Nous avons pensé à la carte de visite, ainsi qu à un carton d invitation pour nos différents évènements, à savoir des soirées qui se passeront idéalement une fois par mois. Nous avons aussi fait des wireframes, afin de préparer le design du site. Branding Wireframes 3 5 Graphisme 8

3 Branding : Présentation du logo Nous avons choisi les typographies «Janda Safe and Sound», et «Amplify» pour créer un effet entre le givre cassant et la douceur de la neige. L esperluette sert à faire le lien entre les deux mots et permet de rajouter une astuce graphique, rappellant aux personas la glace et l hiver. 3

4 Branding : Carte de visite et carton d invitation Commerce de Glaces Carton d Invitation vous invite à sa soirée de dégustation. Vous aurez l occasion de goûter les nouveaux parfums au Palais des Glaces, le 01/01/2014 à partir de 20h. 4

5 Wireframes : Site Web Le concept de notre site est simple : comme le funnel, il s agit d une suite de questions posées à l utilisateur. En fonction de sa réponse, la prochaine question est générée. Bien entendu, il peut revenir à tout moment aux questions précédentes via un simple scroll. L utilisateur peut s identifier afin d accèder à ses anciennes commandes, à ses compositions favorites et à ses informations personnelles. Par rapport à nos Personas, ce système nous semblait être le plus intuitif et le plus rapide. 5

6 Wireframes : Site Web Lorsqu il choisit de passer une commande, l utilisateur répond à une suite de questions au bout desquelles il compose peu à peu sa ou ses glaces. À la fin du procédé, l utilisateur n a plus qu à choisir son mode de paiement et doit remplir les champs concernés. Ceci fait, un récapitulatif s affiche avant la validation définitive de sa commande. Une fois validé, la page se fond en noir et un message apparaît. 6

7 Wireframes : Site Web Lorsque l utilisateur choisit d avoir des informations, elles concernent trois sujets : les événements, les points de vente et les votes destinés à élire un nouveau parfum. Encore une fois, les informations sont affichées en conséquence. Dans l exemple ci-contre, s il choisit «Boutiques», une carte de France lui indiquera tous les points de ventes. Si au contraire, il choisit «Camions», cette même carte affichera les trajets des différents camions de glace. 7

8 Graphisme : Benchmark Nous avons choisi ces concurrents parce que pour la plupart, ils ont les mêmes cibles que nous et travaillent dans le même secteur (ici, la classe moyenne et les glaces). Pour Typeform, c est surtout le concept et la navigation dans le site qui nous intéresse : simple et rapide. 8

9 Graphisme : Éléments PF Din Text Pro (OTF) PF Din Text Pro (OTF) Thin ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz &!?;.()[]$ %@# PF Din Text Pro (OTF) Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz &!?;.()[]$ %@# Nous avons choisi une grande palette de couleurs virant du bleu au vert pour être plus harmonieux, ainsi qu une typographie pour d autres utilisations : menus du site, textes descriptifs, cartes de visite et cartons d invitation. 9

10 Graphisme : Univers & Typographies Pour notre nom, nous avons chercher tous les termes lié au froid et à la glace : igloo, eskimo, frozen, glazed, etc. Mais nous avons choisi Frost and Snow qui veut dire «gel et neige». Notre univers : la glace, l hiver mais aussi l accès facile et l échange. Nous souhaitons avoir une réelle relation avec nos clients, durable aussi si possible. C est pour cela que nous souhaitons organisé des soirées occasionnelles dans l année pour permettre aux clients de déguster les nouveaux parfums et de les noter. Ci-dessous, les typographies choisies : Frost and Snow Janda Safe and Sound Frost and Snow Champagne & Limousines Frost and Snow Amplify Frost and Snow Mathlete 10

11 Fin 11