Top Banner
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
40
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Web Design for Non-Web

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

Page 2: Web Design for Non-Web

Website Design for Non-

Web Designers

Website Design for Non-Web Designers

Page 3: Web Design for Non-Web

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

Page 4: Web Design for Non-Web

Colin M. Roth Digital Marketing Manager [email protected]

Who are we?

Matt Smyth Director, UX

[email protected]

Website Design for Non-Web Designers

Page 5: Web Design for Non-Web

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

Page 6: Web Design for Non-Web

Anyone can design a website,

all you need is pen and paper

Website Design for Non-Web Designers

Page 7: Web Design for Non-Web
Page 8: Web Design for Non-Web
Page 9: Web Design for Non-Web

Simple

Navigation

Page 10: Web Design for Non-Web

Ray Ban Knows What People Want

Website Design for Non-Web Designers

Page 11: Web Design for Non-Web

Bonobos’ Organized Answer

Website Design for Non-Web Designers

Page 12: Web Design for Non-Web

Oliver People’s Fixed Navigation

Website Design for Non-Web Designers

Page 13: Web Design for Non-Web

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

Page 14: Web Design for Non-Web

Feature

Your

Best

Products

Page 15: Web Design for Non-Web

Birchbox Shows Off What They Want You to Do

Website Design for Non-Web Designers

Page 16: Web Design for Non-Web

Look at Karmaloop’s Easy Homepage!

Website Design for Non-Web Designers

Page 17: Web Design for Non-Web

Chubbies Inventory Burn Homepage

Website Design for Non-Web Designers

Page 18: Web Design for Non-Web

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

Page 19: Web Design for Non-Web

How to Write Copy That Converts

Show

Your

Face

Page 20: Web Design for Non-Web

Being Personal Helps

Website Design for Non-Web Designers

Page 21: Web Design for Non-Web

Tell Your Story, on a Separate Page

Website Design for Non-Web Designers

Page 22: Web Design for Non-Web

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

Page 23: Web Design for Non-Web

You

need

search

Page 24: Web Design for Non-Web

People Use Search, A Lot

Website Design for Non-Web Designers

Page 25: Web Design for Non-Web

Even Zappos Messes Up Search

Website Design for Non-Web Designers

Page 26: Web Design for Non-Web

Powerful Search = Powerful

Results

Website Design for Non-Web Designers

Page 27: Web Design for Non-Web

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

Page 28: Web Design for Non-Web

Have

Things

Move

Page 29: Web Design for Non-Web

Use Cool Header Videos

Website Design for Non-Web Designers

Page 30: Web Design for Non-Web

Use Subtle Animations

Website Design for Non-Web Designers

Page 31: Web Design for Non-Web

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

Page 32: Web Design for Non-Web

Send

Customers

to a

Specific

Page

Page 33: Web Design for Non-Web

Reference Where Customers Came

From

Website Design for Non-Web Designers

Page 34: Web Design for Non-Web

Bring Ready Buyers to Your Store

Website Design for Non-Web Designers

Page 35: Web Design for Non-Web

Make Sure Messages Match

Website Design for Non-Web Designers

Page 36: Web Design for Non-Web

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

Page 37: Web Design for Non-Web

Please,

Please,

Please Be

Consistent

Page 38: Web Design for Non-Web

Every Page Should be the Same

Website Design for Non-Web Designers

Page 39: Web Design for Non-Web

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

Page 40: Web Design for Non-Web

We will spend the remainder of the time

answering your questions!

That’s

All

Folks