Un chaos maîtrisé
En savoir plus sur ce site, et sur moi.
Ce portfolio montre ce que je fais. Cette page explique comment je le fais : d'où viennent mes couleurs, mon logo, mes références, et les règles qui tiennent l'ensemble.
Chaos maîtrisé, dispersion rangée
J'ai toujours plusieurs idées et plusieurs projets en tête. Ce qui compte, c'est de savoir les prioriser.
Photographie, affiche, vidéo, communication : je touche à plusieurs pratiques en même temps, et les idées arrivent plus vite que je ne peux les réaliser. Plutôt que de les freiner, je leur donne un cadre. C'est le principe de ce site, et c'est aussi ma façon de travailler : un esprit foisonnant, une exécution structurée.
- Des compositions asymétriques
- Des différences d'échelle
- Des formats d'images variés
- Des sections qui ne se ressemblent pas
- Une grille de douze colonnes
- Deux typographies, pas plus
- Des alignements et des espacements fixes
- Une palette cohérente
Là où tout a commencé
Mon envie de créer est née devant des images que d'autres avaient faites.
Des vidéos sur YouTube, des photos dans les journaux, des publicités à la télé et dans les magazines. Ce sont encore aujourd'hui mes trois terrains : la vidéo, la photographie et la communication visuelle. Mon parcours en MMI m'a ensuite permis de toucher à différents domaines et de comprendre ce qui m'intéresse le plus : la création visuelle et la communication.
Mes couleurs
De toutes les palettes que j'ai vues, c'est la seule qui m'a fait vibrer : j'ai eu l'impression de me voir en couleur.
Je l'ai trouvée sur Coolors. Six couleurs, chacune avec un rôle précis sur le site. Elles ne sont jamais toutes réunies au même endroit : chaque section en choisit quelques-unes, et c'est ce qui crée le rythme d'une page à l'autre. Mon CV reprend la même palette.
- Off-whiteLe fond, partout
- Coffee BeanLe texte et les fonds sombres
- Soft BlushLes surfaces douces et les cadres
- Sandy ClayL'accent chaud, en retrait
- Tropical TealLe A de mon logo
- Rosy CopperL'accent principal, du disque du logo aux boutons
Mon logo
Un A, pour Alvin. Et autour, des formes que je dessine depuis des années.
Je les trace partout : sur mes cahiers, sur les tableaux, en haut des feuilles, sur les tables. Je ne les ai pas inventées pour le logo, elles étaient déjà là ; il fallait seulement les rassembler.
Le logo utilise trois couleurs de ma palette : le A en turquoise, le disque en cuivre, les tracés en rose pâle. Il est devenu un motif du site : la pastille ronde des boutons reprend son disque.
Avant
La version précédente de ce site était noire et violette. Elle faisait trop « IA ».
Elle était impersonnelle, et je ne m'y reconnaissais pas. J'ai donc tout repris depuis les couleurs : une direction claire et chaude, une palette choisie pour moi, et plus aucun effet décoratif gratuit. Ni dégradé violet, ni néon, ni ombre partout.
Ce qui m'inspire
Du cinéma, des affiches, des vidéos, des sites. J'en retiens des principes, pas des modèles à copier.
- Quentin Tarantino et Christopher NolanLeurs plans, leur mise en scène, leurs scénarios.
- Willem DafoePour ses shootings photo, que je trouve exceptionnels.
- The Grand Budapest HotelPour la manière dont il est filmé : chaque plan est un tableau.
- L'affiche japonaiseQue je trouve unique.
- Le style suisseVers lequel je me tourne de plus en plus.
- cubiGraphiste et vidéaste sur YouTube.
- typographicposters.comUne base d'affiches typographiques.
- Le flyer KrakatoaPour sa composition, très intéressante.
- Le studio Bien Vu ProductionPour sa colorimétrie et sa mise en scène.
- Le site d'AffinityPour ses animations et ses typographies.
Le site d'Affinity, lui, se retrouve ici même : c'est de lui que viennent les photos qui tournent sur l'accueil. J'en retiens les grandes typographies, les rapports entre texte et image, les variations de rythme et un mouvement maîtrisé.
Ma façon de travailler
Cinq étapes, toujours dans le même ordre. Une bonne partie du travail se joue avant de produire quoi que ce soit : poser un angle clair permet ensuite de choisir avec un vrai critère.
-
01
Idée
Trouver un angle. Pour Mouvement et tatouage, c'était le mouvement plutôt qu'une approche descriptive du tatouage.
-
02
Recherche
Me documenter sur le sujet avant de créer, comme pour l'affiche du Festival du Citron.
-
03
Moodboard
Rassembler des références pour fixer une direction visuelle avant de produire.
-
04
Tests
Essayer plusieurs pistes, les comparer, garder celle qui tient.
-
05
Réalisation
Construire un résultat cohérent, avec les logiciels adaptés, dans les délais.
Une création réussie
Pour moi, une création est réussie quand trois regards sont d'accord.
Le mien
Je ne vois plus quoi améliorer ni quoi changer.
Celui des autres
Les personnes autour de moi me disent que c'est réussi.
Celui du client
La personne pour qui je travaille valide.
Ce site
Ce site suit les mêmes règles que mon travail, et laisse quelques détails au hasard.
Une grille de douze colonnes, et des blocs qui n'y partent jamais du même endroit. Deux typographies : Bricolage Grotesque pour l'expression, Instrument Sans pour la lecture. Et des animations discrètes, qui ne se déclenchent pas toujours de la même façon.
- Sur l'accueil, les photos tournent autour de mon nom, chacune dans son sens.
- Mon nom s'inverse là où il passe sur une photo.
- En haut des autres pages, une couleur traverse parfois « ALVIN B-S », de la première à la dernière lettre : cuivre, turquoise ou sable, au hasard.
- La pastille des boutons a une chance sur quatre de faire un tour complet.
- Les bandeaux de photos défilent seuls, sans bouton.