Introduction. Branding Wireframes. Graphisme 8

Documents pareils
Charte graphique 2011

QUESTIONNAIRE CAHIER DES CHARGES POUR FACILITER LA CREATION DE VOTRE SITE WEB

3 EXPERTISES AU SERVICE DE VOS OBJECTIFS

sommaire Charte graphique - identité visuelle éléments constitutifs de la charte papeterie contenu du CD-ROM

Présentation MDNT Nos services Print. Nous contacter. Web. Référencement

Ces conseils vous sont offerts par Retrouvez tous nos produits et nos astuces sur notre site.

IGP CITE DE CARCASSONNE-CABERNET

Créer un compte itunes Store

Emission 2 1 ère épreuve : Baba

Sommaire. 1ère Partie: L analyse. 2ème Partie: Le concept. 1. Etude du rosé et de la concurrence. 2. Etude du Bordeaux rosé 3.

des idées lumineuses...

Mise en lumière de votre excellence

Comment accéder à d Internet Explorer

BOOK REFERENCES ERGONOMIQUES Gfi Informatique

Conférence d Oslo. Présentation générale des premières décisions à adopter. par le Comité de suivi de la convention. par Marie-Françoise Glatz

Objectif(s) Présentation du contexte et de l organisation

Guide de pratiques exemplaires en matière de commerce mobile. Des techniques concrètes pour surpasser les normes de l industrie

crème glacée DOSSIER DE PRESSE

Packs Graphiques. Comparez nos offres! Chrome Silver Gold Platinum Appel non surtaxé. Comment choisir votre pack? Design.

LA BOX FIBRE DE SFR GUIDE D UTILISATION COMPLET (MAIS PAS COMPLEXE) SFR.FR

Comment choisir sa machine à café?

BOOK DESIGN & DEVELOPPEMENT

Les 10 étapes incontournables pour réaliser un site internet performant et accessible

M1105 Web Design Analyse Sectorielle Sites de grands musées

Lyon Bleu. Lyon Bleu. International. International. Ecole de français au coeur de Lyon.

MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE. Documentation utilisateur Octobre 2005

ERGONOMIE ET OPTIMISATION DU TAUX DE CONVERSION D UN SITE INTERNET Partie 1/2

AUDIT SEO BAP : ANDALPES. CONCURRENT «DIRECT» : Aucun. 5 MEILLEURS RESULTATS : «ski en france et amérique latine»

I - Pour créer un site web

CAHIER DES CHARGES CREATION / AMELIORATION SITE INTERNET

Biarritz Bordeaux Saint Sébastien Bilbao Bardenas. Célébrons ensemble l arrivée du Printemps!

Approche Design Méthodologie de conduite de sites web

VOYAGE AU PAYS MAGIQUE DU PÈRE NOËL

Questionnaires préalable à la réalisation d un site e-commerce

Numéro spécial. idémat est également accessible depuis votre smartphone et votre tablette. mars Entrer dans le portail

CONDITIONS PARTICULIERES DE VENTE EN LIGNE DE TITRES DE TRANSPORT SUR REMONTEES MECANIQUES

ScIn11 informatique Session d'appel, durée 1 heure, tous documents autorisés N'oubliez pas de reporter votre numéro d'anonymat :

CAHIER DES CHARGES SITE WEB : Steve Mind Magicien Close-up & Mentaliste - 1 -

mytnt national mode d'emploi mise à jour : septembre 2014 Votre Service Clients en ligne MA-MK * Des hommes, un réseau.

160 Boulevard de la République Saint Cloud - tel : info@meliatis.com

ondée en 1761, À la Mère de Famille, est la plus ancienne chocolaterie confiserie de Paris. Depuis que nous l avons reprise il y a 15 ans, nous

C ÉTAIT IL Y A TRÈS LONGTEMPS QUAND LE COCHON D INDE N AVAIT PAS ENCORE SES POILS.

Guide de prise en main. Yourcegid SOLOS. Devis-Factures. 12/08/2013 Page 1 / 38

Web. Un site Web à votre image.

charte graphique 1 - logotype de la FMSH 2 - logotype / couleurs 3 - logotype / variantes 5 - logotype / zone d exclusion 6 - logotype / utilisation

relations publiques CLUB PRESTIGE

Cours 1 : Qu est-ce que la programmation?

Petit memo rapide pour vous guider dans la gestion des engagements de vos compétitions FFM

La communication et la dissémination dans le cadre de projets européens

Rédiger pour le web. Objet : Quelques conseils pour faciliter la rédaction de contenu à diffusion web

Sommaire. Avertissement :

Créer/gérer le site Internet de son association. 17 octobre 2012 Sati.tv Michael Coulon

aissez-vous choyer, en plein cœur de la nature.

Dessinez votre tissu, votre papier peint, vos stickers, votre papier cadeau

Physique. interaction pneu-chaussée facteurs liés à l adhérence calcul de la distance de freinage

Scénario de prise en main DataCar CRM v2.3 Gamme SFA

Les pages suivantes présenteront : I. Le téléchargement et l installation du navigateur. II. L utilisation de Pep s à l aide de ce navigateur.

Tutoriel : Créer un site web simple avec Composer. Fiche consigne Page 1 sur 6

MANUEL UTILISATEUR. Application 4trip

ANICOTTE Guillaume GUFFROY Matthieu LIMA Juliette SALLOUH Chamsseddine CAHIER DES CHARGES SI 28

Marché n Refonte globale du Fil du bilingue, le site des sections bilingues francophones dans le monde

CONGRÈS -SÉMINAIRE INCENTIVE 1 journée

Ecran principal à l ouverture du logiciel

Guide d utilisation rapide. Machine à affranchir CourrierPRO

Jérôme Collet. Designer Graphique Ergonomie / Motion Design Portfolio

GUIDE UTILISATEUR SOGE-NET

B U L L E T I N D I N F O R M A T I O N

NOS DESSIN FORMATIONS. PAOMULTIMEDIAWEB3DCINEMAAUDIOVISUEL La formation idéale existe, nous l avons inventée!

Ecran : Processeur : OS : Caméra : Communication : Mémoire : Connectique : Audio : Batterie : Autonomie : Dimensions : Poids : DAS :

Graphiste Webdesigner freelance depuis 2011,

Brief créatif site e-commerce

Créer une maquette de site Internet

Transformer une simple envie en une véritable pulsion

BOSS : Bourses régionale du Sanitaire et du Social GUIDE UTILISATEUR ETUDIANT

Charte Graphique Caisse d Epargne Rhône Alpes

DEPOSER SES STATUTS ARTIST PROJECT

Agence de communication Evénementielle

Choix du support. 1. Factice 2. à l anglaise. 3. Tradition étage

LA REUSSITE DE VOTRE PROJET MEDIA DEPEND BEAUCOUP DU CHOIX DE VOTRE PRESTATAIRE INFORMATIQUE

Karine PEREIRA Animatrice manager Cyber-base de la Nièvre FOURCHAMBAULT / LA CHARITE SUR LOIRE

Annexe 1 Bordereau des prix unitaires

Ces conseils vous sont offerts par Retrouvez tous nos produits et nos astuces sur notre site.

spécificationstechniques

DÉCOUVREZ NOS SERVICES

Matériel. . 9 cartes Personnage

Le front office (utilisateur client):

UI-DESIGNER / UX-DESIGNER & DIRECTEUR ARTISTIQUE DIGITAL

PRÉSENTATION GÉNÉRALE

Dragon Naturally Speaking 13

sur rendez-vous du lundi au vendredi 9 h 18 h s h i r l e y

Le grand Nord. initiation aux chiens de traîneau, bûches finlandaises, Raclette, igloo...

Stockage ou pas stockage?

v Sygic, a.s. All rights reserverd. Manuel utilisateur

RAID MOTONEIGE DECOUVERTE

Histoire de la marque PTT et du logo La Poste

Pilote KIP certifié pour AutoCAD. Guide de l utilisateur État de l imprimante KIP

Ces conseils vous sont offerts par Retrouvez tous nos produits et nos astuces sur notre site.

Outils logiciels SPC - une façon simple d optimiser les performances et la protection

SEMINAIRES. Déjeuner au restaurant de l hôtel pour apprécier les différentes saveurs de nos produits régionaux

REUNION INFORMATIQUE 15/09/12 Utilisation Messagerie «Webmail 2» I ) Préambule : Pourquoi l utilisation d une messagerie commune?

Transcription:

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

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

Branding : Carte de visite et carton d invitation Commerce de Glaces 01 23 45 67 89 http://frostandsnow.fr/ 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

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

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

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

Graphisme : Benchmark www.glaces-glazed.com www.haagen-dazs.fr www.picard.fr www.pierreherme.com www.typeform.com 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

Graphisme : Éléments PF Din Text Pro (OTF) PF Din Text Pro (OTF) Thin ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 &!?;.()[]$ %@# PF Din Text Pro (OTF) Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 &!?;.()[]$ %@# 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

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

Fin 11