Portfolio Prototype Number 1.

I wanted to create something unique for the case studies' thumbnails and ended up coding several custom devices, from mobile to laptop shapes, with only CSS and HTML.

I then animated them inside Webflow to actually fold open or turn into view, on hover. The result is a fun animation that feels different than the usual mockup. More importantly, some of the techniques I learned making this are some I frequently use for client projects.

Inspired by the custom devices I created for the case studies' thumbnails on the homepage, I looked for opportunities to present full-page screenshots inside their image placeholders. Additionally, in this iteration, the viewer controls most of the content on scrolling. This way, the case study truly comes to life.

The case study page shown in this mini-case was still a sketch and contained mostly placeholder images and text.

This About page is one of the most extensive personal pages I've ever created. It's full of quirky details and cheeky jokes, and all in all, it's a pretty accurate summary of my personality.

11 Things about me. Whether it's quirks, achievements, values, or the name of my one surviving houseplant, I present them again and again with every new portfolio. In this sketch, the 3D Globe was born.

After sketching the custom devices from before, I had this idea to create an abstract globe where each face would represent one of the 11 Things. In a way, it's a visual metaphor for my world of trial and error, exploration, experimentation, and 11 things.

I've also included a few early interactive sketches for the individual Things.

The road to nowhere starts somewhere. So I thought it would be interesting to show some of the early sketches that were part of the journey of this prototype. A prototype that eventually ended up getting scrapped, well, mostly.

To my surprise, I re-used the typographic exercises from this prototype to serve as the base for my Portfolio 2018 design. So feel to check that out.