Une page d'accueil dans laquelle on descend
On clique sur la poubelle, le couvercle s'ouvre, la caméra descend à l'intérieur. Cinq objets forment la navigation. Pas d'image d'accroche, pas de titre.
Étude de cas · Interactif Y2K · En ligne
Junky Solutions
Junky Solutions est une agence créative à Milan. Leur propre formule est « est. from the rubble », alors la page d'accueil est une poubelle rotative dans laquelle on descend. Les services sont une carte mémoire PlayStation 2. Les pages projets sont YouTube 2007. Construit, pas filtré.
01
Le brief
Junky Solutions, agence créative portée par la culture, Milan.
- Parmi les clients : Paris Saint-Germain, Nike, Jordan Brand et Snipes.
- Vend des campagnes, des événements et de la production de contenu. Sept lignes de services.
- Travaille autant avec des marques mondiales qu'avec des sous-cultures locales.
- Positionnement maison : la culture plutôt que le copier-coller.
Le brief découle de cette dernière ligne. Une agence qui vend de l'originalité ne peut pas livrer un template. Le site devait être l'argument, pas sa description.
02
Ce que nous avons fait
Les services en carte mémoire PS2
Sept services dans un navigateur en carte mémoire, chacun relié aux projets correspondants.
Les projets en YouTube 2007
Des pages de lecture et un index en résultats de recherche. La vidéo passe en premier, parce que le travail est en vidéo.
Y2K partout, pas en surface
Le contact est une boîte de dialogue système. La boutique est une grille produits. Le style d'époque va jusqu'aux composants, pas seulement à l'habillage.
03
Comment c'est construit
- Next.js avec TypeScript, React Three Fiber et Three.js pour la 3D, Motion pour l'interface.
- Médias sur Cloudflare R2. Hébergé sur Vercel.
- Les projets et les services sont des fichiers de données : ajouter un projet est une modification de données.
Le routage, les données et le contenu sont restés simples, pour que la 3D puisse ne pas l'être.
04
Le résultat
- En ligne et public sur junky-alpha.vercel.app.
- Deuxième tour de retours client en cours.
- Section boutique préparée, en attente des accès commerce.
- Concept, direction artistique, 3D, développement front-end et déploiement : ce studio.
Dites-nous sur quoi vous travaillez, ou voyez l'autre extrémité de la gamme avec The Muuls, une boutique d'une seule page, tout en retenue.