Stratagèmes Obliques est un projet mené durant le semestre de printemps 2018 avec une classe de graphisme de l’Eracom Lausanne.
Le pari était de créer une nouvelle version des Oblique Strategies (le jeu de cartes conçu par Brian Eno), orientée davantage vers le design graphique et les arts visuels. Décliné en deux étapes, entre le cours d’illustration dirigé par Aurélie Camuset et mon cours de programmation web, le projet a conduit les étudiants à produire un jeu de cartes illustrées, puis à concevoir un site internet mettant en scène les phrases et illustrations.
La réalisation du site s’est déroulée sur 5 matinées, du 8 mai au 19 juin. Achevé le 19 juin 2018, le site est en ligne et peut être consulté sous https://oblique-strategies.github.io/
Liens:
- Consulter les Stratagèmes Obliques: https://oblique-strategies.github.io/
- Consulter le code ou soumettre un rapport de bug sur Github
- Consulter l’entrée sur Design Briefs
Quelques faits et anecdotes:
- Le site est hébergé sur Github pages.
- La fonte utilisée est la Sang Bleu, par Swiss Typefaces.
- Le site comporte 108 phrases. Certaines proviennent des Oblique Strategies originales, mais la majorité a été inventée par les étudiants.
- L’animation de page d’accueil était initialement conçue avec Paper.JS (exemple). Comme ce script était trop gourmand en ressources, l’animation a été réécrite en CSS (exemple).
- Un timeout empêche de simplement retirer des cartes (ce qui nuirait à la fonction créative de l’outil). Il existe cependant un mode demo, qui permet de contourner le timeout, p.ex. pour faire une démonstration du projet.
Quelques étapes de la création du site:
