The Brief

Create an e-learning activity that focuses on the child's peer interaction

Solution

Allow the student to engage with the different scenarios and select a possible solution.

User flow

Initially receiving a brief, I use the content to provide an interactive opportunity for the student to choose a solution when presented with a scenario. Essential also allows the student to review the alternative options, but at the same time guides the student to unlock each scenario at a time.

Wireframe

Once the flow has been discussed and approved, the basic wireframe is created to ensure that all
the functionality and content fit with the approved flow. Minor interaction and UI elements are fine-tuned to make the most of the experience

UI Kit

Using the visual style guide and wireframe to create the final design elements of the interactive.

Build

Once the design was approved, I would build the interactive site using a program called ‘Hype’. I would import the elements that were designed and add the animation and click-through functionality and make use of some basic HTML code to style the copy.

Previous
Previous

Interactive infographic

Next
Next

Asado Wine