InVision links

Web: https://invis.io/PU8YTH7A5
Mobile: https://invis.io/JN8YVPJPG

web background

my intention for the website was for the background colours to go all the way across the screen, but I realised with screens bigger than mine, it doesn't show up that way, it looks like this:

On the other pages, I fixed this by adding a background image:

though the header does this when you scroll, but I don't think that's necessarily a bad thing.

I just need to figure out how to make the home page work like this.

Share page

I added "social media posts" on the share page, all from photos we've taken, plus two from google (that were marked for reuse with modification). I also added some little captions that show up when you hover over them (individually). If this was real, clicking on them would bring you to the actual post on whatever site it's on, but since they're fake I can't do that.

Also, I linked the twitter and facebook icon to LYC's pages, but not the instagram since they don't have one. But if this were real, they could easily make one..

on the mobile page, I made it so if you click the image it brings up a larger version with the caption underneath. I made up the names/usernames and captions, as if some a facebook, some instagram and some twitter

mobile website

Still a few things to add: the correct poster/flyers for resources page, photos on the share page

this is the menu, it drops down from the header, half the width of the screen

I only have my (very old) ipod to test it on (my phone can't do internet), and it works pretty well. I used a template with a taller screen, so the fold would be just under the learn more/get involved buttons on that. But - I tested all the buttons and being able to click things with my fingers, which all works.

More website development

webite home page development

made a better image for the home page (a rough one)

added footer, spaced out nav a little

made nav text black so it's easier to read.

playing with different ways to show which page it's on:

website development

-changed fonts

- separated paragraphs a bit more

-made resources/events/share pages separate

-added lego swimming?

updated flyer

made it bigger - unfolded it'd be about a4, 

made gaps for little icons

fixed up the cover image - removed the sane because it didn't match the rest of it, made the text red. 

possibly still need to change the type on the first page and maybe add to the smaller paragraphs so they're more of a similar size to the others. also, make the title of #5 fit on one line.

possibly flyer idea?

a little card sized folding brochure sort of thing. if it's small and easy to put in your pocket or wallet, it might be less likely to be thrown away could go on the fridge too. We might come up with a better idea for this yet.

possible text for flyer

I was thinking about using the text we were given but I decided it was too long - and also not as relevant? I found 10 smaller things you can do, directly relating to plastic, which I wrote into 1-2 sentences. it also comes to about 270 words so it's just under what we need - but adding an intro bit should be fine.

1. Don’t use plastic bagsBring your own reusable bags to the supermarket. Remember bags for produce, as well! 2. Avoid plastic packagingDon’t buy items packaged in lots of unnecessary plastic. If you can, buy items packaged in cardboard instead - this is easier to recycle and biodegrades more easily. 3. Shop in bulkMost plastic waste is generated in the kitchen. Bring your own bags and containers and stock up on bulk foods 4. Reusable food storageUse reusable food storage containers instead of plastic wrap or ziploc bags, which often get thown out after one use.5. Don’t buy bottled waterInstead, keep a reusable drink bottle handy and fill it up at home - this is much cheaper in the long run! 

6. Bring your own coffee cupOnly 1% of disposable coffee cups get recycled. Not onl are the lids plastic, but the cups themselves are generally lined with a plastic resin. Bring your own reusable cup next time you buy coffee.

7. Say no to straws!Straws, plastic spoons, and other single use plastics are often unnecessary - and if you need them, bring a reusable one from home. 8. Avoid microbeadsMany facewashes, bodywashes and toothpastes contain tiny beads of plastic, which are too small to be filtered out of water. There are many other biodegradable options. 9. CompostOver 1/3 of kerbside rubbish is food scraps - composting it means you’ll use far less plastic rubbish bags. If you don’t have room, find out if there’s a community one nearby. 10. RecycleThere’ll always be some plastic you can’t avoid, so make sure you recycle it!