Creating a Website: Design and Layout

2,327 views

Published on

When developing a new website or evaluating an existing website you should at a minimum consider five key things – appearance, usability, functionality, content and search engine optimisation. This workshop explored the first three elements involved in creating a new website.

This session is part of the Capital Region Digital Enterprise program. For more information visit www.crde.com.au

This workshop was presented by Threesides Marketing www.threesides.com.au

Published in: Technology
  • Be the first to comment

Creating a Website: Design and Layout

  1. 1. Capital Region Creating Your Website Series: Design and Layout Presented by Threesides Marketing
  2. 2. Housekeeping
  3. 3. RDA Southern Inland Region Key Initiatives • • • • South East Region of Renewable Energy Excellence Regional Sponsored Migration Scheme Southern NSW Harvest Association Capital Region Digital Enterprise Program How We Can Help • • • • • You Access to government programs Advice and training Sourcing skilled labour Grants - support and data Networks and contacts
  4. 4. Find out More Richard Everson Project Officer Mob. 0427 27 27 54 richard@rdasi.org.au www.rdasi.org.au
  5. 5. www.threesides.com.au www.Facebook.com/threesides www.Twitter.com/threesides www.slideshare.net/threesides
  6. 6. Your name, your business, and the one thing that we can tick off for you today.
  7. 7. Learning outcomes 1. Identify the key steps to designing a website that meets user expectations 2. Recognise the implications associated with mobile devices accessing your website 3. Access tools and resources to assist you with building or enhancing your site.
  8. 8. Content + Functionality Website Hosting Domain Name Content Mgmt System (CMS) Website
  9. 9. http://www.adaptivepath.com/ideas/serving-experience-as-the-product/
  10. 10. Building a site – what to consider 1. Design / Appearance (front end) 2. Usability 3. Functionality 4. Content 5. Search Engine Optimisation (not today)
  11. 11. Building a site – what to consider 1. Design / Appearance (front end) 2. Usability 3. Functionality 4. Content 5. Search Engine Optimisation (not today)
  12. 12. Source: http://memecrunch.com
  13. 13. Appearance – Sexy Looks great on any device… Source: mashable.com
  14. 14. Appearance – Totally Ugly!!! Source: constellation7.org
  15. 15. Appearance – front end How should your website look?
  16. 16. Appearance – front end As good as your business (or maybe slightly better).
  17. 17. http://www.driainduncan.com.au/
  18. 18. Appearance: Theme based
  19. 19. Appearance: Custom Coding
  20. 20. Appearance – themes vs custom coding 1. Themes 2. Custom coding  Ready to go  Tailored to specific branding and functionality needs  Cheaper up front costs  Can do it yourself  Not unique  Some limitations to customisation  More expensive  Requires experts
  21. 21. http://themeforest.net/
  22. 22. http://www.elegantthemes.com/
  23. 23. Building a site – what to consider 1. Design / Appearance (front end) 2. Usability 3. Functionality 4. Content 5. Search Engine Optimisation
  24. 24. Usability Key principles 1. How easy a website is to use 2. How well it achieves it’s goal 3. How information is presented 4. Accessibility - ages, skills, ability
  25. 25. User needs mapping 1. What do you want your users to do on your site 2. How will they do it 3. How quickly can they reach the goal – how many clicks does it take 4. What happens next
  26. 26. Need: Make contact with us 1. Sign up to newsletter Details into database Send newsletter monthly 2. Contact us page Contact form We follow up on email 3. Phone number on website We answer call Follow up on email
  27. 27. Wireframes
  28. 28. Wireframe / Design tools  Pen and paper  quirktools.com/wires/  Bookmark sites you like e.g. start a Pinterest board
  29. 29. Developing a sitemap Brainstorm Sitemap Site Navigation i.e. menus
  30. 30. Casestudy: visitbalranald.com.au
  31. 31. Casestudy: visitbalranald.com.au
  32. 32. Casestudy: visitbalranald.com.au
  33. 33. Sitemap Tools  Table in Word doc  Excel Spreadsheet  PowerPoint org chart  quirktools.com/smaps/
  34. 34. Building a site – what to consider 1. Design / Appearance (front end) 2. Usability 3. Functionality 4. Content 5. Search Engine Optimisation
  35. 35. Functionality 1. What does your site need to do to help you achieve your business goal. 2. What functionality can help enhance the users experience
  36. 36. Functionality – options, options, options     E-commerce - shopping cart  (retail products)  Membership management  functionality Online payments / payment  gateway  Password protected pages Photo Gallery Blog News Links directory Subscription - newsletter sign up Search function  Sign up Forms and database   Calendar  Google Maps Social Media integration  Image carousel / Rotator   Google analytics integration
  37. 37. Accessing your website on mobile devices
  38. 38. From desktop to mobile- why??  Mobile sales have already overtaken desktop sales, and mobile internet usage is predicted to overtake desktop internet usage by 2014  67% of users claim they are more likely to purchase from a mobile-friendly website Source: http://searchenginewatch.com
  39. 39. Mobile what? Mobile friendly • Website that functions correctly on a mobile device • Tiny scaled down version of a site Mobile website • Completely separate website designed specifically for use on a small mobile device • m.yourwebsite.com.au Responsive website • Can detect the size of the viewing device and adapts to suit
  40. 40. Building a site – what to consider 1. Design / Appearance (front end) 2. Usability 3. Functionality 4. Content 5. Search Engine Optimisation
  41. 41. What is your website saying about you?  Website Design - motivational text, authentic, honest  Price - what is your product worth / cost  Images - motivational, experiences not buildings, need to see people  Maps – where do you operate  Links – what else do you do?  Social media content – are you alive?  Video – do you look reliable and can I meet you?  Contact Us – how do we do business with each other  Call to action – this is how to get started
  42. 42. Clear call to action
  43. 43. Next steps 1. Continue to investigate sites you do and don’t like 2. Start brainstorming the structure of your site or review the existing structure 3. Create a site map 4. Sketch out the rough design 5. Consider mobile devices
  44. 44. Workshops and Consultations Workshops – Series of 17 workshop topics over the next 12 months – Free sessions – subsidised by federal government – in Queanbeyan and across the region Digital Consultations – – – – 4 hour digital business consultations Develop and digital business plan Identify 3 get started now actions Help you start in the right digital direction
  45. 45. Workshop feedback https://forms.communications.gov.au/ enterprisegroupfeedback Verification word: summer
  46. 46. Stay in touch Website: www.crde.com.au Call the office: 62970933 Stay on our email list Tell a friend!

×