Design a website homepage using a grid.
PROCESS (Programs, Tools, Skills, FOCUS principles)
The first thing I did was find a topic. I saw a Guinness World Record book at the library and thought it would be fun to do a site dedicated to a record holder, so I did some research and decided to do my mockup on the world’s largest paint covered baseball. After I chose my topic I drew three planning sketches for how I might tentatively plan my web page. Then I chose the one that I thought would work best. I opened up Photoshop, placed a 12 column grid, and created my wireframe.
Afterward I began looking for pictures that I could use in my design. I looked for pictures that I thought would work in my layout. As I began placing the images I realized my layout would not work with the images that I had, so I adjusted my wireframe a little to accommodate the pictures. After I finished placing the pictures and adding text I saved it as a JPEG and uploaded it to Facebook for critiques
I received critiques on Facebook from Toni Norman and Megan Headley. Toni and Megan both suggested adding more white space. Megan also suggested adding some contrast in the sizes of my headings. My instructor suggested I add some more contrast between my headings and my body text by making my large text larger and my small text smaller. She also suggested I increase the width of my page and add some more content so I had a more clear message. My one-on-one critique was done my friend Hannah. She suggested I change the color I had originally, increase the size of my main heading so it stands out more with the paint background, and add some punctuation.
You can come see the record setting baseball covered with the most layers of paint.
Anyone interested in a record breaking oddity.
TOP THING LEARNED
How to use clipping masks to place images right into your wireframe.
COLOR SCHEME & COLOR NAMES
Monochromatic – Blue and White
TITLE FONT NAME & CATEGORY
Follow Your Dreams // Decorative
COPY FONT NAME & CATEGORY
Gotham // Sans Serif
THUMBNAILS OF ANY ORIGINAL, UNEDITED IMAGE(S) USED IN THE PROJECT AND SOURCE