Senior Product designer in London
Senior Product designer in London
My virtual sketchbook from University
After creating different prints of both Winona and I’s initials we discussed the possible ideas that we had in mind and decided to go with this. Initially, we wanted to create a very simple website that showed the different prints but it was not an enjoyable interactive activity. Therefore, we decided to go with a puzzle as a kind of brain teaser.
Winona combined the prints and edited the images them to form a 5×5 grid whilst I created the website. Here are the images made by Winona with the lines of the grid and a blank box as a starting position:
Using Visual studio code I created the website using HTML & CSS with a bit of javascript to create the puzzle.
When opening the website the tiles are arranged randomly so the user would have to rearrange the tiles to form the original image. This could be seen on the side of the website but the user also has the option to form the puzzle of the other initial.