designing for successful websites - digital era

16
Designing Your Website

Upload: connie-hancock

Post on 22-Apr-2015

123 views

Category:

Documents


3 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Designing for Successful Websites - Digital Era

Designing Your Website

Page 2: Designing for Successful Websites - Digital Era

THINGS YOUR WEB DEVELOPER NEVER TOLD YOU!

Page 3: Designing for Successful Websites - Digital Era
Page 4: Designing for Successful Websites - Digital Era

Website Design Principles

• Design and Content• Calls to Action• On-site SEO• Code

http://hitreach.co.uk/perfect-web-page/

Page 5: Designing for Successful Websites - Digital Era

Design and Content

• Searchable – Findable• Goal of Website• Call To Action• Benefit to Customer

Page 6: Designing for Successful Websites - Digital Era

http://hitreach.co.uk/perfect-web-page/

Design and

Content1. Headline2. Navigation3. Copy/Content4. Readability

• Scannable• Fonts -

https://www.google.com/fonts5. Call to Action6. Images7. Images/Video8. Breadcrumbs9. Video10. Footer

Page 7: Designing for Successful Websites - Digital Era

• Decide what you want your customer to do

• Designed to trigger an interaction• Convert a user• Can be measured

Page 8: Designing for Successful Websites - Digital Era

1. Main Call to Action2. Social Sharing Buttons3. Secondary CTA’s4. Cross-selling and Upselling

Page 9: Designing for Successful Websites - Digital Era

CTAaka

Call to Action

http://hitreach.co.uk/perfect-web-page/#t2_

1. Main Call to Action2. Social Sharing Buttons3. Secondary CTA’s4. Cross-selling and

Upselling

Page 10: Designing for Successful Websites - Digital Era

On-Site SEO

• SEO = Search Engine Optimization• Designed to be found • Key word rich content• Communicates meaning to users• Search engines know where to find it and

what it is about

Page 11: Designing for Successful Websites - Digital Era

On-Site SEO

http://hitreach.co.uk/perfect-web-page/#t3_

1. Site Architecture2. URL Structure3. Title Tag4. Meta Description5. Header Tags6. Contextual Links7. Alt Tags8. Video Hosting9. Site Map

Page 12: Designing for Successful Websites - Digital Era

Code

http://hitreach.co.uk/perfect-web-page/#t5_

Important for RankingFast Load TimesResponsive

Page 13: Designing for Successful Websites - Digital Era
Page 14: Designing for Successful Websites - Digital Era

http://go.unl.edu/etailing

Page 15: Designing for Successful Websites - Digital Era

Other Online Curriculums

Direct Marketing of Food Specialty Products

http://go.unl.edu/directmarketingfood

Marketing Agritourism Online

http://go.unl.edu/agritourism

Page 16: Designing for Successful Websites - Digital Era

[email protected] [email protected] [email protected]

Connie HancockUNL Extension

Jay JenkinsUNL Extension

Jenny NixonUNL Extension