Learn some of the best practices to designing an effective website. Discover some of the tools and software used to create a professional looking website.

1. 1
DESIGNING
EFFECTIVE
WEBSITES

2. 2
HEY THERE
I’M JONATHAN
WITH NEUR
WEB DESIGN & FRONT END DEV.
12 yrs
WORDPRESS DEV.
8 yrs
NEUR IS…

3. 3
IT’S TIME
TO TALK
ABOUT
YOURSELF
LET’S HEAR IT

4. 4
BE SIMPLE
& HAVE A PURPOSE

5. 5
WHITE SPACE

6. 6
SERIF vs
SANS SERIF
SERIF FONTS
SANS SERIF FONTS

7. 7
TYPE
FACE
https://fonts.google.com/
https://typekit.com/

8. 8
USERS
DON’T
READ
THEY SCAN

9. 9
DON’T
MAKE
ME
THINK
https://goo.gl/eEfB8d
Steve Krug

10. 10
FIRST TWO
PARAGRAPHS
ARE THE
MOST
IMPORTANT
https://goo.gl/eiL3Hf
“F”
PATTERN
DESIGN
SUMMARY

11. 11
FOCUS
THE
ATTENTION

12. 12
VISUAL
CUES
https://goo.gl/MKiUhF

13. 13
GRID
BASED
LAYOUTS

14. 14
tMOBILE
FRIENDLY/
RESPONSIVE
OVER 50% 88% OF CONSUMERS
https://search.google.com/test/mobile-friendly

15. 15
51% of U.S. Online Shoppers
Slow Loading Websites
PageSpeed
h t t p s : / / g o o . g l / N 7 v x V F
h t t p s : / / g o o . g l / D 5 j y 2 k

16. 16
CALL TO ACTION
Call To Action provide focus to your website, a way to measure the success of your site, direction for your
users. How do you create effective call to action?
1. Focus on the value your call to action provides
2. Address the user’s questions
3. Have a small number of distinct Call To Action
4. Think about the position
5. Use negative space / white space around your Call To Action
6. Consider color on Call To Action buttons
7. Size of the Call To Action
8. Use scarcity to encourage action: limited supply
9. Follow through on your Call To Action
10. Add a Call To Action on every page
1. https://www.moneylab.co/email/

17. 17
STOCK
PHOTOS &
FILES
https://www.istockphoto.com
https://depositphotos.com
https://unsplash.com
http://coverr.co
https://pixabay.com
https://picjumbo.com
http://nos.twnsnd.co
https://creativemarket.com/

18. 18
DefinitionsTerm
Terminology & Definitions
https://goo.gl/W5mYRx

19. 19
HOW TO START
YOUR WEBSITE
REGISTER YOUR
DOMAIN NAME

20. 20
GET WEBSITE HOSTING
OR SIGN UP WITH
WEBSITE SERVICE
BUILD YOUR WEBSITE
ADD SSL CERTIFICATE

21. 21
START YOUR SOCIAL MEDIA
PROFILES
https://www.google.com/webmasters/tools/submit-url
https://search.yahoo.com/info/submit.html
ADD DOMAIN TO SEARCH

22. 22
SHOPIFY
https://www.shopify.com/
https://themes.shopify.com/
Starting at $29/mo

23. 23
MAGENTO
https://magento.com/
https://marketplace.magento.com/
Free plans available

24. 24
OPENCART
https://www.opencart.com/
https://www.opencart.com/index.php?route=
marketplace/extension
Free

25. 25
WOOCOMMERCE
https://woocommerce.com/
https://woocommerce.com/storefront/
Free

26. 26
BIGCOMMERCE
https://www.bigcommerce.com/
https://www.bigcommerce.com/theme-store/
Starting at $29/mo

27. 27
DRUPAL
https://www.drupal.org/
Free

28. 28
WORDPRESS
https://wordpress.com/
Free plans available

29. 29
Website Hosting
A2 HOSTING
https://www.a2hosting.com/
GODADDY
https://www.godaddy.com/
INMOTION HOSTING
http://www.inmotionhosting.com/

30. 30
Payment Gateways
STRIPE
https://stripe.com/
PAYPAL
https://www.paypal.com/us/home
AUTHORIZE.NET
https://www.authorize.net/

31. 31
Domain Validation (DV) Extended Validation (EV)
Multi-Domain SSL Wildcard SSL
Organization Validation (OV)
https://goo.gl/ap6h47
Further Reading
Types of SSLs

32. 32
https://yoast.com/seo-blog/
https://copyhackers.com/
https://www.godaddy.com/garage/
https://www.bigcommerce.com/blog/
https://www.shopify.com/blog
https://blog.kissmetrics.com/
Blogs / Resources

33. 33
Thank You!
& info@neurdesigns.com = (630) 557-6387 E neurdesigns.com