Webprototype-ShallynYoung.jpg

 

DESCRIPTION
Design a website homepage using a grid.

PROCESS (Programs, Tools, Skills, FOCUS principles)

1. I was inspired to create this webpage because of my family’s business.
2. I sketched out a wire frame of what I wanted the website to look like. I have always liked simple websites and I do like whitespace.
3. Using Adobe InDesign I was able to use a grid to create a map of my website. I did change some things on the actual webpage because once I started adding the pictures, colors, and texts I realized that the “Title” on the map didn’t look good on the actual webpage.
4. While adding the pictures I struggled to find ones that would work. I wanted all of the pictures to be cropped or have a white background. I have taken my own pictures of my family’s chocolates but I was not able to  get access to them so I had to settle on the pictures available to me online.
5. The font for the Company name matches the font of the logo. It is a scripted font so I tried to find a san-serif font for the rest of the webpage.

 

Comm 130 wireframe.jpg

Wireframe-ShallynYoung.jpg

 

CRITIQUE PROCESS
I was not able to be in class the day we critiqued the project. However, I did ask other people outside of class. They suggested that I changed the color of the text that hovers over the pictures. I agree that it is a little dark but, it goes more with the idea I had in mind to make the picture the focus and in my original plan I wanted to have a white background.

MESSAGE
Laurel Ann chocolates: a work of art and always sweet.

AUDIENCE
For all chocolate lovers or those who are looking to buy a gift for someone special.

TOP THING LEARNED
Less is more. Make you home page shorter and people will not be frustrated.

COLOR SCHEME & COLOR NAMES
Basic Analogous Scheme // CA992C and DFC15F

TITLE FONT NAME & CATEGORY
Savoye LET Plain: 1.0 // Script

COPY FONT NAME & CATEGORY
Shree Devanagari 714 // Sans Serif

SOURCE OF EACH IMAGE (website name and hyperlink)
Logo is my own.

Main center image is from Adobe Stock image from stock.adobe.com.

The three bottom images from Pixabay.com

Advertisements

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 )

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s