Skills Used

-Illustrator
-Idea Generation
-Wireframes
-HTML
-CSS
-Jekyll
-Branding
-Concept Design

Brief

We were given the task to design a site for kids to help teach them about five elements in the periodic table.

I wanted to make mine fun and engaging. I also wanted to create a theme behind the project to make it more exciting for kids. This is why I came up with 'The Secret Garden of Elements’.

Process

Firstly, I created a user persona to help me keep my design on track. I then decided to research the content around my five chosen elements. It was important to choose elements that could be found in the secret garden.

A user flow was my next step. I wanted to make sure that it was simple to navigate through. It was important to make it as accessible as possible for kids to help them learn.

I then started to explore colour palettes. I wanted to use strong colours, but keep it vibrant and mysterious at the same time.

Theme

The theme for my site plays a big role. Inspiration from the well known book 'The Secret Garden' helped me to develop the idea of 'The Secret Garden of Elements'.

I loved the book as a child and thought it might be relatable for many others. I began to sketch out illustrations for the webpage. I wanted to create a sense of mystery in order to engage the kids.

The idea of the first screen is that you have to almost 'unlock' the site to enter it. This helps start the mystery.

>
Solution

The idea behind the site is to make learning elements fun. Kids can go through the opening page by pressing a button to enter. They then will be able to see the garden. The site explains that there are elements hidden in the illustration. The way to figure out where they are is by clicking on each one which will then take them to a new page. On the page, they will then see an illustration from the garden that contains the element.

The content on the page explains the basics of the element and then gives examples of where else it can be found.

I focused a lot on illustration to make it as visual as possible to try and keep it exciting.

You can view it here ♥