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, Canva, or Gimp (this is a free version of Photoshop).
Hint: When selecting the font style for your design, I recommend selecting one available on Google Fonts or Adobe Fonts. Google fonts and Adobe Fonts can be used to customize your font's on your website. It uses link tags in the head of your HTML document similar to your css link tag.
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). You can also change up the location of the text and the typeface if you would like. Then only requirement is to keep the Goose icon and the words.
Turn in the designs in a zipped folder as pdfs, jpgs, or pngs to canvas.