Thought Merchants

People. Process. Product.

Hopscotch

Teaching kids how to program on tablets.

design, mobile, tablet, ui,

Jocelyn at the whiteboard
Jocelyn, the CEO of Hopscotch, diagramming on the whiteboard.
prelim layout
Prelim layout of the Hopscotch interface.
ipad flow diagram
Flow diagram outlining the two possible core interactions for adding method blocks to an object.
core interaction
Fine turing the core interaction we all agreed on. All scripts and object position management will be handled through thought bubble like elements that come out of the object (monster dude).
monster gif animation
Example animation of how the thought bubbles pop out of the monster's head. The goal is to encourange kids to click on this bubble so they can program the monster.