Donini: des prototypes gratuits

Pendant le cours 10 de design d'interface, mon professeur, Dominic Girard, a donné comme exercice de concevoir l'interface que pourrait avoir le nouveau site Web de Donini, la fameuse pizzeria, qui est présentement en construction.

Nous n'avions qu'une heure et demi pour pouvoir faire un prototype. La mise en situation était que le client voulait un aperçu rapide que pourrait avoir le nouveau site et le temps nous était restreint. Alors, voici ce que j'ai conçu en si peu de temps.

D'abord, je tiens à préciser que ce n'est pas terminé par manque de temps. Cependant, il y a plusieurs points intéressants que j'ai utilisé dans ce design.

Les bons points
Premièrement, le nom Donini possède un léger reflet. Ceci permet de mettre un effet intéressant sur le logo sans pour autant prendre trop d'importance dans l'ensemble.

Deuxièmement, j'ai mis la principale navigation en haut dans l'en-tête rouge. Il est prouvé que le haut de la page Web est une des sections les plus faciles à voir ainsi que le côté droit, d'abord, et le côté gauche par la suite. C'est pourquoi j'ai décidé de mettre le menu des aliments à gauche. Ce dernier est visible, mais sans pour autant prendre toute la place. De plus, les forfaits sur des plats sont positionnés à droite. Ainsi, je voulais que les forfaits soient plus accessibles que le menu, car ceux-ci pourraient davantage intéresser les clients.

Troisièmement, j'ai décidé de mettre un monsieur présentant une pizza en haut à gauche de l'interface, car les illustrations d'humains sont très efficaces pour attirer l'oeil. Ainsi, l'utilisateur sera attiré par le jeune homme et il pourra ainsi voir les boutons de navigations par la suite et etc. Je lui propose donc un chemin invisible.

Quatrièmement, j'ai pris les couleurs principales du logo de Donini pour harmoniser les couleurs du site. Cependant, je trouvais que le rouge et le vert sont des couleurs plats qui ne sont pas idéales lorsqu'elles sont étalées sur de grandes surfaces. Alors, j'ai décidé d'ajouter une texture ressemblant à une texture de cuisines italiennes.

Cinquièmement, l'image relative aux choix du plat, par exemple la pizza, est bien mise en évidence au centre de l'interface. Aussi, j'ai positionné l'image pour que celle-ci sorte des limites des sections. Cela donne une dynamique très intéressante.

Sixièmement, lorsque l'utilisateur clique sur une section dans le menu, ce dernier change de couleur pour pouvoir donner un indice visuel de l'emplacement de l'utilisateur dans le site.

Finalement, il y a des points plus négatifs comme le fait que le monsieur est un peu trop haut dans l'interface. Je devrais le positionner un peu plus bas pour que l'interface soit plus carrée. Aussi, j'utilise trop la texture. Au centre du design, je devrais plutôt choisir une nouvelle texture ou couleur pour mettre un peu plus de piquant et moins d'uniformité dans l'esthétisme du site. Bref, j'ai conçu une interface très simple, mais qui a beaucoup de potentielle. Imaginez si j'avais eu plus de temps... :D

Site officiel de Donini: http://www.pizzadonini.com/