0% READ 4m:00 LEFT

> LOG_ENTRY · Rabbit Hole · LONGFORM

Nouveau design: Trouver sa direction artistique

Premier Rabbit Hole, comment j'ai réfléchi et enfin trouver ma direction artistique pour mon contenu. Ce qui a amener a un projet simple: refaire mon blog intégralement.

Atomys
SHIPPED ·
read
4m min
mots
lang
fr
rev
partager

to jump · J/K scroll · F fullscreen

Bonjour

Ca fait longtemps, presque un an depuis ma dernière rédaction, un peu stressant. Dans la précipitation de la fermeture de S42, j'avais mis en place ce blog avec un thème préfait (le même que Error2000 d'ailleurs pour la fun fact).

Sauf que c'était pas "chez moi", ca ne me représentais pas. J'ai donc mis ca de coté, comme une honte personnelle d'utiliser un thème plutôt que faire le mien.

Hormis la couleurs "vivid-purple", je ne savais pas trop ce qui me représentais réellement.

Le déclic

J'ai fini par voir ma conjointe refaire sa direction artistique pour son contenu sur internet (shoutout à @Kasiope), et je me suis dit : "mais je pourrais faire pareil", et ca m'a donné le déclic:

Sans quelque chose de personnel, qui m'est propre et qui me ressemble. Ce n'est pas "mon contenu", c'est juste noyé dans la masse, et on ne se sent pas a l'aise avec notre "chez nous".

Du coup j'ai commencer a lister les œuvres qui mon marqué, dans les films, les jeux-vidéos, les livres (non, je lis pas, j'aime pas lire ca m'énerve).

Faire un "moodboard", une planche avec tout ce que j'aime bien, et c'est ce qui m'a guidé. J'ai découvert l'importance d'un moodboard, pour partager sa vision a d'autre, oui, mais aussi a soi même. Me permettre d'y voir claire, et d'itérer sur quelques chose de tangible plutôt que des pensées volatiles.

Apres 1 semaine, j'avais une version de moodboard qui restait stable, je l'ai laissé dans un coin sans le regarder 1 semaine de plus avant de le reregarder pour voir si avec un œil frais c'était toujours le cas, et oui ! Succès !

J'avais donc réussi à me trouver.

Transformer l'essai

La on rentre dans le sujet du "side-project" a 1h du mat : "Et si je refaisais le thème ghost de mon blog avec ce style".

J'ai utilisé Claude Design (la research preview) pour essayer et voir son potentiel. J'ai donné mon moodboard, des croquis main, des anti-patterns, et quelques bouts de code html/css que j'avais handcrafted pour le guider dans la direction. J'ai été étonné qu'avec une direction claire, il a réussi à faire l'UIKit que j'avais en tête quasiment du premier coup. Bluffant.

Bon soyons claire, le code HTML généré était très mal structurer (tout a la racine), le CSS était pas moderne du tout, pas responsive, pas adaptive, bref du basique voire même du CSS2.0. Donc à ce moment la, c'est mes petites mains qui ont mis a niveau le code vers une structure html propre, et du css modern, mobile-first responsive.

Une bonne semaine de travail plus tard, car j'ai voulu le rendre propre moi même, j'avais une version statique du blog prête.

Ghost Template

Et c' est parti pour comprendre comprendre comment Ghost thème fonctionne, J'ai vu handlebars.js, j'ai repensé a "MustacheJS" et j'ai perdu quelques points de vies.

Bon quelques lecture de doc assisté par Claude Chat, c'était pas bien compliqué et ca se fait assez naturellement.

💡
Une chose que je vous conseil : utiliser la version Chat de Claude ou de votre IA pour apprendre comment un outil fonctionne plutôt que lui demander de tout faire dès le début. Car si vous faite ca, vous serez incapable de faire un prompt ou des correctif cohérent, car vous ne comprendrais pas les fondations.

Petit tunnel d'une dizaine de jour, ou je n'ai fait que ca, les autres projets ont été "suspendus", mon blog est devenu prioritaire sur tout le reste (Hyperfocus ADHD).

Release

Et la veille de ce poste, la version était en ligne, celle que vous voyez actuellement ! Et pour la première fois j'ai réussi un truc très dur pour moi :

Accepter de livrer cette version incomplète, avec quelques bugs, pas parfaite. Pour avoir quelque chose. Plutôt que d'itérer des mois et abandonner le projet car il n'y a pas de fin.

Et c'est la deuxième chose importante dans cette histoire, j'ai beaucoup parler avec certains d'entre vous, et on a tous un problème, on ne veut pas livrer quelque chose d'imparfait, et par extension beaucoup de nos projets sont rangés dans un placard, oubliés, et on traine plein de mini échec avec nous. Et à l'ère actuelle ou beaucoup de chose se passe très vite avec l'avènement de l'IA, je trouve ca important de partager nos projets, même imparfait, car c'set ce qui rend les projets uniques, et humains.

Conclusion

J'ai appris beaucoup en peu de temps, assisté par l'IA, pas remplacer. Et j'ai pris plaisir à coder un truc aussi simple qu'un thème de site web. Je vais maintenant pouvoir me concentrer sur faire de même pour mes vidéos YouTube avec cette meme direction artistique inspiré de la nostalgie des années 90 et de la cyberwave.

Atomys
Partagez vos vidéos avec vos amis, vos proches et le monde entier

Voici ma chaine, auto promo !

Je vais aussi maintenant assumer ma neuro-divergence et partager les petites passions temporaires que je me trouve les fameux "trous de lapins" (Rabbit Hole).

A très vite et merci aux 180+ membres qui ont commencer à me suivre avant le début ! 💜

/// END_OF_TRANSMISSION

Atomys

// livre d'or ·

les membres peuvent poster + répondre propulsé par Ghost

~/guestbook ◉ LIVE

Fil de commentaires

> cat /etc/motd

Colophon