Using a grid design a web page layout.
PROCESS (Programs, Tools, Skills, FOCUS principles)
- I started by sketching some ideas of how the lay outs could look:
2. I then created a wire layout in Adobe Photoshop:
3. From there I continued to add social media icons, and photos and words that would be clickable.
4. I then had it critiqued and then finished up by fixing up what was suggested.
I had my design critiqued by Sister Nugent and Broome Munoz from class. Both suggested to fix the logo at the top of my web page layout, as well as adding social media buttons and copy write information.
Facebook Critiques: I posted it and received a reply from Sariah Mudallar and Sister Nugent.
One-on-One Critique: Brooke Munoz
Instructor Critique: My instructor suggested making my logo on top bigger because it was too small and then I made it too big so I fixed it from there. I also was told to make sure and add the copyright information and social media buttons so I did!
Shop our clothes and adventure with Grand Elevation Company.
All outdoor fans that are looking for adventure and great clothing for those adventures!
TOP THING LEARNED
I learned how to get the grid off and on the design….command H
COLOR SCHEME & COLOR NAMES
Complementary // Teal and brick
TITLE FONT NAME & CATEGORY
Coachin // Sans Serif
COPY FONT NAME & CATEGORY
Birch Standard // Sans Serif
THUMBNAILS OF ANY ORIGINAL, UNEDITED IMAGE(S) USED IN THE PROJECT
SOURCE OF EACH IMAGE (website name and hyperlink)
Logo is my own.
The 3 outdoor photos came from Unsplash.com, here are the individual links:
Here is the link to the social media icons: