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

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.


Colin M. Roth Digital Marketing Manager [email protected]

Who are we?

Matt Smyth Director, UX

[email protected]


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


Anyone can design a website,

all you need is pen and paper


Simple

Navigation

Ray Ban Knows What People Want


Bonobos’ Organized Answer


Oliver People’s Fixed Navigation


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


Feature

Your

Best

Products

Birchbox Shows Off What They Want You to Do


Look at Karmaloop’s Easy Homepage!


Chubbies Inventory Burn Homepage



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


How to Write Copy That Converts

Show

Your

Face

Being Personal Helps


Tell Your Story, on a Separate Page



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


You

need

search

People Use Search, A Lot


Even Zappos Messes Up Search


Powerful Search = Powerful

Results



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


Have

Things

Move

Use Cool Header Videos


Use Subtle Animations



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


Bring Ready Buyers to Your Store


Make Sure Messages Match



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


Please,

Please,

Please Be

Consistent

Every Page Should be the Same



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


We will spend the remainder of the time

answering your questions!

That’s

All

Folks

Web Design for Non-Web

Documents

Transcript of Web Design for Non-Web