Lab 10 The Galloping Goose Design
Goal
- Practice designing web pages
- Practice creating logo svgs
NO CODE THIS LAB!
Learn
To: student@uwec.edu
from: thegalgoose@goose.com
Hi I am Marentya, the owner of The Galloping Goose and I am in desperate need of a website.
The Galloping Goose is a pub located in the village of Tofalls, which is nestled in English countryside of East Anglia. We mostly cater to the locals, but have been seeing an influx of tourists in the area and would like to market better to them. We serve traditional English foods and drinks, such as ale and cider.
I really like websites that have all the information on one page, otherwise I don't really have any ideas of what the website should look like. I have attached our logo, the menu, our story, contact information, and some images we have. PLEASE make me a website.
Thanks, Marentya
Attachments:
The Galloping Goose Content , The Galloping Goose Logo , Image 1 , Image 2 , Image 3 , Image 4 , Image 5 , Image 6
Practice
Today's lab you will be designing a one page site for Marentya. You can use either Adobe Photoshop, InDesign, Illustrator, or Gimp (this is a free version of Photoshop) to do so.
If you are not familiar with any of the Adobe software, I have made a tutorial on the basics of Illustrator
Hint: When selecting the font style for your design, I recommend selecting one available on Google Fonts. Google fonts can be used to link to fonts in the HTML document.
Requirements:
- You will need two designs one for mobile and one for desktop. I recommend starting with 1920x1080 pixels for desktop and 500x1080 pixels for mobile to start. You can increase the length of the web page as you design.
- Use at least two photos.
- Use the story, menu, and contact information provided above.
- Web page will need a navigation menu with jump links. So a navigation that uses ids to scroll to an anchor on the same web page. (Like the navigation from lab 5, 7, and 8.)
- Create the logo as an svg in Adobe Illustrator like we did for lab 7 (you can add color to the logo)
Turn in the designs in a zipped folder as pdfs, jpgs, or pngs to canvas.