Creating a Website: Design and Layout
Upcoming SlideShare
Loading in...5
×
 

Creating a Website: Design and Layout

on

  • 616 views

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 ...

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

Statistics

Views

Total Views
616
Views on SlideShare
322
Embed Views
294

Actions

Likes
0
Downloads
24
Comments
0

8 Embeds 294

http://crde.com.au 212
http://www.crde.com.au 33
http://www.capitalregiondigitalenterprise.com.au 33
http://crde.dev.hostify.com.au 6
http://dangeroustestlab.net 4
http://crde.proto.hostify.com.au 4
http://capitalregiondigitalenterprise.com.au 1
http://crde.test.hostify.com.au 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial LicenseCC Attribution-NonCommercial License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Creating a Website: Design and Layout Presentation Transcript

  • 1. Capital Region Creating Your Website Series: Design and Layout Presented by Threesides Marketing
  • 2. Housekeeping
  • 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. Find out More Richard Everson Project Officer Mob. 0427 27 27 54 richard@rdasi.org.au www.rdasi.org.au
  • 5. www.threesides.com.au www.Facebook.com/threesides www.Twitter.com/threesides www.slideshare.net/threesides
  • 6. Your name, your business, and the one thing that we can tick off for you today.
  • 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. Content + Functionality Website Hosting Domain Name Content Mgmt System (CMS) Website
  • 9. http://www.adaptivepath.com/ideas/serving-experience-as-the-product/
  • 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. Building a site – what to consider 1. Design / Appearance (front end) 2. Usability 3. Functionality 4. Content 5. Search Engine Optimisation (not today)
  • 12. Source: http://memecrunch.com
  • 13. Appearance – Sexy Looks great on any device… Source: mashable.com
  • 14. Appearance – Totally Ugly!!! Source: constellation7.org
  • 15. Appearance – front end How should your website look?
  • 16. Appearance – front end As good as your business (or maybe slightly better).
  • 17. http://www.driainduncan.com.au/
  • 18. Appearance: Theme based
  • 19. Appearance: Custom Coding
  • 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. http://themeforest.net/
  • 22. http://www.elegantthemes.com/
  • 23. Building a site – what to consider 1. Design / Appearance (front end) 2. Usability 3. Functionality 4. Content 5. Search Engine Optimisation
  • 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. 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. 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. Wireframes
  • 28. Wireframe / Design tools  Pen and paper  quirktools.com/wires/  Bookmark sites you like e.g. start a Pinterest board
  • 29. Developing a sitemap Brainstorm Sitemap Site Navigation i.e. menus
  • 30. Casestudy: visitbalranald.com.au
  • 31. Casestudy: visitbalranald.com.au
  • 32. Casestudy: visitbalranald.com.au
  • 33. Sitemap Tools  Table in Word doc  Excel Spreadsheet  PowerPoint org chart  quirktools.com/smaps/
  • 34. Building a site – what to consider 1. Design / Appearance (front end) 2. Usability 3. Functionality 4. Content 5. Search Engine Optimisation
  • 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. 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. Accessing your website on mobile devices
  • 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. 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. Building a site – what to consider 1. Design / Appearance (front end) 2. Usability 3. Functionality 4. Content 5. Search Engine Optimisation
  • 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. Clear call to action
  • 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. 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. Workshop feedback https://forms.communications.gov.au/ enterprisegroupfeedback Verification word: summer
  • 46. Stay in touch Website: www.crde.com.au Call the office: 62970933 Stay on our email list Tell a friend!