Finalising Surf Wax

Packaging rendered in photoshop:

 Final Net:

Final Box Made Up to hand in:

Final Presentation board:

Final Website

After critique with the teachers on Monday, we are editing the website slightly. Taking out the green fade from the map and adding wave lines in the water instead to tie it into the flyer:

Also had to upsize the imagery to the photos line up with the title of the sections:

Final Website:

Sign Up Page:

Surf Wax Packaging

Sketching:

First draft for packaging:

We decided to keep the whole packaging blue as this surf wax is to be handed out to those who come to the event so it will be for after and the blue is a positive colour in our project representing the cleaner waters so we want to keep the whole thing blue and rubbish free to represent our goal of cleaner waters.

 So we printed it out and put it together...

 And we realised after we put it together the back was upside down... :(

 After feedback we have a few things to change: The smaller text should still be on straight lines to stay with the rest of the design style in the rest of the project. And the title looks awkward where it is.

Developments: Playing around with placement.

Website Development

Website Concept #1

This was our first concept for our website. It was hard organising the information on the page and it wasn't looking great so we switched to our other wireframe.

We prefer this concept with the longer page with all the information as we scroll down. We will use the lines as dividers between each section. The user will be able to scroll or click the links at the top of the page.

 We changed the lines so that the rubbish disappears from the water as you scroll and the water changes colour from the toxic green to blue. 

Added the map in to the 'get involved section'.

We decided to change the navigation of the website to a small bar across the top that can be fixed at the top of the page. It will also have the logos for LYC and sustainable coastlines. It looks cleaner and will be easier for the user to navigate.

Full website with fixed header navigation.

 We needed to incorporate the idea of surfing more into our website so we incorporated this wee surfer, surfing down the page. We also added in pictures relating to the sections.

We also spaced out each segment a bit more so that on the screen, you can only see one section on the website so it looks cleaner. The line of the surfer needs to be thinner and arranged better so it doesn't interrupt the text.

After feedback in class, Phoebe noted that the map was difficult to tell which side was land or sea, so we just added a subtle, light green fade to the land side to make it easier to understand.

Final Development:

There a couple of minor changes to be made but its pretty much done :)