Your SlideShare is downloading. ×
0
Capital Region

Creating Your Website
Series: Design and Layout
Presented by Threesides Marketing
Housekeeping
RDA Southern Inland Region
Key Initiatives
•
•
•
•

South East Region of Renewable
Energy Excellence
Regional Sponsored Mi...
Find out

More

Richard Everson
Project Officer
Mob. 0427 27 27 54
richard@rdasi.org.au
www.rdasi.org.au
www.threesides.com.au
www.Facebook.com/threesides

www.Twitter.com/threesides
www.slideshare.net/threesides
Your name, your
business,
and the one
thing that we
can tick off for
you today.
Learning outcomes
1. Identify the key steps to designing a
website that meets user expectations
2. Recognise the implicati...
Content +
Functionality
Website
Hosting

Domain Name

Content Mgmt
System (CMS)

Website
http://www.adaptivepath.com/ideas/serving-experience-as-the-product/
Building a site – what to consider
1. Design / Appearance (front end)
2. Usability

3. Functionality
4. Content

5. Search...
Building a site – what to consider
1. Design / Appearance (front end)
2. Usability

3. Functionality
4. Content

5. Search...
Source: http://memecrunch.com
Appearance – Sexy
Looks great on any device…

Source: mashable.com
Appearance – Totally Ugly!!!

Source: constellation7.org
Appearance – front end

How should your
website look?
Appearance – front end

As good as your business
(or maybe slightly better).
http://www.driainduncan.com.au/
Appearance:
Theme based
Appearance:
Custom Coding
Appearance – themes vs custom coding
1. Themes

2. Custom coding

 Ready to go

 Tailored to specific
branding and funct...
http://themeforest.net/
http://www.elegantthemes.com/
Building a site – what to consider
1. Design / Appearance (front end)
2. Usability

3. Functionality
4. Content

5. Search...
Usability
Key principles
1. How easy a website is to use
2. How well it achieves it’s goal

3. How information is presente...
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 ...
Need:
Make contact with us

1. Sign up to
newsletter

Details into
database

Send newsletter
monthly

2. Contact us
page

...
Wireframes
Wireframe / Design tools
 Pen and paper
 quirktools.com/wires/

 Bookmark sites you like
e.g. start a Pinterest board
Developing a sitemap

Brainstorm

Sitemap

Site
Navigation
i.e. menus
Casestudy: visitbalranald.com.au
Casestudy: visitbalranald.com.au
Casestudy: visitbalranald.com.au
Sitemap Tools
 Table in Word doc
 Excel Spreadsheet
 PowerPoint org chart
 quirktools.com/smaps/
Building a site – what to consider
1. Design / Appearance (front end)
2. Usability

3. Functionality
4. Content

5. Search...
Functionality
1. What does your site need to do to help
you achieve your business goal.
2. What functionality can help enh...
Functionality – options, options, options






E-commerce - shopping cart 
(retail products)

Membership management...
Accessing your
website on mobile
devices
From desktop to mobile- why??
 Mobile sales have already
overtaken desktop sales, and
mobile internet usage is
predicted ...
Mobile what?
Mobile friendly
• Website that functions correctly on a mobile device
• Tiny scaled down version of a site
Mo...
Building a site – what to consider
1. Design / Appearance (front end)
2. Usability

3. Functionality
4. Content

5. Search...
What is your website saying about you?
 Website Design - motivational text, authentic, honest
 Price - what is your prod...
Clear call to action
Next steps
1. Continue to investigate sites you do and
don’t like
2. Start brainstorming the structure of your
site or rev...
Workshops and Consultations
Workshops
– Series of 17 workshop topics over the next 12
months
– Free sessions – subsidised ...
Workshop feedback
https://forms.communications.gov.au/
enterprisegroupfeedback

Verification word: summer
Stay in touch
Website:

www.crde.com.au
Call the office:

62970933
Stay on our email list

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

Creating a Website: Design and Layout

1,071

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
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,071
On Slideshare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
45
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "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!
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×