igorrr.com
Making the crazy in Igorrr new website
Credits
Client — Igorrr
Creative / Art direction, Design — Pierre Ragois
Full stack development — Bruno Sabot
Music — Igorrr (Gautier Serre)
Video montage — Igorrr (Gautier Serre)
Photography — Svarta Photography
Art Covers — Førtifem (“Spirituality and distortion”, “Maigre”), Valnoir (“Savage Sinusoid”), Mioche (“Hallelujah”, “Nostril”, “Moisissure”, “Poisson Soluble”)
Mission
Designing Igorrr digital presence with crazy, over the top art direction yet crystal clear user experiences.
01/
background
Igorrr is an incredible band impossible to categorize. Composed as a collective of exceptional musicians and with its new album Savage Sinusoid coming up, Igorrr was in need of a brand new official website to present its up to date work and formation.
Igorrr est un groupe incroyable impossible à classifier. Composé comme un collectif de musiciens exceptionnels et avec le lancement de son nouvel album Savage Sinusoid, Igorrr avait besoin d’un nouveau site officiel pour présenter son travail et sa formation actuelle.
/
monopage
02/
challenges
Respecting the deep and crazy universe of the band and making it live visually on a web page was definitely the biggest challenge of this project. The art direction had to be over the top, retain a refined user experience and honor the work of Valnoir, Førtifem and Mioche. While iterating about its structure and navigation, it also became apparent that we needed to make all content easily accessible in one go, then allow users to deepen their knowledge on specific media.
Respecter l'univers profond et fou du groupe et le faire vivre visuellement sur une page web était définitivement le plus grand défi de ce projet. La direction artistique devait être au niveau, conserver une expérience utilisateur raffinée et honorer le travail de Valnoir, Førtifem et Mioche. Tout en itérant sur sa structure et sa navigation, il est également devenu évident que nous devions rendre tout le contenu facilement accessible, puis permettre aux utilisateurs d'approfondir leurs connaissances sur des médias spécifiques.
/
Mobile
03/
solutions
We worked closely with Gautier to offer the best possible user experience, simplifying the project as much as we could: its final form became a single page with a few modals here and there. We then focused our efforts on creating memorable micro-interactions on the interfaces and page transitions, while maintaining a structured and unstructured grid highlighting the media that would do the band justice. At the beginning of the project, it was agreed to use a hero video specially edited for the website. This, combined with powerful visual elements, writing and Igorrr music has definitely anchored the design in the right direction.
I did a lot of design for bands in my twenties, being at the time also a semi-professional musician. It was a real pleasure to be able to work again in this industry, for such great creative artists.
Nous avons travaillé en étroite collaboration avec Igorrr pour offrir la meilleure expérience utilisateur possible, tout en simplifiant au maximum le projet : sa forme finale devint une seule page avec quelques modales ici et là. Nous avons ensuite concentré nos efforts sur la création de micro-interactions mémorables sur les interfaces et les transitions de page, le tout accompagné d’une grille structurée et destructurée mettant en valeur les médias qui rendraient justice au groupe. Au début du projet, il avait été convenu d'utiliser une hero vidéo spécialement monté pour le site. Ceci, combiné à de puissants éléments visuels, à la rédaction et à la musique d’Igorrr a définitivement ancré le design dans la bonne direction.
J’ai beaucoup designé pour des groupes lorsque j’avais vingt ans, étant à l’époque également un musicien semi-professionnel. Ce fut un réel plaisir de pouvoir travailler à nouveau dans cette industrie, qui plus est pour des artistes aussi créatifs qu’Igorrr.
/
more
04/
retrospection
This project is now several years old and looking back, I find it structuring for many reasons. It has not known any identifiable eco-conception processes, whether Essential Design or any eco-dev logics. If I were to test it on EcoIndex, it would surely score really badly.
However, in my opinion, it marks the beginning of a reflection and the entry of eco-conception into my design practice. That year I was in full transition on the subject, still obsessed with the 100% experiential digital culture of the time, but laying the groundwork for a reflection on the essentialization of content and the extreme simplification of architectures. Igorrr.com has no e-commerce module, no photo gallery, no player with X songs, no useless chatter, no CMS. The site is 100% static, loads relatively quickly considering the content (especially video) and user feedback has all been very positive.
I could tidy up this website with all the many others that have occupied the last twenty years of my professional life. I present it to you all the same here as a time marker, a switch between a before and an after, hoping to maintain this same level of requirement, both visual and ethical in the future.
Ce projet date maintenant de plusieurs années et avec le recul, je le trouve structurant pour de nombreuses raisons. Il n'a pas connu de procédés identifiables d'écoconception, que ce soit du Design Essentiel ou des logiques d’éco-dev. Si je devais le tester sur EcoIndex, il aurait surement un score vraiment mauvais. Cependant il marque à mon sens le début d’une réflexion et d’une entrée de l’écoconception dans ma pratique du design. J’étais cette année là en pleine transition sur le sujet, encore obnubilé par la culture numérique 100% expérientielle de l’époque, mais posant les jalons d’une réflexion sur l’essentialisation du contenu et la simplification à l'extrême des architectures.
Igorrr.com n’a pas de module e-commerce, pas de galerie photo, pas de player avec X morceaux, pas de blabla inutile, pas de CMS. Le site est 100% statique, se charge relativement vite en considération du contenu (surtout vidéo) et les retours d’usage ont tous été très positifs.
Je pourrais ranger ce projet avec tous les autres, nombreux, qui ont occupé ces vingt dernières années de ma vie professionnelle. Je vous le présente tout de même ici comme un marqueur temporel, un basculement entre un avant et un après, en espérant conserver ce même niveau d’exigence, à la fois visuel et éthique dans le futur.
Live project
Year
2018