Diane Boivin, Webfolio
Jun 09, 2011

<http://www.dianeboivin.fr>

A new Webfolio online, this time Diane Boivin’s, a Year 4 Graphic Design student.
Un nouveau Webfolio en ligne, celui de Diane Boivin, étudiante en année 4 Communication Graphique.

My role :
– Help on the conception (navigation, interface, etc.),
– Teaching Diane the CSS integration with Dreamweaver,
– Connect Diane’s page layouts with my miniCMS Webfolio (php development),
– Show Diane how to use Webfolio & Dreamweaver to update her website.

Mon rôle :
– Aide à la conception (navigation, ergonomie, etc.),
– Enseigner l’intégration CSS avec Dreamweaver à Diane,
– Connecter les modèles de page de Diane avec mon miniCMS Webfolio (développement php),
– Montrer à Diane comment utiliser Webfolio & Dreamweaver pour mettre son site à jour.

a nice float left grid
On the homepage, most of the grid is filled with projects thumbnails, whose order Diane can decide in the back office. The icons in the left sidebar can filter the index page by categories.
La plupart de la grille de la page d’accueil est occupée par des vignettes de projets, dont Diane peut gérer l’ordre depuis l’interface de gestion. Les icônes de la barre latérale de navigation font office de filtres permettant d’afficher une catégorie choisie.

Diane Boivin, gallery example
Example of a project presented through an image gallery. Clicking on a thumbnail changes the large picture.
Exemple d’un projet présenté à travers des images. Un clic sur une vignette change la grande image.

Example of a video project
Example of a project with a video and images.
Exemple d’un projet avec une video et des images.