Design in a minute

Avec cet exercice, nous allons installer et remplir un CMS wordpress, puis modifier la css (et éventuellement quelques éléments html) d’un thème existant. Ce travail s’élabore par équipe de deux.

1/4 | Suivant

Contexte

Vous êtes deux jeunes graphistes freelance aux abois. Vous êtes contacté par un vieil ami. Il vous supplie de mettre en place le site pour "son projet de la dernière chance" qu’il vient de concevoir. Normalement il vous aurait bien payé mais il n’a pas trop d’argent pour le moment. Vous disposez finalement d’un budget vous permettant une journée de travail pour mettre en place un site web complet.
Vous ne pouvez pas refuser ce boulot, mais il faut s’en débarrasser vite fait. Un site en wordpress, avec un thème modifié sera parfait pour ça.

Votre thématique

Par équipe, vous recevrez le propos du web.
Ça sera un site pour :
- Une maison avec plusieurs chambres en location type Airbnb
- Un bar qui organise diverses soirée DJ, panier bio et karaoké
- Un lieu alternatif avec des concerts et une salle de réunion politique
- Une psychanalyste dans le midi de la France
- Le site d’une startup dans le domaine du design d’objet
- Le site d’une startup ayant conçu une application pour smartphone
- Le site d’une ONG désirant sensibiliser à la disparition des abeilles
- etc.

Séquençage du travail

1) Sur base de ce projet, faites une recherche de 3 sites proches. Analysez les contenus. Remettez une analyse des besoins, faites la valider.

2) Concevez une arborescence, qui détermine la navigation que vous devrez concevoir.

3) Cherchez un thème approprié à votre structure et au type de design nécessaire à votre projet. Attention, ne regardez pas que la page d’entrée mais aussi les pages intérieures de ce site.

4) Installez un dossier wordpress et le thème.

5) Nourrissez le site de visuels et de textes, testez.

6) Adaptez la css, ajoutez éventuellement plugin et widget.

Côté administration éditoriale, vous allez donc devoir injecter les informations suivantes :
- Le logo minute de la boutique
- Le nom du projet
- Un slogan accrocheur
- Un descriptif élogieux de ce projet et de son intérêt en quelques lignes
- Une galerie d’image
- La biographie de l’équipe
- Les informations de contact et un formulaire

Vous allez devoir choisir quels contenus seront des articles, lesquels seront des pages. Créer des catégories. Importer des images.

Fancybox (ou un autre système de galerie) doit être intégré sous forme de plugin.

Charte graphique

Votre ami vous laisserait bien carte blanche, évidemment. Mais il faut que ça soit classe, car ça s’adresse à des gens qui ont de l’argent et du goût. A vous de savoir ce que ça signifie.

Timing

Comme tout bon projet foireux, les images et les textes sont à produire par vous. Il faudra avancer sans ce matériel au départ. Les images et le thème sont à envoyer par mail deuxième semaine de janvier.

Remise

Le site doit être mis en ligne pour la cotation de janvier, sur un des deux hébergements de l’équipe. L’autre hébergement comportera juste un page avec un lien vers le bon hébergement.

Attention, l’architecture de l’information fait partie de l’exercice. L’accès facile à l’information fait donc partie des critères de cotation.

Avant de remettre le travail, contrôler

- Est-ce que tous les contenus sont présents ?
- Est-ce que tous les contenus sont accessibles ?

- Est-ce que l’objet du site est identifiable ?
- Est-ce que les différentes sections du site sont clairement identifiables ?

- Est-ce que les zones cliquables sont identifiables comme telles
- Est-ce que les liens dans les textes sont identifiables

- Est-ce qu’il n’y a pas des éléments parasites ?
- Informations redondantes, inutiles (date de création des articles par ex.)

- Y a-t-il des informations prioritaires à donner dès la page d’entrée ?
- L’information utile occupe-t-elle la partie haute de la page d’entrée ?

Est-ce que le site est ergonomique pour
- un visiteur qui tombe sur le site par hasard ?
- un visiteur qui cherche a contacter le designer ou acheter cet objet ?
- un journaliste cherchant à se renseigner et écrire un billet sur l’objet ?