3D Mobile Portfolio

  • web design
  • front-end development

2016

Archived mobile portfolio made to take advantage of emerging mobile technologies. The gyroscope sensor in the phone is used to map out a 3D box around the camera. This is then populated with clickable HTML elements linking to my past work. Finally, to look through the projects, one must swipe through the different cards.

Built using three.js, hammer.js and lity.js

View Archived Site Here

*Note: The space will load on desktop and work on desktop but the experience is made for mobile.


3D Mobile Portfolio

Splash Page

3D Mobile Portfolio

Moving the Phone Around

3D Mobile Portfolio

Highlighting a Project
Tap to Click

3D Mobile Portfolio

Opens up a light box with a card stack

3D Mobile Portfolio

Can swipe through to look at the project

3D Mobile Portfolio

Includes text and images