I. Pinterest Inspiration Board
A Pinterest inspiration board will help us figure out how you want your website to look and feel.
The images do not have to be images of other websites, they just need to communicate what style and feel you’re looking for your website.
Remember that you are focusing on what you want the visitors of your website to feel and do once that awesome homepage loads.
These images can include logos, paintings, graphics, patterns, colors.
The more images you pin, the easier it will be for me to figure out what you’re looking for.
Insert the link to your Pinterest inspiration board in the upcoming form.
This form will ask you for a couple of important details to create your website.
III. Compile Content
You’ll want to write out all of the text content you would like for your website in a shared Google Document.
Remember that people don’t fully read websites anymore, they skim. Large paragraphs of text look overwhelming to site visitors, and they tend to skip or skim them.
Therefore, try to keep your writing short and to the point. A full paragraph now and again is fine, but whenever possible, keep things concise to a line or two.
When designing, I’ll make use of line breaks, headings & bulleted lists to assist in ensuring your important information gets read!
How to format your content
When writing in the Google Doc, if you’d like to get specific with how a page is organized, or what text goes where, write out some marching orders (instructions) in red.
Also, if you need a link inserted write out your text and then (link: www.thelinkurlhere.com).
Tip: There is a growing movement towards minimizing your top menu navigation options, and this is a good thing. (You should absolutely do this too!)
The more options you give, the less your visitor is likely to do what you want them to. You’ll want at maximum, 6 options in your navigation.
How do you choose what makes it at the top? Think of your website goals.
Do you want someone to purchase from you? Read your blog? Subscribe to your newsletter?
Whatever pages get visitors to take the actions you most want them to should make it into the top navigation.
When writing out your content, give a little indication of what pages should be in the top navigation.
Tip: Have an edit to make to your text content? Edit the shared Google Document., instead of sending an email with the edit.
Tip: Write, proofread and edit. en have someone else do the same. You’ll want to be sure there’s no errors in your site copy.
The number 1 thing that will make or break your website?
It’s time to gather all those photos you’d like on your website into one folder! Here’s some answers to commonly asked photo questions.
What size should my images be?
Your website will be responsive, meaning the size of the page and images change depending on the size of the screen it’s viewed on. While a photo taken on a cell phone might look okay on a smaller screen, when it’s viewed on one of those large desktop screens, we run the risk the image will get blurry and will really detract from the quality of the look of your website.
As a general rule of thumb, I suggest straying away from photos taken on a cell- phone. e best images are those taken with a DSLR camera.
I don’t have any images, can I take some on Google, or somewhere else on the internet?
Please, please, please do not do this! Every photo is licensed under copyright law automatically the second it’s taken. So those photos on Google belong to someone and the last thing we want is his/her lawyer sending you a bill.
Here are a few options if you don’t have images.
1st: Go grab a camera and take some2nd: Hire a photographer to take some for you3rd: Use copyright free images found online4th: Buy some stock photos
Copyright free photos Copyright free photos are those which a very kind person decided to let anyone use, without paying and without needing to link back to the image source.
Stock photos for purchase These are photos, generally taken by a professional photographer, which are made available for download online for a fee.
*Please note it is your responsibility to ensure the photos you choose to use on your website are either copyright free, the stock photo license is correctly paid for, or you own the copyright. I will not double check you have the right to use the photos you provide, and will not be held responsible for any copyright infringement issues that may arise from the use of photos that you provided to be used on your website.
Tip: Want a certain image on a certain page? Not a problem at all! When you upload the image to your Google Drive folder, name the image with the title of the page you want it on. So instead of the image being called ‘SM4247’ you’ll rename it ‘About page’ or ‘Home page.’
IV. Next Steps
After your website is complete, in our post-design lesson I’ll walk you through creating an account and choosing a Squarespace plan. Then we’ll get the website switched over from my account to yours.
2. You’ll want to ensure all your content is prepared before your design start date; I really can’t stress this enough! Creating a website is only possible when content is ready prior to the start date.
3. It’s best to set aside a little time while I will be designing your website to give yourself a chance to respond to emails, give feedback and request edits. Accidentally picked a design date that you’ll be traveling during, or you know will be very busy?There is a possibility of rebooking your design date within a certain time frame.
4. Want to pick the brain of someone with plenty of online business experience? I’m all yours for that design time and I’d love to help you with any questions you may have!
... So, what’s next ?
• Create Pinterest inspiration board
• Complete questionnaires
• Compile content
• Coming soon page created
• Full desktop + mobile website design
• Logo designed (if you need one)
• Content added
• Pages styled
• Links embedded
• Light coding
• Functionality added
• Edits requested
• Edits completed
• Edits requested (repeat as needed)
• Edits completed (repeat as needed)
• Search Engine Optimized
• 3rd party integrations connected
• Website launched with screen recorded tutorials
Let’s get you a website you love!
V. Revision Rounds
Structure - Navigation Links, Organization of Home Page Sections, Footer Navigation Links, etc. Is the overall structural flow working for you?
Style - Font styles, font sizes, font colors, accent colors, background colors/images, button style, images size and placement. How does the style feel? What adjustments would you like to see?
Content - What information is missing? At this point, the links will not be functional, there will only be Home page content but think about whet will potentially be on the Navigation/Linked pages. Do you need additional pages? Will you be needing an “Our Team” page or a password protected page for clients? Any other pages or content that might be important? Please remember that any additional pages added over will be an additional design cost.
Feedback - You can submit update or revision requests in the form below. Please be specific in naming the pages and sections you are referring to as well as in the adjectives you use (i.e beautiful, ugly, boring, blend, colorful).