Coding microinteractions

Click to try out the Instagram log in prototype Click to try out the Click Wheel prototype

For a school project, I wanted to do quick prototypes with code to get an affinity with the target audience and also to make it visual and interactive. I first did a quick doodle with the then redesigned Instagram logo. When one clicks on the Instagram logo, the application opens. Try to click on the lens of the Instagram logo to see it move.

After the Instagram 'log in' I created a prototype inspired by the old phones where one had to turn a wheel to choose a number. Ultimately this was not used in the project, but it did help me to learn more about coding with CoffeeScript in Framer.