Behind every blue triangle in the puzzle, a small part of a larger image is hidden. Gradually, each triangle is unlocked so that it is possible to view the image behind it on hover. The challenge is to figure out what the large image in the background is depicting.
Each small triangular image also represents different tasks aimed to improve SKB as an organisation. When the task is completed by the assigned SKB department, the corresponding triangular piece of the puzzle is unlocked.
Like many other large organizations with complex internal systems, SKB’s internal environement is restricted when it comes to choosing and updating Internet browsers. Hence, the requirement was that the puzzle game should be optimized for Internet Explorer9.
We decided to use SVGs to create the triangles, and then added separate background images as SVG fill. The background images needed to be cut into separate smaller images so prevent users from cheating.