11A Web Page Layout

11A-Web-Page-Pie

11A-ShapeMap-NancyWells

11A-Sketch_NancyWells 001

Message: Pie is delicious and pretty much everyone loves to eat it! The message is that our company quite simply makes and sells the best pies. We try to make it as easy as possible to find us, use us for catering, weddings, holidays, etc. We want to draw people to come into our shop and have a piece of delicious pie. We do that with inviting pictures. We also tell about the quality of our pies. I had planned on doing something else for my project, but when I learned it was pie day on Monday, I made a pie. While I was making it, I decided pies would make a great website.

Audience: Everyone who loves to eat desserts, but especially those who love pie!

After I decided to make my website based on a pie shop, I had to figure out what it would look like. I knew I wanted a picture of a scrumptious pie front and center. I decided to put the logo in the upper left corner with a heading/navigation bar next to it in a different color. I placed some text below the picture and drew in the footer. Last of all I added three circle pictures of slices of pies above the footer. Transforming this into Photoshop was a little difficult for me, because I am still learning Photoshop. Getting it to work for me can be painfully slow sometimes. But I learned a lot doing this project. I finished my wire frames fairly easily. I spent quite a while trying to figure out a logo. Once I had the idea, it still took awhile to bring together. Brent Fisher helped me figure out how to get my Logo into the project. It was tricky to create because I had to use five text boxes to include everything and have it in the right places. I aligned everything, so it would all fit together. Then I saved it as a pdf and made it into a jpeg. I didn’t know how to clip it, but Brent did. It was pretty easy once I learned what to do. The rest was fairly easy. I really appreciated your critique, Sister Larson. I start being pleased with my project because it is starting to look nice. But you always see it with fresh eyes that can quickly tell what would improve it. And it does! Thank you!

The following people critiqued my project:

Kristen Larson Last Critique of the night! You made it! http://screencast.com/t/ymu7yGaz5L0
1. Add year to copyright.
2. Remove grid, unless intentionally there.
3. Make footer narrower.
4. Increase logo size.
Shelley Guthrie Tiffany Be sure to remove the grid from behind the circle shapes near the bottom. Maybe increase the font in your logo. I love the apple red color throughout. This looks delicious!
Sharon Lundgren Coleman Very cool project. Nice job. I agree, the logo font should stand out a little more. Can’t see anything else I would change.

I really appreciated all the great critiques. I used all of the suggestions. Removing the grid made my project look a lot cleaner. I was surprised how much better it looked when I made the footer narrower. It also corrected the spacing above and below the circle pictures to make them more even. Increasing the logo size made the biggest difference, I think.

Color scheme: Monochromatic (red)

Font: Title/Logo: Vivaldi/decorative, Text: Arial Unicode MS/sans serif

A quote from my son: “I love pie!” -Bill

Pie URLs:
Apple Pie
http://images.harryanddavid.com/is/image/HarryandDavid/asiHighRez/overlay_shipsOvernight_feature_pre/1630_29544_01h-sweet-lady-jane-deep-dish-apple-pie. jpg
Lemon meringue pie slice
http://lackeyafjrotc.com/wp-content/uploads/2016/01/lemon-meringue-pie-slice-slice-of-baked-lemon-meringue-pie. jpg
Photo of up close pecan pie slice
http://img.webmd.com/dtmcms/live/webmd/consumer_assets/site_images/articles/health_tools/holiday_depression_slideshow/getty_rm_photo_of_pecan_pie_slice. jpg
Cherry pie slice
http://www.trbimg.com/img-51003980/turbine/la-dd-recipes-to-celebrate-national-pie-day-20-001. jpg
Cherry pie clipart (used in logo)
https://s-media-cache-ak0.pinimg.com/236x/12/23/f1/1223f1faa11d30a8521ed2763a26440d. jpg

Save

Advertisements
This entry was posted in Designs. Bookmark the permalink.

3 Responses to 11A Web Page Layout

  1. Marilee says:

    Thnaks for taking the time to post. It’s lifted the level of debate

    Like

  2. lovesbblog says:

    This is FANTASTIC! Talk about getting your message across. I am not even a fan of pie and now I want to eat pie! The colors look great! There is a nice contrast. The layout is clean and very accessible. Great work!

    Check out my blog at https://lovesbblog.wordpress.com/2016/03/18/11a-web-page-layout-project/

    You should also check out Shelly’s project
    https://byui.brainhoney.com/Frame/Component/CoursePlayer?enrollmentid=44631835&itemid=BGWYV

    Like

  3. margeryebs says:

    Hi Nancy. I LOVE you web layout design. What a great topic; pies! I love how you put the pie pics in circles. Great logo. As always, very nice work. I’ve enjoyed following your projects this semester. Margery https://margeryssite.wordpress.com/2016/03/17/11a-web-page-layout-project/

    Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

w

Connecting to %s