Étape 8 - Conclusion

Je crois avoir atteint mes objectifs personnel. Voici un rappel de mes objectifs personnels :
"Se fixer des objectifs
Objectifs personnels : Pousser le visuel un peu plus loin qu'à l'habitude. Garder une simplicité de design et trouver un moyen de bien mettre en valeur les réalisations lors des projets exposés sur le site.

Paramètres techniques : Le visuel est la cible principale, mais l'utilisation du site doit être facile, ergonomique et bien structuré. L'utilisateur regardera le visuel, mais l'utilisation demeure un facteur important lorsque l'on doit faire un choix. Le paramètre principalement visé, sera la navigation intuitive."


Forces du concept présenté :
La simplicité du visuel aide l'oeil à comprendre les éléments présent.

Faiblesses du concept présenté :
Pour avoir accès à un projet ouvert, il y a plusieurs clics à faire. Ce qui pourrait faire perdre l'attention ou l'intérêt du visiteur.

Commentaires sur le déroulement du projet :
Pour conclure je dirais que ce projet a été très interessant pour connaitre et expérimenter les méthodes de conception. De plus, travailler sur un portfolio personnel est un défi puisqu'il exige de savoir comment bien se vendre. C'est un projet que j'ai trouvé simple à réalisé lorsqu'on respecte les délais proposé.

Étape 7, Maquette Finale

Pour ma maquette finale, j'ai écouté les commentaires qui m'on été fait et j'ai décidé de changé quelques aspects.

Premièrement, l'entête et la navigation seront des éléments toujours présent dans le haut de la page. Le contenu glissera dessous et ainsi le menu sera accessible à tout moment. Au clic sur la navigation, le contenu se dirigera au bon endroit dans la page. Voir la deuxième image pour un exemple.

Dans ma section projets, j'ai changé l'aspect du menu en accordéon pour pouvoir bien dissocier la zone de contenu, de son titre de sous-section.

La dernière image représente la deuxième page à concevoir. Lors d'un clic sur une image de projet dans la section projet, une visionneuse apparait par dessus le site. Cette visionneuse explique et expose le projet. Si le projet est un vidéo, il le rendra disponible è la lecture, si ce sont des images, les grandes images seront affichés.

Étape 6, Maquette préliminaire

Je vous présente mon portfolio qui sera un outil de promotion personel auprès des futurs employeurs du domaine du multimédia.

Ma principale stratégie de communication est basé sur une navigation facile, ergonomique et bien structuré. L'utilisateur regardera le visuel, mais l'utilisation demeure le facteur important. Le paramètre principalement visé est une navigation intuitive.

Le site s'adresse à des utilisateurs déjà expérimenté qui cherche à trouver des informations rapidement et elles devront être percutantes pour qu’il s’en souvienne longtemps, puisque cet utilisateur est probablement un futur employeur.

Les points forts à regarder sur ma maquette :
Regardez les contrastes entre les couleurs qui détermine bien les divers éléments.
L'harmonie des couleurs dans l'ensemble qui aide à garder l'intérêt d'exploration.
Remarquez les différents états de survols, les liens, les boutons, les images.

Étape 5, exploration

Pour le visuel de mon portfolio, j'ai choisi les harmonies de couleur suivante:

L'inspiration est tiré du site : http://kuler.adobe.com/#themeID/1322936

J'ai décidé d'utiliser la couleur gris-noir comme couleur principale au lieu du beige plus claire.

Mon choix typographique c'est tourné vers : Helvetica. C'est une typo très utilisé sur le web et j'aime sa simplicité.

Pour le style utiliser, j'ai choisi de garder le tout plutôt simple pour mettre l'emphase sur les projets présentés ainsi que le contenu.

Je vais faire une tentative d'utiliser le "pixel pop" pour délimité certains éléments. Cette technique est simple mais donne un beau résultat. Il s'agit de juxtaposé une ligne de 1 pixel claire, suivi d'une ligne de pixel foncé pour créé une séparation imitant un relief.