The Ultimate Guide to Planning and Building a Website

Get Started. It's Free
or sign up with your email address
Rocket clouds
The Ultimate Guide to Planning and Building a Website by Mind Map: The Ultimate Guide to Planning and Building a Website

1. Stakeholders

1.1. Who is the primary audience?

1.2. Who is the website/project owner?

1.3. Requirements Documentation?

1.4. Who are the content creators/contributors?

2. CTAs (Call to Action)

2.1. Buy/Sign-up

2.2. Download

2.3. Request information/consultation

2.4. Share

2.5. Follow

2.6. Play

2.7. Learn More

3. Engagement

3.1. Engagement Results Areas

3.1.1. Share via social media

3.1.2. Make a purchase

3.1.3. Download an ebook or whitepaper

3.1.4. Follow via social media

3.1.5. Information requests

3.1.6. More page visits

3.1.7. More time on page

3.2. How to increase engagement

3.2.1. Branding

3.2.2. Gamification

3.2.3. 6 Principles of persuasion

4. Golden Circle

4.1. Why are we using a website?

4.1.1. The market expects an organization to have a professional web presence

4.1.2. Provide Information and transparency

4.1.3. Create trust

4.1.4. Attract leads for clients and affiliates

4.1.5. Provide value additive services?

4.2. How do we want to use this tool?

4.2.1. Lead generation

4.2.2. Does our site take advantage of the six scientific principles of persuasion?

4.2.3. What is the main thing people are looking for when they arrive at our site?

4.2.3.1. Why

4.2.3.2. How

4.2.3.3. What

4.2.3.4. Cost

4.2.3.5. Benefit/Potential result

4.2.4. How does our site build trust in our message?

4.3. What do we want people to do at our site?

4.3.1. CTA

5. Website Design

5.1. Tips

5.1.1. Marketing site design, when approached from a strategic standpoint, can make a huge difference in your company’s profitability.

5.1.2. First, do no harm with your marketing site

5.1.3. Set up analytics to track how changes in design affect conversions, and ultimately, profit.

5.1.4. Consider oversized images for your homepage and landing pages.

5.1.5. Consider where your images are directing visitor’s eyes.

5.1.6. Keep signup forms as short as possible.

5.1.7. Consider a two-step opt-in form strategy.

5.1.8. Keep your pricing page simple, providing clear distinctions between plans.

5.1.9. Test your pricing pages from biggest plan to smallest, and vice-versa.

5.1.10. Address barriers to purchasing with testimonials and guarantees.

5.1.11. Try blurring your pages with a call to action to see if it stands out.

5.1.12. Leverage social proof in your design strategy to secure trust.

5.1.13. Use landing pages to increase conversions from outside sources

5.2. Links

5.2.1. http://www.cio.com/article/2385250/online-marketing/13-simple-tips-for-improving-your-web-design.html

5.2.2. http://www.forbes.com/sites/cherylsnappconner/2014/03/27/25-web-design-tips-to-honor-25-years-of-the-web/

5.2.3. http://www.howdesign.com/featured/web-design-tips-7-common-mistakes-designers-make/

5.2.4. http://www.hongkiat.com/blog/5-tips-to-simplify-your-web-design/

5.2.5. http://www.hongkiat.com/blog/5-tips-to-simplify-your-web-design/

5.2.6. http://www.wix.com/blog/2014/03/5-web-design-tips-for-a-professional-site/

5.2.7. http://www.creativebloq.com/web-design/tips-812580

5.2.8. http://websitehelpers.com/design/

5.2.9. http://webdesign.about.com/od/webdesigntutorials/a/aa070504.htm

5.3. 29 Places to get free stock images

5.3.1. Pixabay – http://pixabay.com – CC0 license – no attribution required

5.3.2. Free range stock- no attribution required – http://freerangestock.com

5.3.3. Morgue file – mix of CC0 licensed images and images with other licenses – http://www.freeimages.com/home

5.3.4. StockSnap – https://stocksnap.io – no attribution required

5.3.5. Gaderinge – http://gaderinge.com – high quality public domain images

5.3.6. public domain archive – http://publicdomainarchive.com – all public domain pix

5.3.7. Picjumbo – lots of pictures with search and categories. Attribution required. http://picjumbo.com

5.3.8. GetRefe – Free category – http://getrefe.com/downloads/category/free

5.3.9. Life of Pix – http://www.lifeofpix.com – free, no attribution

5.3.10. Gratisopgraphy – http://www.gratisography.com – free to use

5.3.11. Pictography – http://picography.co – free to use – CC0 license – no attribution

5.3.12. Jay Mantri – http://jaymantri.com – free to use – CC0 license – no attribution

5.3.13. New Old Stock – http://nos.twnsnd.co – vintage photos, “free of known copyright restrictions”

5.3.14. ISO Republic - http://isorepublic.com – no attribution required

5.3.15. Pexels – http://www.pexels.com – CC0, no attribution required

5.3.16. SlitShire – stunning photos – no attribution required but donations requested – http://www.splitshire.com

5.3.17. Pickup Image – http://pickupimage.com CC0, no attribution required

5.3.18. Snapographic – http://snapographic.com – CC1 – no attribution required (but requested)

5.3.19. Creative Commons – search Flickr, Google images and other sites. Check “use for commercial purposes” and “modify, adapt and build upon” for the most flexible license. Attribution often required. http://search.creativecommons.org

5.3.20. Wikimedia commons – http://commons.wikimedia.org/wiki/Main_Page

5.3.21. Hubspot – 450 business photos free in exchange for email – http://blog.hubspot.com/marketing/75-free-stock-photos-im-ht

5.3.22. Magdelieine- mix of CC0 and attribution required – http://magdeleine.co/

5.3.23. Freepik – http://www.freepik.com – vector images but require attribution

5.3.24. Superfamous Studios – stunning pix, credit required – http://superfamous.com CC 3.0

5.3.25. Raumrot – great pictures, credit required CC2.0 – http://raumrot.com

5.3.26. IM Creator – free – http://www.imcreator.com/free – great icons, pictures and templates. Attribution required

5.3.27. Pattern Library – patterns that are free to use – http://thepatternlibrary.com

5.3.28. Unsplash – 10 free high res photos every 10 days – no attribution needed – nature, bridges, beaches, buildings – https://unsplash.com

5.3.29. Death to the stock photo – http://deathtothestockphoto.com – monthly free photos to your inbox

5.3.30. Little visuals – 7 pix every week – http://littlevisuals.co

5.3.31. Snapwire Snap – http://snapwiresnaps.tumblr.com – 7 pix every 7 days, free to use without attribution

5.4. Keys

5.4.1. Simplicity

5.4.2. Focus

5.4.3. Value

5.5. Principles of web design

5.5.1. Cohesion

5.5.1.1. Fonts

5.5.1.2. Line Spacing

5.5.1.3. Kearning

5.5.1.4. Typography

5.5.1.5. Carriage return distance

5.5.1.6. Imagery

5.5.1.7. Accents

5.5.2. Readability

5.5.2.1. Break Content into small sections using

5.5.2.1.1. Titles

5.5.2.1.2. Images

5.5.2.1.3. Bullets

5.5.2.1.4. Section Headers

5.6. Aesthetics

6. Website Layout

6.1. Design Options

6.1.1. Image Slider

6.1.2. One large background image

6.1.3. Color scheme limited to 2-3

6.2. Global Navigation / Main Pages

6.2.1. Home

6.2.2. About US

6.2.3. Products / Services offered

6.2.3.1. Pricing

6.2.4. Social Proof

6.2.4.1. Testimonials

6.2.4.2. PR

6.2.4.3. Results

6.2.5. FAQ's

7. goal

7.1. 1 page

7.2. mobile design

7.3. bare minimum words

7.4. video everything

7.4.1. marketing commercial

7.4.2. process walk through

7.4.3. testimonials

7.5. huge call to action

8. SEO