SlideShare une entreprise Scribd logo
1  sur  40
Télécharger pour lire hors ligne
Matt Smyth
As the Director of User
Experience, Matt’s a
web wizard who knows
how to balance user-
friendly technology with
eye-catching design.
During his 10 years in
the tech world, Matt
was responsible for
creating some of the
first iPhone and Twitter
apps.
Welcome to
Web Design for Non-Web Designers
we will be starting in a few minutes
Colin M. Roth
A branding and
marketing expert
specializing in digital
promotions. Colin
incorporates the latest
marketing trends and
research into his
campaigns, often
performing A/B tests
and analyzing the
results, maximizing
conversion rates
Website Design for Non-
Web Designers
Website Design for Non-Web Designers
Ask us questions!
(we won’t bite, promise)
We will try to answers them in
real time, any we don’t get to in
the webinar we will answer
after.
Website Design for Non-Web Designers
Colin M. Roth
Digital Marketing Manager
croth@asicentral.com
Who are we?
Matt Smyth
Director, UX
msmyth@asicentral.com
Website Design for Non-Web Designers
Poll: How do you design your
website now?
1.Squarespace/Weebly/Shopify
2.ESP Websites for Suppliers
3.We paid someone to design it for us
4.We created one internally
5.I don’t have a website
Website Design for Non-Web Designers
Anyone can design a website,
all you need is pen and paper
Website Design for Non-Web Designers
Simple
Navigation
Ray Ban Knows What People Want
Website Design for Non-Web Designers
Bonobos’ Organized Answer
Website Design for Non-Web Designers
Oliver People’s Fixed Navigation
Website Design for Non-Web Designers
Okay… So What’s The
Important Stuff?
1.Don’t add every category, focus on the
important ones
2.Make sure you have a clear navigation
hierarchy
3.Fixed navigation is better for the user
Website Design for Non-Web Designers
Feature
Your
Best
Products
Birchbox Shows Off What They Want You to Do
Website Design for Non-Web Designers
Look at Karmaloop’s Easy Homepage!
Website Design for Non-Web Designers
Chubbies Inventory Burn Homepage
Website Design for Non-Web Designers
Okay… So What’s The
Important Stuff?
1.Split up your products into a few major
categories
2.If you have a special, put it in the
forefront of your homepage
3.Use your homepage to feature
inventory you’re trying to get rid of
Website Design for Non-Web Designers
How to Write Copy That Converts
Show
Your
Face
Being Personal Helps
Website Design for Non-Web Designers
Tell Your Story, on a Separate Page
Website Design for Non-Web Designers
Okay… So What’s The
Important Stuff?
1.You need to showcase your story, just
not always on the homepage
2.Break your story up with pictures and
short paragraphs
3.Show your pretty face off
Website Design for Non-Web Designers
You
need
search
People Use Search, A Lot
Website Design for Non-Web Designers
Even Zappos Messes Up Search
Website Design for Non-Web Designers
Powerful Search = Powerful
Results
Website Design for Non-Web Designers
Okay… So What’s The
Important Stuff?
1.Search is crucial for success
2.Make sure your product results are
correct
3.ESP Websites have a cool plug that
does all this for you
Website Design for Non-Web Designers
Have
Things
Move
Use Cool Header Videos
Website Design for Non-Web Designers
Use Subtle Animations
Website Design for Non-Web Designers
Okay… So What’s The
Important Stuff?
1.Let users know when they do
something right – great way is with
hover animations
2.Don’t go over board with animations, it
will ultimately destroy your website
Website Design for Non Web Designers
Send
Customers
to a
Specific
Page
Reference Where Customers Came
From
Website Design for Non-Web Designers
Bring Ready Buyers to Your Store
Website Design for Non-Web Designers
Make Sure Messages Match
Website Design for Non-Web Designers
Okay… So What’s The
Important Stuff?
1.Your landing page for an ad should go
to a specific page
2.Sending users to a product page is the
best way to close a sale
3.Reference where the user came from
Website Design for Non-Web Designers
Please,
Please,
Please Be
Consistent
Every Page Should be the Same
Website Design for Non-Web Designers
Okay… So What’s The
Important Stuff?
1.Your homepage should be similar to
your product page
2.Use the same font, colors, ect.
3.Try to include the same amount of
information for each product
Website Design for Non-Web Designers
We will spend the
remainder of the time
answering your questions!
That’s
All
Folks

Contenu connexe

Tendances

Tips To Improve Your Website's Design
Tips To Improve Your Website's DesignTips To Improve Your Website's Design
Tips To Improve Your Website's Designgwp66
 
Essential web design tips
Essential web design tipsEssential web design tips
Essential web design tipsleeroy1981
 
Important facts-of-website-designing
Important facts-of-website-designingImportant facts-of-website-designing
Important facts-of-website-designingDesignMark
 
How do you build an Affiliate web site?
How do you build an Affiliate web site?How do you build an Affiliate web site?
How do you build an Affiliate web site?theresa34
 
15 Brand New Free Websites On Building, Running And Advertising A Succesful I...
15 Brand New Free Websites On Building, Running And Advertising A Succesful I...15 Brand New Free Websites On Building, Running And Advertising A Succesful I...
15 Brand New Free Websites On Building, Running And Advertising A Succesful I...4clint
 
15 Rules for Success
15 Rules for Success15 Rules for Success
15 Rules for Successgiddyflat6312
 
How do you build an Affiliate web site?
How do you build an Affiliate web site?How do you build an Affiliate web site?
How do you build an Affiliate web site?denisebusiness1
 
I will do wordpress woocommerce website design with oceanwp
I will do wordpress woocommerce website design with oceanwpI will do wordpress woocommerce website design with oceanwp
I will do wordpress woocommerce website design with oceanwpwebsamiul
 
How do you build an Affiliate web site?
How do you build an Affiliate web site?How do you build an Affiliate web site?
How do you build an Affiliate web site?ffats1
 
Professional Presentation Design
Professional Presentation DesignProfessional Presentation Design
Professional Presentation DesignIvana Sendecka
 
Making a Good Website through Quality Design
Making a Good Website through Quality Design
Making a Good Website through Quality Design
Making a Good Website through Quality Design weeperdition8576
 
Making a Good Website through Quality Design
Making a Good Website through Quality Design
Making a Good Website through Quality Design
Making a Good Website through Quality Design weeperdition8576
 
Slide share, website design by captain obvious
Slide share, website design by captain obviousSlide share, website design by captain obvious
Slide share, website design by captain obviousSocius Marketing
 
Wise selection Of web Design Company
Wise selection Of web Design CompanyWise selection Of web Design Company
Wise selection Of web Design Companytriteexpenditur30
 

Tendances (19)

Tips To Improve Your Website's Design
Tips To Improve Your Website's DesignTips To Improve Your Website's Design
Tips To Improve Your Website's Design
 
Build the Ultimate Inbound Website
Build the Ultimate Inbound WebsiteBuild the Ultimate Inbound Website
Build the Ultimate Inbound Website
 
Essential web design tips
Essential web design tipsEssential web design tips
Essential web design tips
 
Important facts-of-website-designing
Important facts-of-website-designingImportant facts-of-website-designing
Important facts-of-website-designing
 
Evaluation
Evaluation Evaluation
Evaluation
 
How do you build an Affiliate web site?
How do you build an Affiliate web site?How do you build an Affiliate web site?
How do you build an Affiliate web site?
 
15 Brand New Free Websites On Building, Running And Advertising A Succesful I...
15 Brand New Free Websites On Building, Running And Advertising A Succesful I...15 Brand New Free Websites On Building, Running And Advertising A Succesful I...
15 Brand New Free Websites On Building, Running And Advertising A Succesful I...
 
15 Rules for Success
15 Rules for Success15 Rules for Success
15 Rules for Success
 
How do you build an Affiliate web site?
How do you build an Affiliate web site?How do you build an Affiliate web site?
How do you build an Affiliate web site?
 
I will do wordpress woocommerce website design with oceanwp
I will do wordpress woocommerce website design with oceanwpI will do wordpress woocommerce website design with oceanwp
I will do wordpress woocommerce website design with oceanwp
 
How do you build an Affiliate web site?
How do you build an Affiliate web site?How do you build an Affiliate web site?
How do you build an Affiliate web site?
 
Professional Presentation Design
Professional Presentation DesignProfessional Presentation Design
Professional Presentation Design
 
Website designers
Website designersWebsite designers
Website designers
 
Making a Good Website through Quality Design
Making a Good Website through Quality Design
Making a Good Website through Quality Design
Making a Good Website through Quality Design
 
Making a Good Website through Quality Design
Making a Good Website through Quality Design
Making a Good Website through Quality Design
Making a Good Website through Quality Design
 
Slide share, website design by captain obvious
Slide share, website design by captain obviousSlide share, website design by captain obvious
Slide share, website design by captain obvious
 
Wise selection Of web Design Company
Wise selection Of web Design CompanyWise selection Of web Design Company
Wise selection Of web Design Company
 
15 Obligatory Web Design Mistakes to Avoid
15 Obligatory Web Design Mistakes to Avoid15 Obligatory Web Design Mistakes to Avoid
15 Obligatory Web Design Mistakes to Avoid
 
Article6
Article6Article6
Article6
 

En vedette

Use Social Media to Grow Your Business
Use Social Media to Grow Your BusinessUse Social Media to Grow Your Business
Use Social Media to Grow Your BusinessASI
 
Research On Independent Cinemas
Research On Independent CinemasResearch On Independent Cinemas
Research On Independent Cinemaslauramonument
 
Certificates on films in UK.
Certificates on films in UK.Certificates on films in UK.
Certificates on films in UK.lauramonument
 
China presentation
China presentationChina presentation
China presentationmsn590927
 

En vedette (7)

Use Social Media to Grow Your Business
Use Social Media to Grow Your BusinessUse Social Media to Grow Your Business
Use Social Media to Grow Your Business
 
Research On Independent Cinemas
Research On Independent CinemasResearch On Independent Cinemas
Research On Independent Cinemas
 
Certificates on films in UK.
Certificates on films in UK.Certificates on films in UK.
Certificates on films in UK.
 
Thriller pitch
Thriller pitchThriller pitch
Thriller pitch
 
GSE Case Study
GSE Case StudyGSE Case Study
GSE Case Study
 
Vanduo
VanduoVanduo
Vanduo
 
China presentation
China presentationChina presentation
China presentation
 

Similaire à Web Design for Non-Web

10 tips to help you build a great website strategy
10 tips to help you build a great website strategy10 tips to help you build a great website strategy
10 tips to help you build a great website strategyJanbaskjdd
 
Minimalist Web Design | Simplemachine
Minimalist Web Design | SimplemachineMinimalist Web Design | Simplemachine
Minimalist Web Design | SimplemachineSean Morrison
 
Principles of web design
Principles of web designPrinciples of web design
Principles of web designdswebdesign
 
5 essential qualities of a landing page
5 essential qualities of a landing page5 essential qualities of a landing page
5 essential qualities of a landing pageInnomedia Technologies
 
How To Start A Website in 3 Days with AI
How To Start A Website  in 3 Days with AIHow To Start A Website  in 3 Days with AI
How To Start A Website in 3 Days with AIVanishasNews
 
Webdesignanddevelopment
WebdesignanddevelopmentWebdesignanddevelopment
WebdesignanddevelopmentLance Mayer
 
How to Turn Your Website into a Lead Generation Machine
How to Turn Your Website into a Lead Generation MachineHow to Turn Your Website into a Lead Generation Machine
How to Turn Your Website into a Lead Generation MachineMatt Inglot
 
Killer tips for awesome designers 2015
Killer tips for awesome designers 2015Killer tips for awesome designers 2015
Killer tips for awesome designers 2015GoSkyGo India
 
Am I ready to go online
Am I ready to go onlineAm I ready to go online
Am I ready to go onlineGreg Osborne
 
BA 65 Hour 02 Creating Your First Site
BA 65 Hour 02 Creating Your First SiteBA 65 Hour 02 Creating Your First Site
BA 65 Hour 02 Creating Your First Sitedpd
 
Are you looking for a website designer in Australia?
Are you looking for a website designer in Australia?Are you looking for a website designer in Australia?
Are you looking for a website designer in Australia?A Website Designer
 
5 Top Web Design and Development Tips for an Awesome Web App
5 Top Web Design and Development Tips for an Awesome Web App5 Top Web Design and Development Tips for an Awesome Web App
5 Top Web Design and Development Tips for an Awesome Web AppPixel Crayons
 
webPageRedesign_jujhar
webPageRedesign_jujharwebPageRedesign_jujhar
webPageRedesign_jujharJujhar Singh
 
Slide show dominate a niche -the web designer’s key...market leader 12-3-16
Slide show   dominate a niche -the web designer’s key...market leader 12-3-16Slide show   dominate a niche -the web designer’s key...market leader 12-3-16
Slide show dominate a niche -the web designer’s key...market leader 12-3-16Stacey Mathis
 
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.Brody Dorland
 

Similaire à Web Design for Non-Web (20)

Website Design: 6 Trends to Follow in 2020
Website Design: 6 Trends to Follow in 2020Website Design: 6 Trends to Follow in 2020
Website Design: 6 Trends to Follow in 2020
 
Top 7 web design myths
Top 7 web design mythsTop 7 web design myths
Top 7 web design myths
 
10 tips to help you build a great website strategy
10 tips to help you build a great website strategy10 tips to help you build a great website strategy
10 tips to help you build a great website strategy
 
Minimalist Web Design | Simplemachine
Minimalist Web Design | SimplemachineMinimalist Web Design | Simplemachine
Minimalist Web Design | Simplemachine
 
Principles of web design
Principles of web designPrinciples of web design
Principles of web design
 
Manchester web design
Manchester web designManchester web design
Manchester web design
 
5 essential qualities of a landing page
5 essential qualities of a landing page5 essential qualities of a landing page
5 essential qualities of a landing page
 
How To Start A Website in 3 Days with AI
How To Start A Website  in 3 Days with AIHow To Start A Website  in 3 Days with AI
How To Start A Website in 3 Days with AI
 
Webdesignanddevelopment
WebdesignanddevelopmentWebdesignanddevelopment
Webdesignanddevelopment
 
How to Turn Your Website into a Lead Generation Machine
How to Turn Your Website into a Lead Generation MachineHow to Turn Your Website into a Lead Generation Machine
How to Turn Your Website into a Lead Generation Machine
 
Web designer
Web designerWeb designer
Web designer
 
Killer tips for awesome designers 2015
Killer tips for awesome designers 2015Killer tips for awesome designers 2015
Killer tips for awesome designers 2015
 
Company profile
Company profileCompany profile
Company profile
 
Am I ready to go online
Am I ready to go onlineAm I ready to go online
Am I ready to go online
 
BA 65 Hour 02 Creating Your First Site
BA 65 Hour 02 Creating Your First SiteBA 65 Hour 02 Creating Your First Site
BA 65 Hour 02 Creating Your First Site
 
Are you looking for a website designer in Australia?
Are you looking for a website designer in Australia?Are you looking for a website designer in Australia?
Are you looking for a website designer in Australia?
 
5 Top Web Design and Development Tips for an Awesome Web App
5 Top Web Design and Development Tips for an Awesome Web App5 Top Web Design and Development Tips for an Awesome Web App
5 Top Web Design and Development Tips for an Awesome Web App
 
webPageRedesign_jujhar
webPageRedesign_jujharwebPageRedesign_jujhar
webPageRedesign_jujhar
 
Slide show dominate a niche -the web designer’s key...market leader 12-3-16
Slide show   dominate a niche -the web designer’s key...market leader 12-3-16Slide show   dominate a niche -the web designer’s key...market leader 12-3-16
Slide show dominate a niche -the web designer’s key...market leader 12-3-16
 
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
 

Plus de ASI

The Promotional Products Industry and How to Work It
The Promotional Products Industry and How to Work It The Promotional Products Industry and How to Work It
The Promotional Products Industry and How to Work It ASI
 
Always Be Closing Webinar
Always Be Closing WebinarAlways Be Closing Webinar
Always Be Closing WebinarASI
 
Get More Product Clicks in ESP
Get More Product Clicks in ESPGet More Product Clicks in ESP
Get More Product Clicks in ESPASI
 
How Tailor Your Marketing Campaign to Distributors
How Tailor Your Marketing Campaign to DistributorsHow Tailor Your Marketing Campaign to Distributors
How Tailor Your Marketing Campaign to DistributorsASI
 
Copy That Converts
Copy That ConvertsCopy That Converts
Copy That ConvertsASI
 
Why You Should Enter the Ad Specialty Market
Why You Should Enter the Ad Specialty MarketWhy You Should Enter the Ad Specialty Market
Why You Should Enter the Ad Specialty MarketASI
 
4 Tactics to Take Market Share
4 Tactics to Take Market Share4 Tactics to Take Market Share
4 Tactics to Take Market ShareASI
 

Plus de ASI (7)

The Promotional Products Industry and How to Work It
The Promotional Products Industry and How to Work It The Promotional Products Industry and How to Work It
The Promotional Products Industry and How to Work It
 
Always Be Closing Webinar
Always Be Closing WebinarAlways Be Closing Webinar
Always Be Closing Webinar
 
Get More Product Clicks in ESP
Get More Product Clicks in ESPGet More Product Clicks in ESP
Get More Product Clicks in ESP
 
How Tailor Your Marketing Campaign to Distributors
How Tailor Your Marketing Campaign to DistributorsHow Tailor Your Marketing Campaign to Distributors
How Tailor Your Marketing Campaign to Distributors
 
Copy That Converts
Copy That ConvertsCopy That Converts
Copy That Converts
 
Why You Should Enter the Ad Specialty Market
Why You Should Enter the Ad Specialty MarketWhy You Should Enter the Ad Specialty Market
Why You Should Enter the Ad Specialty Market
 
4 Tactics to Take Market Share
4 Tactics to Take Market Share4 Tactics to Take Market Share
4 Tactics to Take Market Share
 

Web Design for Non-Web

  • 1. Matt Smyth As the Director of User Experience, Matt’s a web wizard who knows how to balance user- friendly technology with eye-catching design. During his 10 years in the tech world, Matt was responsible for creating some of the first iPhone and Twitter apps. Welcome to Web Design for Non-Web Designers we will be starting in a few minutes Colin M. Roth A branding and marketing expert specializing in digital promotions. Colin incorporates the latest marketing trends and research into his campaigns, often performing A/B tests and analyzing the results, maximizing conversion rates
  • 2. Website Design for Non- Web Designers Website Design for Non-Web Designers
  • 3. Ask us questions! (we won’t bite, promise) We will try to answers them in real time, any we don’t get to in the webinar we will answer after. Website Design for Non-Web Designers
  • 4. Colin M. Roth Digital Marketing Manager croth@asicentral.com Who are we? Matt Smyth Director, UX msmyth@asicentral.com Website Design for Non-Web Designers
  • 5. Poll: How do you design your website now? 1.Squarespace/Weebly/Shopify 2.ESP Websites for Suppliers 3.We paid someone to design it for us 4.We created one internally 5.I don’t have a website Website Design for Non-Web Designers
  • 6. Anyone can design a website, all you need is pen and paper Website Design for Non-Web Designers
  • 7.
  • 8.
  • 10. Ray Ban Knows What People Want Website Design for Non-Web Designers
  • 11. Bonobos’ Organized Answer Website Design for Non-Web Designers
  • 12. Oliver People’s Fixed Navigation Website Design for Non-Web Designers
  • 13. Okay… So What’s The Important Stuff? 1.Don’t add every category, focus on the important ones 2.Make sure you have a clear navigation hierarchy 3.Fixed navigation is better for the user Website Design for Non-Web Designers
  • 15. Birchbox Shows Off What They Want You to Do Website Design for Non-Web Designers
  • 16. Look at Karmaloop’s Easy Homepage! Website Design for Non-Web Designers
  • 17. Chubbies Inventory Burn Homepage Website Design for Non-Web Designers
  • 18. Okay… So What’s The Important Stuff? 1.Split up your products into a few major categories 2.If you have a special, put it in the forefront of your homepage 3.Use your homepage to feature inventory you’re trying to get rid of Website Design for Non-Web Designers
  • 19. How to Write Copy That Converts Show Your Face
  • 20. Being Personal Helps Website Design for Non-Web Designers
  • 21. Tell Your Story, on a Separate Page Website Design for Non-Web Designers
  • 22. Okay… So What’s The Important Stuff? 1.You need to showcase your story, just not always on the homepage 2.Break your story up with pictures and short paragraphs 3.Show your pretty face off Website Design for Non-Web Designers
  • 24. People Use Search, A Lot Website Design for Non-Web Designers
  • 25. Even Zappos Messes Up Search Website Design for Non-Web Designers
  • 26. Powerful Search = Powerful Results Website Design for Non-Web Designers
  • 27. Okay… So What’s The Important Stuff? 1.Search is crucial for success 2.Make sure your product results are correct 3.ESP Websites have a cool plug that does all this for you Website Design for Non-Web Designers
  • 29. Use Cool Header Videos Website Design for Non-Web Designers
  • 30. Use Subtle Animations Website Design for Non-Web Designers
  • 31. Okay… So What’s The Important Stuff? 1.Let users know when they do something right – great way is with hover animations 2.Don’t go over board with animations, it will ultimately destroy your website Website Design for Non Web Designers
  • 33. Reference Where Customers Came From Website Design for Non-Web Designers
  • 34. Bring Ready Buyers to Your Store Website Design for Non-Web Designers
  • 35. Make Sure Messages Match Website Design for Non-Web Designers
  • 36. Okay… So What’s The Important Stuff? 1.Your landing page for an ad should go to a specific page 2.Sending users to a product page is the best way to close a sale 3.Reference where the user came from Website Design for Non-Web Designers
  • 38. Every Page Should be the Same Website Design for Non-Web Designers
  • 39. Okay… So What’s The Important Stuff? 1.Your homepage should be similar to your product page 2.Use the same font, colors, ect. 3.Try to include the same amount of information for each product Website Design for Non-Web Designers
  • 40. We will spend the remainder of the time answering your questions! That’s All Folks