ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
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
Web Design for Non-Web
Web Design for Non-Web
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

More Related Content

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
  • 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