Creating a Website: Design and Layout
3 likes2,823 views
The document outlines key initiatives and support available for website design and development in the capital region, including resources for accessing government programs and skilled labor. It emphasizes the importance of design, usability, and functionality in creating a website that meets user expectations, especially considering mobile access. Workshops and consultations are offered to help businesses improve their digital presence and develop effective strategies.
Creating a Website: Design and Layout
- 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
- 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
- 12. Building a site – what to consider 1. Design / Appearance (front end) 2. Usability 3. Functionality 4. Content 5. Search Engine Optimisation (not today)
- 13. Building a site – what to consider 1. Design / Appearance (front end) 2. Usability 3. Functionality 4. Content 5. Search Engine Optimisation (not today)
- 15. Appearance – Sexy Looks great on any device… Source: mashable.com
- 16. Appearance – Totally Ugly!!! Source: constellation7.org
- 17. Appearance – front end How should your website look?
- 18. Appearance – front end As good as your business (or maybe slightly better).
- 22. 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
- 25. Building a site – what to consider 1. Design / Appearance (front end) 2. Usability 3. Functionality 4. Content 5. Search Engine Optimisation
- 26. 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
- 27. 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
- 28. 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
- 29. Wireframes
- 31. Wireframe / Design tools Pen and paper quirktools.com/wires/ Bookmark sites you like e.g. start a Pinterest board
- 36. Sitemap Tools Table in Word doc Excel Spreadsheet PowerPoint org chart quirktools.com/smaps/
- 37. Building a site – what to consider 1. Design / Appearance (front end) 2. Usability 3. Functionality 4. Content 5. Search Engine Optimisation
- 38. 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
- 39. 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
- 41. Accessing your website on mobile devices
- 42. 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
- 43. 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
- 44. Building a site – what to consider 1. Design / Appearance (front end) 2. Usability 3. Functionality 4. Content 5. Search Engine Optimisation
- 45. 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
- 46. Clear call to action
- 47. 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
- 50. 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
- 52. Stay in touch Website: www.crde.com.au Call the office: 62970933 Stay on our email list Tell a friend!