creating a website: design and layout

52
Capital Region Creating Your Website Series: Design and Layout Presented by Threesides Marketing

Upload: capital-region-digital-enterprise

Post on 27-Jan-2015

107 views

Category:

Technology


0 download

DESCRIPTION

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

TRANSCRIPT

Page 1: Creating a Website: Design and Layout

Capital Region

Creating Your Website

Series: Design and Layout

Presented by Threesides Marketing

Page 2: Creating a Website: Design and Layout

Housekeeping

Page 3: Creating a Website: Design and Layout

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

Page 4: Creating a Website: Design and Layout

Find out More Richard Everson Project Officer Mob. 0427 27 27 54 [email protected] www.rdasi.org.au

Page 6: Creating a Website: Design and Layout

Your name, your

business,

and the one

thing that we

can tick off for

you today.

Page 7: Creating a Website: Design and Layout

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.

Page 8: Creating a Website: Design and Layout

Domain Name

Website Hosting

Content Mgmt System (CMS)

Content + Functionality

Website

Page 9: Creating a Website: Design and Layout
Page 11: Creating a Website: Design and Layout
Page 12: Creating a Website: Design and Layout

Building a site – what to consider

1. Design / Appearance (front end)

2. Usability

3. Functionality

4. Content

5. Search Engine Optimisation (not today)

Page 13: Creating a Website: Design and Layout

Building a site – what to consider

1. Design / Appearance (front end)

2. Usability

3. Functionality

4. Content

5. Search Engine Optimisation (not today)

Page 14: Creating a Website: Design and Layout

Sourc

e: htt

p:/

/mem

ecru

nch.c

om

Page 15: Creating a Website: Design and Layout

Appearance – Sexy

Looks great on any device…

Source: mashable.com

Page 16: Creating a Website: Design and Layout

Appearance – Totally Ugly!!!

Source: constellation7.org

Page 17: Creating a Website: Design and Layout

Appearance – front end

How should your

website look?

Page 18: Creating a Website: Design and Layout

Appearance – front end

As good as your business

(or maybe slightly better).

Page 19: Creating a Website: Design and Layout

http://www.driainduncan.com.au/

Page 20: Creating a Website: Design and Layout

Appearance: Theme based

Page 21: Creating a Website: Design and Layout

Appearance: Custom Coding

Page 22: Creating a Website: Design and Layout

Appearance – themes vs custom coding

1. Themes

Ready to go

Cheaper up front costs

Can do it yourself

Not unique

Some limitations to

customisation

2. Custom coding

Tailored to specific

branding and functionality

needs

More expensive

Requires experts

Page 23: Creating a Website: Design and Layout

http://themeforest.net/

Page 24: Creating a Website: Design and Layout

http://www.elegantthemes.com/

Page 25: Creating a Website: Design and Layout

Building a site – what to consider

1. Design / Appearance (front end)

2. Usability

3. Functionality

4. Content

5. Search Engine Optimisation

Page 26: Creating a Website: Design and Layout

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

Page 27: Creating a Website: Design and Layout

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

Page 28: Creating a Website: Design and Layout

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

Page 29: Creating a Website: Design and Layout

Wireframes

Page 30: Creating a Website: Design and Layout
Page 31: Creating a Website: Design and Layout

Wireframe / Design tools

Pen and paper

quirktools.com/wires/

Bookmark sites you like e.g. start a Pinterest board

Page 32: Creating a Website: Design and Layout

Developing a sitemap

Brainstorm Sitemap Site

Navigation i.e. menus

Page 33: Creating a Website: Design and Layout

Casestudy: visitbalranald.com.au

Page 34: Creating a Website: Design and Layout

Casestudy: visitbalranald.com.au

Page 35: Creating a Website: Design and Layout

Casestudy: visitbalranald.com.au

Page 36: Creating a Website: Design and Layout

Sitemap Tools

Table in Word doc

Excel Spreadsheet

PowerPoint org chart

quirktools.com/smaps/

Page 37: Creating a Website: Design and Layout

Building a site – what to consider

1. Design / Appearance (front end)

2. Usability

3. Functionality

4. Content

5. Search Engine Optimisation

Page 38: Creating a Website: Design and Layout

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

Page 39: Creating a Website: Design and Layout

Functionality – options, options, options

E-commerce - shopping cart (retail products)

Membership management functionality

Online payments / payment gateway

Password protected pages

Sign up Forms and database

Calendar

Google Maps

Image carousel / Rotator

Photo Gallery

Blog

News

Links directory

Subscription - newsletter sign up

Search function

Google analytics integration

Social Media integration

Page 40: Creating a Website: Design and Layout
Page 41: Creating a Website: Design and Layout

Accessing your website on mobile

devices

Page 42: Creating a Website: Design and Layout

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

Page 43: Creating a Website: Design and Layout

Mobile what?

• Website that functions correctly on a mobile device

• Tiny scaled down version of a site

Mobile friendly

• Completely separate website designed specifically for use on a small mobile device

• m.yourwebsite.com.au

Mobile website

• Can detect the size of the viewing device and adapts to suit

Responsive website

Page 44: Creating a Website: Design and Layout

Building a site – what to consider

1. Design / Appearance (front end)

2. Usability

3. Functionality

4. Content

5. Search Engine Optimisation

Page 45: Creating a Website: Design and Layout

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

Page 46: Creating a Website: Design and Layout

Clear call to action

Page 47: Creating a Website: Design and Layout

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

Page 48: Creating a Website: Design and Layout
Page 49: Creating a Website: Design and Layout
Page 50: Creating a Website: Design and Layout

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

Page 52: Creating a Website: Design and Layout

Stay in touch

Website:

www.crde.com.au

Call the office:

62970933

Stay on our email list

Tell a friend!