I handed in my assignment both physically and online.
For the Website I feel I did well but one struggle I faced with the InVision app was the inability to put a link over top of a Screen Overlay, meaning whenever an image appears if the cursor is moved the link remains but the image/text title for the page doesn't work.
This also means that on the main directory page I couldn't link to the Plague cover as the trash that appears behind the title takes up the screen.
I tried to ifnd tutorials everywhere but I couldn't fix this issue, so where the whale has "home" above it it leads to the front cover.
Each page has a fully functional link, with the "Plague" title at the top consistently linking to the cover photo whenever clicked. Each page has an interactive theme; images such as trash appear when hovering over the models on each page.
Although it was very difficult, I appreciated the challenge of creating a fully functional website simulation.
222.258 Koha
Monday, 12 October 2015
Sunday, 11 October 2015
Workbook (12/10/2015)
For the front page I decided I didn't quite like the flow of the overall image -- everything seemed too simple and I didn't like this. Also it didn't quite seem to work with the "Vogue" theme.
![]() |
| Front Page before |
![]() |
| New Main page |
After a consultation with Lee regarding the website, she said the colour palette and imagery was good, but the type layout was too condensed and I needed to change them. After consulting a magazine on type layout, I hung up printed images of my website:
I noticed the cover page's main focus was the title and the eye looked at everything around it AFTERWARD because the title is placed in the center. Then on the next page, the images and titles make more of a "zig zag" shape which is a more interactive way of processing the page's information.

I took this into account for the next two pages with the information on them. At first I had a title with an underlined rule and the information in blocks continuing the zig zag shape. However, this didn't seem to work, so I changed the type to be in 3 squares, one on top and two on the bottom (like a pyramid) because the eye still looks through the information in a zig zag formation.
I did similar to the other page for the next page of information, just upside down so that it maintains the visual flow.
The final page will have a block of information in the top left corner in a bigger text (So what can you do?) then a 2px length line on the right and information underneath (flush right).
A map will be in the bottom left with certain pieces of trash scattered around the page.
Wednesday, 7 October 2015
Website so far:
This is what I have been able to make on the website -
Each page links to another page successfully, and invisible images pop up when hovered over.
Each page links to another page successfully, and invisible images pop up when hovered over.
Workbook (6/10/2015)
Phoebe and I finalized the poster so we can print it on Friday.
Although I edited the poster in RGB, I realised after the lecture by Tim, printed images should be done in CMYK.
The first 2 pages will go in this order --
The first image will be the "cover photo", and when the title is clicked it will lead to the next page - the home page. Only the titles will be visible on this page, and when the text is hovered over the animals will appear.
The next two pages (a third is to come) will be filled with the information as shown.
The pink page is about if we do not confront our pollution problem, instead of being able to swim in the sea we will be wearing it, just like some of our endangered species! It then says what we can personally do to fix this problem in different ways:
Although I edited the poster in RGB, I realised after the lecture by Tim, printed images should be done in CMYK.
The poster on the left is RGB and the one on the right is CMYK. Although I personally liked the CMYK one on the right as it had a more "Vogue" feel to it, Phoebe and I agreed the RGB image had more color and seemed more visually appealing.
I have also been working on the website and made quite a few changes after the interim discussion yesterday:
The first 2 pages will go in this order --
The first image will be the "cover photo", and when the title is clicked it will lead to the next page - the home page. Only the titles will be visible on this page, and when the text is hovered over the animals will appear.
The next two pages (a third is to come) will be filled with the information as shown.
The pink page is about if we do not confront our pollution problem, instead of being able to swim in the sea we will be wearing it, just like some of our endangered species! It then says what we can personally do to fix this problem in different ways:
The next fashion
statement?
We hope not!!
We hope not!!
If we don’t start to
take responsibility for our actions, instead of the rubbish being on our
beaches, we’ll be wearing our pollution just like certain animals in our ocean
such as the blue penguin, seagulls and even orca whales!
We need to confront our problem before it becomes the next fashion statement instead of working around the problem.
Like the first step to any dilemma, we need to admit that we have a problem instead of avoiding it any longer.
We need to confront our problem before it becomes the next fashion statement instead of working around the problem.
Like the first step to any dilemma, we need to admit that we have a problem instead of avoiding it any longer.
Certain ways of
solving this include getting a small community together and simply doing a
coastal clean by foot, boat or kayak you can prevent litter travelling out to
sea and damaging our animals.
What can we do to decrease pollution:
- organize beach clean ups!
- reduce the amount of your own personal rubbish
- make sure only rain goes down the drain and take care of the local streams
- research your local beaches
C’mon guys, it’s your beach too!
What can we do to decrease pollution:
- organize beach clean ups!
- reduce the amount of your own personal rubbish
- make sure only rain goes down the drain and take care of the local streams
- research your local beaches
C’mon guys, it’s your beach too!
The next page is explaining facts about New Zealand pollution and statistics about our beaches:
Wellington
waterfront’s diving platform was closed because faecal contamination spiked
nearly 500 times the safe levels. Majority of New Zealand rivers were used as
bottled water (the water is taken directly from the river) majority of these
rivers are now so muddied with sediment, algal blooms and pollution that they
cant even be used for swimming Each year, plastic waste in water and coastal
areas kills up to 100,000 marine mammals 1 million sea birds, and countless
fish 95% of the world’s cities still dump raw sewage into their water supplies
Marine debris is a
worldwide problem – every year approximately 7 billion tonnes of garbage
progresses towards the sea. 46,000
pieces of plastic litter is covering the ocean, and only 30 percent has sunk.
This will remain in the environment for hundreds of years.
“Almost a quarter of
New Zealand’s beaches were and water ways were tested in Auckland, were unsafe
for swimming” – NZ Herald
Water pollution in
New Zealand is becoming and increasing controversy; one third of New Zealand’s
beaches are contaminated with sewage, and 49 out of the 350 beaches in New
Zealand are classified as polluted.
The third page will explain the beach clean up day, details on how to find it and some more statistics about New Zealand beaches and how joining this clean up day could prevent these statistics from getting any worse!!
I am also making a sticker page for our extra item. Although it doesn't contribute to our grade I'll still print these out because theyre still fun to have!
Monday, 5 October 2015
Week 5 Session 1 (Interim)
Today we had our review, and I was told to make the following changes on the website and poster:
POSTER:
1. Lighten or remove seaweed hanging off the model as it is overpowering and too dark. This takes away focus from the headpiece which is the focal point of the poster.
2. Zoom in on the model and lower her so only the top half of the body is visible. Although it's cutting off the rest of the bikini the top half is still visible enough to show she's wearing beach clothes.
3. Make the font a color that corresponds with skin tone and darker colors - this will be a challenge.
4. Possibly add more detail to head piece.
WEBSITE:
1. Change the vectored animals to look more distressed/littered on as this is the theme of the poster.
2. Put clothes on vectored humans to continue beach theme like on model.
3. Color scheme does not quite work with the poster - this is due to using photography for the background then changing them to a negative/divide. Introducing new ideas/developments are not ideal at this point, so I need to keep the background to a solid color with a subtle gradient. Less filters and effects, more solid colors.
4. Try having a white border on each page
POSTER:
1. Lighten or remove seaweed hanging off the model as it is overpowering and too dark. This takes away focus from the headpiece which is the focal point of the poster.
2. Zoom in on the model and lower her so only the top half of the body is visible. Although it's cutting off the rest of the bikini the top half is still visible enough to show she's wearing beach clothes.
3. Make the font a color that corresponds with skin tone and darker colors - this will be a challenge.
4. Possibly add more detail to head piece.
WEBSITE:
1. Change the vectored animals to look more distressed/littered on as this is the theme of the poster.
2. Put clothes on vectored humans to continue beach theme like on model.
3. Color scheme does not quite work with the poster - this is due to using photography for the background then changing them to a negative/divide. Introducing new ideas/developments are not ideal at this point, so I need to keep the background to a solid color with a subtle gradient. Less filters and effects, more solid colors.
4. Try having a white border on each page
Sunday, 4 October 2015
Workbook - Website Progress (4/10/2015)
Originally I had the idea to make the page simple with 4 objects straight down the middle and when the mouse hovers the 4 images (starfish, trash, shell and tampon) it would lead to a directory for each separate topic.
This was how the page turned out. Origibally I had a black border but Phoebe suggested that be removed as it suffocated the image and made the page look cheap.
For the background I took a photo of my hardwood floor and inverted it to make the image seem "beach-like".
However I didnt like how this looked as it was too simple so I developed this idea further to something a little bit more detailed.
For the background I took a photo of my hardwood floor and inverted it to make the image seem "beach-like".
However I didnt like how this looked as it was too simple so I developed this idea further to something a little bit more detailed.
I made the background color a little more saturated and changed the title to plague. I then created some vector reference images and when the titles are hovered over these animals appear.
I made the font italic to make the page seem more of a Vogue parody.
I made the font italic to make the page seem more of a Vogue parody.
I used a stock photo of rubbish for the background and divided it then colored over top with blue. Originally it was brown but it looked too gross for a "high end" fashion magazine. Phoebe and I really want to play on the idea of the images appearing optimistic in a bad situation. Hence why the model seems happy to be bathing in crappy rubbish.
The third page:

The third page:

I inverted an image of a Wellington beach and placed a model in the bottom corner of the image. This is the third page because it is less aggressive in the idea of pollution - it implies and idea of what COULD be achieved if we had a polluted-free environment, while also maintaining the color scheme.
The vector images I kept referencing, I made a page of vector images that Phoebe and I will use throughout all of our products (i.e: the pamphlet she's working on). These are the main images we will be using among others.
For the models I decided giving them clothes would be too simple, so instead I only vectored the skin and left the clothes blank so the backgrounds will shine through to make the models actually seem like they are a part of the problem without them noticing it. They're bathing in their problem and working around it by making it seem like a fashion statement instead of a problem that needs to actually be fixed.
Thursday, 1 October 2015
Workbook - Progress on poster so far (2/10/2015)
I did not attend Monday and Tuesday classes as I had other commitments, but I made sure to have some spare time to consult with Gray and Lee.
Gray recommmended I make a couple changes to the poster such as removing the netting from the face as it was too much detail in the wrong place. Also the headpiece should be more trash oriented as that is the main focus of the image. I also changed the light green seaweed to a more grungy brown since seaweed is a "good" thing, and that isn't what we want so we want to emphasise the bad parts of the ocean such as the oil.
I also added pubic hairs, a condom, gum and other distrubing garbage to made the image more uncomfortable.
Phoebe and I also decided to change the name to "Plague" as it is more relevent to the topic while parodying Vogue.
Gray recommmended I make a couple changes to the poster such as removing the netting from the face as it was too much detail in the wrong place. Also the headpiece should be more trash oriented as that is the main focus of the image. I also changed the light green seaweed to a more grungy brown since seaweed is a "good" thing, and that isn't what we want so we want to emphasise the bad parts of the ocean such as the oil.
I also added pubic hairs, a condom, gum and other distrubing garbage to made the image more uncomfortable.
Phoebe and I also decided to change the name to "Plague" as it is more relevent to the topic while parodying Vogue.
![]() |
| Second Poster |
![]() |
| Third (Final) Poster |
Subscribe to:
Posts (Atom)














