Interactive Website
The Course Assignment 01 was the second obligatory assignment of the 2nd-year of Graphic Design. This assignment was completed during the lessons in Screen Based Design 2, and consisted of making an interactive and responsive website with infographics. The theme of the website were to be revolved around the problem with plastic pollution in the ocean and the marine life affected by this.
We were allowed to come up with our own fictious non-profit organization, and we were encouraged to produce our own illustrations and content to avoid copyright infringement.
I decided to make this website in WordPress through the online server One.com, as well as using the Elementor Pro plugin to speed up the process of production. I decided to focus on the task, the message and the time on this task and therefore I didn’t want to spend time coding the website myself. The theme I chose was Hestia, and it didn’t affect my design in any way as I used completely my own design.
Client
Name: OceanGaze
Works for protecting Marine life against plastic pollution in the ocean.
A company driven by funding from volunteers.
Money goes into work with picking plastic from the ocean and beaches/shorelines around the world.
Encourage everyone to be conscious of the damage and help marine life the best we can.
Largely supporting research on how to remove plastic from the ocean efficiently.
Background:
Started as a volunteer project for a group of surfers from northern Norway. They were traveling the world to surf in 2013 and saw so much damage to marine life during their travels. After rescuing a stranded turtle with a chain of plastic garbage around its neck, they decided to try do something about the plastic pollution problem when they got back to Norway.
They have since received large funds from the local community and been able to travel around on schools to educate children about this massive issue that lies ahead in their future.
Ever since 2013 they’ve collected 2000 tonnes of plastic waste from the ocean.
Creative methods
1. Research: Branche, target audience, competition, infographics. Find information.
2. Inspiration: Behance, Pinterest, Google similar cases
3. Idea development: Using research and inspiration to develop ideas
4. Visual/images: Finding imagery suitable for idea and message
5. Sketching: Ideas, notes
6. Structure and wireframing: Mapping idea, checking what works/what doesn’t
7. Choosing content and angle: Research facts, pick useful info
8. Developing infographics: Story, message and communication
9. Building website: Matching structure with content and images
10: Style: Adding color and choosing typography.
11. Analyse: Check with target audience, competition, idea and finished result
12. Test: Check that everything is working.
Brand voice
Dedicated
Serious and professional
Loving nature
Open and honest
Informative
Helpful and useful
Tone
Informative
Impactful
Encouraging
Inspiring
Stands out of the crowd
Target Audience
INSIGHTS:
– All are interested in finding solutions to plastic pollution.
– There are both genders and different age groups. (Young and older)
– They want a healthy ocean in the future.
– Interested in helping out as they can.
– Some with stable income, able to donate.
– Feeling of good concience as they try to fix a problem.
ACTIONS:
– Find information on the problem.
– Find information on how to solve the problem.
– Find information on how to help and what they can do.
– Find information about progress and goal reaching.