Web Page Mockup Project

Description: 

Create a web page layout using a grid.

Process (Process, tools, skills, FOCUS principles):

1. First, I had to choose between two ideas I had regarding the webpage I wanted to create. I decided to choose the same business I used in the Business Identity Project.
2. Then, I started sketching ideas for the website layout.
3. Next, I went to photoshop to create a shape map of my idea. I felt that my initial idea was too minimalistic to attach to my brand, so I added a more professional look.
4. Then, I started on my actual web page mockup page. I inserted title, logo, menu items, thumbnails of photography, and footer information.
5. My final project ended up differently than I had originally intended as I added more images and different alignment of the tab text.

Critique:

I received feedback from Danielle Esplin. She suggested I arrange the featured photos so that the spacing was more uniform. She also suggested that I move the menu text onto two lines rather than three and to also move the social media icons below them.

Facebook Critiques: n/a

One-on-one critique: Danielle Esplin

Instructor Critique: n/a

Message:

To showcase photography and my portfolio to potential and existing clients.

Audience:

People looking for photography and social media marketing services.

Top thing learned:

I learned the importance of alignment, especially with using the guides provided.

Color scheme & color names:

Monochromatic–blue and white.

Title font name & category:

Avenir Next Condensed–Sans serif.

Copy font name & category:

Avenir Next Condensed–Sans serif.

Thumbnails of any original, unedited image(s) used in project:

Source of each image (website name and hyperlink):

unsplash.com