Simple design, surprising interactions and an unexpected dose of humor—these ideas form the backbone of creative developer Timothée Roussilhe’s portfolio site. “It was really fun to work on my own project—versus an agency job—and do the design,” Roussilhe says. “But it was also challenging, since I had so many ideas that I’d saved in my head that I wanted to explore. I experimented with styles I liked and some interactions.”
For the site design, Roussilhe settled on using a grid, clean, yet characterful typography, and video elements in his portfolio—along with small details interspersed around the site that engage visitors with interactivity. For example, a tantalizing button on the landing page asks users not to press it; in doing so, visitors blow up Timothée Roussilhe’s name and scatter the letters around the page. The site uses PostCSS, React and Redux, as well as Babel, GreenSock Animation Platform and Webpack. Roussilhe implemented PixiJS to experiment with shaders and smooth interactions, and Roussilhe’s own plugin Smooth handles the scroll.