IDEAS IN MOTION. Think it. Design it. Do it.
WEBSITE HOMEWORK
(Client Homework page adapted from http://neshawoolery.com/design-homework/)
On this page you will find:
Help with choosing a Squarespace template.
Help with purchasing your domain (if you haven’t already).
A questionnaire to help me understand your goals and create a website you’ll love.
What I need from you before your project starts.
How to use Google tools to collaborate and share files.
Helpful tips for providing helpful feedback.
Please feel free to email me at melmunson@me.com if you need any help. I’m always happy to hop on Skype or chat via email if you need me to talk you through anything!
01. CHOOSE A SQUARESPACE TEMPLATE
All Squarespace templates allow you to add a shop, portfolio and blog but some have very different layouts to others.
To browse all templates, visit this page.
Don’t worry- your website doesn’t have to look exactly like the template. The template will just be the foundation for the layout of your site. Only certain templates have blog sidebars. If you definitely want one, it will narrow your options. Blog sidebars are great for advertising products, listing categories, showing popular posts etc.
Templates with a blog sidebar:
Have a good look through the Squarespace templates and keep these things in mind...
Do you like the layout?
Do you like where the navigation menu is?
Does it have a blog sidebar? Do you want one?
Does it have a unique shop style and do you like it?
Does it have a unique blog style and do you like it?
You'll be able to tell me which template you chose in the questionnaire further down this page. For now, move on to section two of this page: registering a domain!
02. REGISTER YOUR DOMAIN
A domain is the URL of your website (eg. www.example.com). If you have already purchased a domain from somewhere like Godaddy or Hover.com then you can skip this step.
You can buy a domain directly through Squarespace but I don't recommend it. It's best to buy it from a third party, just in case you decide to move from Squarespace in the future. I can repoint your domain from your third party host to Squarespace.
I recommend buying your domain through hover.com. I do not recommend buying your domain through Godaddy.
To register your domain with Hover, head this way and check if your domain is available.
03. THE QUESTIONNAIRE
04. UPLOAD YOUR WEBSITE CONTENT TO GOOGLE DRIVE
Before the start of your project, I need you to upload your website content (images & text) to your project folder on Google Drive.
Content you'll need to upload:
Text for all of your pages (including headers)
Opt-in form text
Opt-in button text
Sidebar text
Button text
Images:
Please upload all images to Google Drive and name them where you want them to go. (Eg. About page, Contact page etc.)
Images must be a minimum of 1500 pixels wide. The bigger, the better!
If you don't have very high quality photos, I recommend buying stock photos from Stocksy.
05. HOW TO USE GOOGLE DRIVE
I will create a Google Drive folder where you can deposit website content.
06. TIPS FOR PROVIDING HELPFUL FEEDBACK
You can help me do a really good job by providing me with organized, helpful feedback on your designs. Here are some tips!
Try and use bullet points when you're listing revisions.
Break up your feedback into paragraphs.
Seperate your feedback into sections. For example, feedback about your website footer could go under the header 'website footer' and feedback about your header could go under the header 'website header'.
Be as specific as you can.
If there is more than one person providing feedback, please gather your feedback into one message instead of posting multiple messages.
Feedback like this really helps the design process run smoothly. Thanks for your cooperation!
Feature 1
The following is placeholder text known as “lorem ipsum,” which is scrambled Latin used by designers to mimic real copy. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. Donec eu est non lacus lacinia semper.
Feature 2
The following is placeholder text known as “lorem ipsum,” which is scrambled Latin used by designers to mimic real copy. Nulla lectus ante, consequat et ex eget, feugiat tincidunt metus. Maecenas non leo laoreet, condimentum lorem nec, vulputate massa.
Feature 3
The following is placeholder text known as “lorem ipsum,” which is scrambled Latin used by designers to mimic real copy. Suspendisse nec congue purus. Maecenas non leo laoreet, condimentum lorem nec, vulputate massa.