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.
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.
Laurel Ann chocolates: a work of art and always sweet.
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