LETTERS TO STRANGERS WEB PROJECT BY RITA DRYSDALL (S5008929)
01/ INTRODUCTION
The idea behind the web site is to write letters to strangers to uplift them or to make them feel better about themselves. The website invites people to write to others in one of three ways: 1. Send the letters to the website organisers via post and they will in turn send them out to strangers who emailed their addresses.; 2. Write letters and leave them anywhere for people to find them. 3. Create a neighbourhood group and organise letter writing to strangers. The function of the website is simply to act as the middle person between the letter writers.
02/ SITE MAP
Home Page Slide 1
Õ Information Page Slide 2
Õ Contact Page Slide 3
03/ WIRE FRAMES
The web site features 3 pages as per menu.
04/ COLOUR SYSTEM
The colour system will be faithfully reproduced on all pages of the web site.
THE COLOUR SYSTEM AND COLOUR CODES
60 %
40 %
20 %
COLOUR CODES CMYK : C080 M053 Y058 K037 RGB : R047 G079 B079 WEB : #293544
60 %
40 %
COLOUR CODES CMYK : C013 M100 Y100 K003 RGB : R207 G026 B021 WEB : #CF1A15
60 %
40 %
20 %
COLOUR CODES CMYK : C058 M040 Y031 K002 RGB : R119 G136 B153 WEB : #778899
20 %
60 %
40 %
COLOUR CODES CMYK : C000 M000 Y000 K000 RGB : R255 G255 B255 WEB : #FFFFFF
20 %
05/ MOCK-UP
The home page (slide 1) will feature a full image with a transparent band horizontally across to highlight the title of the page. The information page (slide 2) will feature 3 boxes with images that on mouseover will reveal text on a grey background to expand the information. The contact page (slide 3) is a form to fill in and contact admin.
06/ RESOURCES
The following resources were used to complete the assessment.
IMAGES WERE SOURCED FROM: https://pixabay.com/en/letters-stationery-old-antique-851820/ https://pixabay.com/en/mailbox-rome-newspaper-italy-post-1419789/ https://pixabay.com/en/correspondence-envelopes-memories-1932386/ https://pixabay.com/en/letters-stationery-old-antique-851820/
JAVASCRIPT WAS SOURCED FROM: Learning at Griffith day 9 download file
ICONS WERE SOURCED FROM: https://www.iconfinder.com/iconsets/black-white-social-media
HOW TO DO THE TEXT OVERLAY WAS SOURCED FROM: https://www.w3schools.com/howto/howto_css_image_overlay.asp The fade in text was used and modified to suit.
Rita Drysdall S5008929 2614QCA Advanced Web Design Lecturer: James Ugarte