Un thème pour deux

Ce dernier exercice aura un but assez pratique : mettre en place un thème susceptible de vous servir dans un proche avenir par équipe de deux.

Précédent | 3/3

Tronc commun

La plupart des sites de présentation de graphistes proposent les mêmes contenus :
- une page d’entrée attrayante avec une baseline et quelques travaux (choisis ou dernièrement réalisés)
- une page de présentation compétences et un cv éventuel
- une liste de travaux listés sous forme de mosaïque, avec des catégories suivant les besoins
- pour chaque travail, une image emblématique, un texte de présentation, une galerie, des catégories.
- un formulaire de contact

Sur cette base, il est facile de déduire une structure de l’information dans le CMS :
- une page pour la présentation
- une autre pour le contact
- des articles pour les travaux
- une page de catégories pour les lister

Reste la page d’entrée, et surtout à organiser visuellement ces informations.

Une fioriture graphique/fonctionnelle
Il est recommandé de faire simple, c’est ce qui permet à un site de rester fonctionnel et facile à maintenir techniquement, et d’éviter qu’il ne vieillisse trop vite. Pour que votre site aie une personnalité, il est cependant utile de penser à une fioriture graphique ou fonctionnelle. Par exemple :
- un menu d’un type particulier
- une mise en page particulièrement épurée ou au contraire fouillis
- l’utilisation d’icones plutôt que de textes
- L’utilisation d’images grand format, de typos particulièrement discrète
- l’affichage des contenus sans rechargement (via ajax)
- l’utilisation très structurante d’une grille

La mode en web épuise rapidement les "trucs" graphiques.
Il est important de penser cette fioriture comme soutenable techniquement (la création d’un article doit rester simple, la mise à jour du site aussi) et se retrouver dans l’ensemble des templates.

Wireframe & more

Il vous est demandé de travailler vite, mais une structuration visuelle sous forme d’un wireframe sera bien utile. ce sera la première étape de votre travail et il doit être validé avant d’entamer le codage.

Des couleurs et une typo seront ensuite choisies. Choisissez une typo libre de droit.
Le travail de développement comprendra probablement :
- une page index.php et style.css, évidemment
- un layout home.php
- un layout archive.php (pour le listage des catégories)
- un layout single.php (pour les travaux)
- un layout page.php (pour votre page de présentation)

- un plugin de galerie (type fancybox)
- un plugin de formulaire de contact
- éventuellement un plugin de type Akismet (pour les forums)

Dans le fichier functions.php de votre thème, vous aurez probablement à déclarer :
- l’utilisation des images à la une
- l’utilisation d’un menu (ou plus)
- l’utilisation du logo

Keep it simple

D’expérience, il est préférable de ne pas abuser des effets de scroll, d’apparition en survol et click, de load ajax et autres astuces de développement. Le temps va vous manquer d’une part, et d’autre cela alourdit le site, le rend potentiellement incompatible avec certains navigateurs et enfin, les effets se démodent vite. La sobriété est toujours un meilleur choix à long terme.

Personnaliser

Ce site sera installé dans les deux hébergements simultanément, faites en sorte que le contenu soit personnalisable au maximum. Cela dit, le site ne sera pas évalué sur la personnalisation mais sur la façon dont le contenu sera structuré et implémenté.

Sites

Quelques sites au hasard :
- http://www.salutpublic.be/
- http://www.pier-agence.com/
- http://www.harryford.co.uk/
- http://lisher.net/index.html
- http://www.betatakaki.com/
- http://www.jeremycharlot.com/
- http://www.sarahbenhammadi.com/