Projet 3 // Étape 2 • Conclusion

Après avoir créée mes maquettes finales, je suis très satisfait de moi car je trouve que j'ai réussi mes objectifs du départ, c'est-à-dire de créer un design qui serait très beau visuellement tout en intégrant tous les éléments nécessaires à la bonne présentation de la compagnie.

Ce qui a été le plus difficile c'est de trouver une bonne harmonie de couleurs sans que le design ne soit trop terne ou ressemblant au design du site web actuel. De plus, il fallait tout de même que je garde environ les mêmes teintes (noir et orange) qui sont les couleurs officielles de la compagnie.

Ce qui a été facile pour le design est le fait que le client m'a très bien expliqué ce qu'il désirait alors je savais dans quelle direction m'orienter et quoi éviter.

Je trouve que le design que j'ai créée cible très bien le personna inventé au début du projet et je suis certain qu'en voyant le design, le personna s'identifierait à ce genre de compagnie.

Maquette préliminaire 2

Voici ma deuxième maquette qui constitue la page "Vitres teintées"

Maquette préliminaire Accueil

Voici la maquette préliminaire:

Projet 3 // Étape 4 • Considérer l'interactivité de la page écran

Voici une esquisse fonctionnelle de la page d'accueil qui sera utilisée pour le site de Fast Install.



J'ai décidé d'utiliser une carte géographique intégrée "Google Maps" comme design pattern. La raison est simple: faciliter les utilisateurs et clients à trouver l'endroit.

Projet 3 // Étape 2 • Connaître son utilisateur

• Nom:

Vince Walker

• Âge:

24 ans

• Profession:

Étudiant en graphisme à l'Université

• Traits de caractères:

• Minutieux
• Perfectionniste

• Intérêts:

• Hockey
• La musique
• Les voitures
• Le sport en général
• Le vélo

• Objectifs:

Veut mener une carrière en graphisme et se démarquer fortement des autres graphistes avec ses travaux extravagants.

• Tâche à réaliser et contexte d'utilisation:

Vince veut trouver un centre auto dans lequel il peut faire effectuer de nombreux travaux sur sa voiture. Que ça soit pour remplacer son pare-brise qui est craqué, teinter les vitres ou un simple lavage en profondeur.

Étant minutieux et perfectionniste, il ne veut pas que n'importe qui touche à son auto qui est une projection de lui et de son travail en quelque sorte. Il veut que sa voiture soit parfaite comme chaque design qu'il conçoit.

En naviguant sur le site de Fast Install, il sait qu'il peut trouver toutes les informations nécessaires pour prendre soin de son auto.

Projet 3 // Étape 1 • Définir la problématique et se fixer des objectifs

• Thème (sujet choisi): Réalisation d'un site web pour un centre d'auto (Centre Auto Fast Install) situé dans la région de Québec.

• Définir les besoins des utilisateurs: Les utilisateurs qui vont parcourir ce site voudront savoir quels services sont disponibles au près de la compagnie en question. Ils voudront également savoir où se situe la compagnie et comment peut-on la rejoindre.

• Définir les objectifs du site: Le site a pour premier objectif de faire connaître la compagnie pour ceux qui ne la connaisse déjà pas. Il a un but publicitaire avant tout. Le second objectif est de faire connaître les nouveaux produits et services disponibles aux gens connaissant déjà la compagnie. Ainsi donc, lorsque la compagnie prendra de l'expansion, les gens la connaissant déjà seront au courant des nouveaux services offerts.

• Enjeux ergonomiques: Le site devra être au goût du jour sans toutefois présenter des éléments trop décoratifs ne servant à rien. Comme dit plus haut, le site a pour but principal la publicité, ainsi donc, le message envoyé doit être saisi au premier coup d'oeil par l'utilisateur. Ce dernier ne doit pas chercher pendant des minutes pour trouver l'information qu'il recherche. Il faut également que le site soit facilement navigable par un public vaste, autant des gens de 20 ans que des gens de 60 ans. Donc, on ne peut prendre pour acquis que les utilisateurs connaissent Internet comme le fond de leur poche.

• Caractéristiques à rencontrer pour satisfaire mes propres exigences: Tout d'abord, je veux que le site respecte les couleurs actuelles de la compagnie. Je veux également que l'utilisateur arrivant sur le site va avoir l'impression d'être sur un site web fait par un professionnel et non un étudiant. En créant ce site, je veux faire de la publicité au centre d'auto, mais également me créer un bon portefolio professionnel, alors je veux que le site "look" en pro!

Maquettes Design II