11A Web Page Layout Project

web layout picturewireframe picturesketch picture

My first decision in making this layout was selecting just one thing to focus on since there was so many to chose from. I decided to make my website on the same subject that I used on my collage but used another brand that my daughter enjoys (I really like them so I buy them for her because I cant buy them for myself 🙂 ) I chose Calico Critters because it was something that everyone could enjoy. Whether it be children wanting to play with them, parents having to look them up, adults looking them up because they were buying gifts, this really aimed to target everyone young or older.

I chose my subject I needed a sketch so I went online to look at various website that I enjoy to grab inspiration on how I wanted my site to look. Once I decided how I wanted it to look I then begin making the wireframe. While making the mock I was able to take things out and simplify the design. I was able to use pictures and the logo that represent the company and tried to use the same kind of picture with white background so that it would look consistent.

Kristen Larson Here is your video critique Erika: http://screencast.com/t/7MccHbAX

I received a critique from Sister Larson this week and she made many recommendations that I used. She first wanted me to unify the header and take out a square I had in the middle and make it uniform with the line dividers I had. She said I should take out image boxes that were distracting and didn’t go so I did and found a logo that had the quotes in the picture already. I took out the wallpaper from behind the logo as I was simplifying. I took out the busy pictures so that it would be easier to read the text also.
I Critiqued Heather Simpson and Emma Vellinga.

Image source:

Logo: https://ixquick-proxy.com/do/spg/show_picture.pl?l=english&rais=1&oiu=http%3A%2F%2Fmediacdn.shopatron.com%2Fmedia%2Fmfg%2F224%2Fcategory_image%2Fx01_764887.jpg%3F1430269144%26amp%3Bw%3D740&sp=37c7bac7e6a378c0f2132b84a1625b61

Image 1:https://ixquick-proxy.com/do/spg/show_picture.pl?l=english&rais=1&oiu=https%3A%2F%2Fimages-na.ssl-images-amazon.com%2Fimages%2FI%2F51VdVWLZy9L._SL1000_.jpg&sp=3dd601a8730bd1697eeb1414c9b3d6b6

Image 2:https://ixquick-proxy.com/do/spg/show_picture.pl?l=english&rais=1&oiu=http%3A%2F%2Fwww.toysrus.com%2Fgraphics%2Fproduct_images%2FpTRU1-22188306enh-z6.jpg&sp=8f9252c06b81041ac9ce0be2fa4050d5


Image 4:https://ixquick-proxy.com/do/spg/show_picture.pl?l=english&rais=1&oiu=http%3A%2F%2Fcdn2.sylvanianfamilies.net%2Fincludes_gl%2Fimg%2Fproducts%2F1345_1440556957057.jpg&sp=9e4de21afd592c3a3aa7bc5380e4cfc5

Image 5:https://ixquick-proxy.com/do/spg/show_picture.pl?l=english&rais=1&oiu=http%3A%2F%2Fcdn2.sylvanianfamilies.net%2Fincludes_gl%2Fimg%2Fproducts%2F1207_1405469883625.jpg&sp=397ecce9b00cd1cdfb893ce165bb39b3

I used Ebrima for all my text, the font is san serif

I used the colors from the images but tried to stay monochromatic with the different browns and added black.


One thought on “11A Web Page Layout Project

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 )


Connecting to %s