L’image sans nom
Voir le projet L’image sans nomL’image sans nom est un lieu qui se veut un point de rencontre pour tous les amateurs ou amoureux de livres et de photographie, et il propose depuis février 2018, sous la houlette d’Olivier Cornil et Emmanuel d’Autreppe, une série d’événements (pour) petits et grands, ateliers et rencontres, lectureset projections, expositions et interventions et séminaires...
- PHP
- HTML
- CSS
- JavaScript
- Wordpress
- Git
- GitHub
- Sass
Rahmenbedingungen
Dans le cadre de la deuxième année à l’HEPL, Olivier Cornil m’a présenté son projet « L’image sans nom ». J’ai pu contribuer à ce chouette projet en créant un site en passant par toutes les étapes : la communication avec le client, le moodboard, le priority-guide, le wireframe, le design, le prototype et le développement.
Cahier des charges
L’idée première du site est d’informer le public des expositions en cours et à venir et d’archiver les livres contenu dans la bibliothèque. Pour le client, c’est très important que les livres et les expositions ont la même importance sur le site. Le design devait être artistique et hors du commun, tout en respectant les conventions.
Ensuite, il fallait utiliser une charte graphique préexistante. Celle-ci se présente comme cadre noir avec du texte en jaune primaire sur des images.
Le public cible
Le public cible se résume à toutes personnes intéressées à la photographie, l’espace d’exposition et la collection des livres.
En deuxième temps, les photographes et artistes peuvent trouver des renseignements et un moyen de contacter l’image sans nom.
Intégration
Pour réaliser ce projet, j’ai utilisé la nomenclature BEM (Bloc Element Modifier) et l’architecture ITCSS. Ainsi, j’ai réussi à obtenir un graphique de spécificité optimal. Pour compiler le Sass et JavaScript, j’ai utilisé laravel-mix.
Ensuite, j’ai intégré le système BEM, ITCSS et laravel-mix dans WordPress. Pour améliorer l’expérience du client dans l’administration de WordPress, j’avais le plaisir de pouvoir travailler avec le plugin ACF (Advanced Custom Fields).
Pour l’optimisation des moteurs de recherche, j’ai utilisé le plugin Yoast et les micro-datas.
Finalement, j’ai passé des tests dans GT Metrix, tout en appliquant les optimisations proposées.