Embed Size (px)
Citation preview
Qu’est ce que c’est ? En informatique, un benchmark est un banc d'essai permettant de mesurer les performances d'un système pour le comparer à d’autres.
Il est donc nécéssaire avant toute réalisation professionnelle d’envergure de réaliser un benchmark permettant une concurrence efficace et percutante. Voici sa structure :
1
BENCHMARKINGPORTFOLIO
MARQUAND RAPHAEL 27 NOVEMBRE 2015
BENCHMARK GRAPHIQUE
CouleurFormesPoliceStyle
1
BENCHMARK FONCTIONNEL Fonctionnalités
AnimationStructure Interface
2
SYNTHESE BENCHMARKING Mise en commun
Design + FonctionAspect Global
3
+
L’aspect Design et graphique d’un portfolio est essentiel,
l’agréable lecture de ce
dernier en dépend.
L’aspect Fonctionnel supporte lui aussi toute
l’importance du portfolio, Il permet une navigation ludique et
efficace au sein du portfolio.
Une fois les critères graphiques et fonctionnels assemblés, le portfolio doit apparaitre concis, structuré et intéressant de par ses animations, son style et surtout son contenu.
Idées Principales :
« Je souhaite réaliser mon portfolio sur un style très épuré aux couleurs assez froide mais cohérentes, une simplicité des courbes et des lignes, un ensemble simple et esthétique »
Idées & suggestions personnelles :
2
BENCHMARK GRAPHIQUE
Prenons cette main page, simple, sobre , froide mais attractive. Ce style très épuré permet une mise en valeur de son auteur par son titre centré et très marqué.
Meme chose ici, l’auteur est ciblé,
les fonctions principales du site mises en
avant, on retrouve meme
un logo et quelques menus
d’action.
Accéder au site
Accéder au site
BENCHMARK GRAPHIQUE
3
Un site toujours très épuré et donc assez longiligne, admettons un scroll verticale ou horizontale permettant de garder cet aspect simple et très
pratiques pour la prise d’informations.
SLI
M
Accéder au site
BENCHMARK GRAPHIQUE
4
Une fois le système de navigation repensé au sein du benchmark fonctionnel, il est possible de penser au style des différentes parties du Portfolio, comme ici le social corner, simple, complet et intuitif.
Meme chose pour ce formulaire de
contact intégré de manière discrete et intelligente sur le coté du Portfolio.Design, simple et plus que pratique.
Il sera très important de garder cet esprit de simplicité au sein des différents modules pour fluidifier la navigation de l’internaute et apporter une régularité au Portfolio
Accéder au site
Accéder au site
BENCHMARK GRAPHIQUE
5
Alors pourquoi ne pas adapter un style, thème Flat Design pour apporter une touche moderne a ce Portfolio et garder cette idée de simplicité.
BENCHMARK FONCTIONNEL
Idées Principales :
« Je souhaite réaliser un portfolio très dynamique et surtout interactif, Diviser en 5 partie fondées sur 5 espaces précis :Main & Projects / Profil / Social Corner & Contact / Chrono Life + Search »( Navigation Correspondante : Down / Left / Down Down / Right / Up )
Idées & suggestions personnelles :
6
J’imagine la main page et pourquoi pas tout le portfolio s’ouvrir sur cette animation du style Apple, qui permet
l’ouverture d’un laptop par simple scroll down de l’utilisateur. Une animation simple et très intuitive.
Accéder au site
BENCHMARK FONCTIONNEL
7
La navigation globale sur le Portfolio serait alors fondée sur un système de « multitâche » permettant une mise en avant de la zone observée et un
certain dynamisme des modules secondaires mis de coté. (Voir page 6/10)
PROFIL
Un slide left permettrait d’accéder a ma bio, ou du
moins un court descriptif de ma personne voir une photo
et quelques anecdotes professionnelles
MAIN
Un scroll down permettrait l’acces a la
totalité des mes créations ainsi qu’a tout contenu principal du Portfolio.
CHRONO
Un slide right permet l’affichage d’une sorte de
TimeLine sur ma vie et mon évolution se terminant par un
« vous êtes ici. »
SEARCH
Un slide up afficherait alors une simple barre de
recherche et quelques catégories permettant une navigation optimale sur le
portfolio.
SOCIAL
Un full scroll down donne acces a la partie
réseaux sociaux ainsi qu’au module contact. En effet une fois les projets observés sur
la main, l’internaute peut me contacter.
BENCHMARK FONCTIONNEL
8
La fonction Menu, discrete et estethique elle permet une navigation agréable et structurée,
c’est un complément de la molette.
Une fonction molette, très soft et très pratique, elle permet une navigation ludique au sein du
site, animé et design cet outil s’intègre parfaitement dans l’esprit du Portfolio.
Ce style de menu qui de part une animation se referme sur les memes lignes est très intéressant
visuellement et surtout très efficace.
Cet autre type de fonctionnalité permet un repérage visuel sur sa position au sein d’un
site, c’est malin, pratique et rassurant.
BENCHMARK FONCTIONNEL
9
Pour simplifier mes idées je m’appuierai sur cet exemple. Des zones clairement ciblées, un repérage simple, une navigation intuitive. Les grands axes du Portfolio sont
respectés, il est impossible de se perdre ou encore de se fatiguer sur ce site, la simplicité des fonctionnalités ainsi que du design global du site apportent une clarté sur la
prise d’informations complètement évidente.
Des animations courtes, des icônes très simplifiées et quelques mouvements fluides au sein du site suffisent à un
rendu professionnel et ludique tel que celui ci.
Accéder au site
En résumé :
10
Ce benchmark m’a permis d’établir et d’exprimer les principales idées pour la future réalisation de mon Portfolio. Je réalise l’importance de la masse de travail pour un tel projet et appliquerai donc ce benchmark pour un résultat optimal.Un portfolio claire, simple & design.Quelques animations très délicates pour une navigation fluide et agréable. Le tout réparti en plusieurs grands modules (bloc) sur différentes zones.
W1 / G2 / P2018MARQUAND Raphaël
06.72.11.82.53
Contact
10
