Nigiri Sushi
Cheat Sheet




This web tool is designed for new-to-sushi to learn some fundamental knowledge of nigiri sushi playfully and interactively. By drag and drop sushi from the left side to the sushi stand, you can find out the name of that sushi in English and Japanese.

#graphic-design #ig-filter #interaction-design


/ illustration /




/ ig filter /

shake your head to see which sushi you’ll get



/ web tool flow map /





/ interaction 1 drag & drop /


by drag & drop the sushi to the sushi stand, the live background text will change accordingly.



/ interaction 2 easter egg /

After written the primary function, I decided to add an easter egg surprise to the drag and drop interaction, by reaching a certain amount of drag & drop, the sushi rain will drop down for 3 seconds.



/ info page /







project scopes
︎design & dev | 2018
︎ web interaction design & dev ︎
︎ instagram filter ︎