design for e-commerce•what makes a “good” slide design? –balance of images and text –a...
TRANSCRIPT
![Page 1: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/1.jpg)
![Page 2: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/2.jpg)
DESIGN FOR E-COMMERCE
![Page 3: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/3.jpg)
DESIGN FOR E-COMMERCE
![Page 4: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/4.jpg)
![Page 5: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/5.jpg)
![Page 6: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/6.jpg)
GOOD vs. BAD
• What is “good” photography? - Consistent
- Clear
- Descriptive
- Enticing
- Real
- Conveys emotion
• Impact of “bad” photography - Make your site look unprofessional & unreliable
- Shed poor light on your brand
- Drive visitors to seek out other sites with better images of the
products or a more visually pleasing site
- Decrease in conversions
![Page 7: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/7.jpg)
BEFORE…
![Page 8: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/8.jpg)
…AFTER
![Page 9: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/9.jpg)
• Take visually interesting photos of your products.
• Keep a consistency among your photos. - Background color
- Size
- Orientation
- Portrait
- Landscape
• Use good photography not just on the homepage, but
throughout your site.
• Provide your customers with alternative images of
your products.
ACTION PLAN
![Page 10: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/10.jpg)
INTERESTING… NOT INTERESTING…
![Page 11: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/11.jpg)
CONSISTENT… INCONSISTENT…
![Page 12: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/12.jpg)
&
&
![Page 13: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/13.jpg)
HOMEPAGE
![Page 14: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/14.jpg)
CATEGORIES
![Page 15: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/15.jpg)
![Page 16: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/16.jpg)
• Bad typography can make a site look sloppy or
unprofessional
• Readability is key for conversions
• Sets an emotional tone for brands, products, and the buying
experience
• Typography concerns more than just the specific font used.
It also involves: - Size
- Styles & Weights (bold, semibold, italic)
- Spacing
- Pairing (mixing fonts)
WHY TYPOGRAPHY IS IMPORTANT
![Page 17: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/17.jpg)
READABILITY
![Page 18: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/18.jpg)
READABILITY
![Page 19: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/19.jpg)
SETTING THE MOOD
![Page 20: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/20.jpg)
SETTING THE MOOD
![Page 21: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/21.jpg)
SETTING THE MOOD
![Page 22: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/22.jpg)
• Illustrate information hierarchy – Use fonts to draw attention to important points (not everything!)
• Specific strategies – Pair fonts that have stylistic differences
– Play with size and placement
• Be consistent – Using your selected fonts in multiple areas throughout your site will
maintain a cohesive and deliberate look
ACTION PLAN
![Page 23: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/23.jpg)
HIERARCHY
![Page 24: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/24.jpg)
HIERARCHY
![Page 25: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/25.jpg)
PAIRING
![Page 26: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/26.jpg)
PAIRING
![Page 27: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/27.jpg)
CONSISTENCY
![Page 28: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/28.jpg)
CONSISTENCY
![Page 29: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/29.jpg)
![Page 30: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/30.jpg)
• How many categories do you plan on setting up for
your store?
• Will you have subcategories?
• Will you be expanding your product line?
• Are your category names concise and clear?
• How many clicks will it take to get your visitor to
their desired product page?
THINGS TO CONSIDER
![Page 31: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/31.jpg)
• Write out your category and subcategory tree
• Keep the category names short
• Create your categories using the navigation style that
works best for your business
ACTION PLAN
![Page 32: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/32.jpg)
TOP NAVIGATION
![Page 33: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/33.jpg)
TOP NAVIGATION DROPDOWNS
![Page 34: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/34.jpg)
VERTICAL POPOUTS
![Page 35: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/35.jpg)
SMART TREE EXPAND
![Page 36: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/36.jpg)
SMART TREE EXPAND
![Page 37: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/37.jpg)
POOR PLANNING: TOO MANY CATEGORIES
![Page 38: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/38.jpg)
POOR PLANNING: CATEGORY NAMES
![Page 39: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/39.jpg)
POOR PLANNING: TOO MANY CLICKS
TO GET TO DESIRED PAGE
![Page 40: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/40.jpg)
![Page 41: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/41.jpg)
• What makes a “good” slide design?
– Balance of images and text
– A ‘Call to Action’
– Readable font style and size
• What makes a “bad” slide design?
– Clutter
– Too much text to read
– Text is not readable
GOOD SLIDES vs. BAD SLIDES
![Page 42: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/42.jpg)
BALANCED
![Page 43: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/43.jpg)
UNBALANCED
![Page 44: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/44.jpg)
• Use a few images and simple text to create your slides
• Choose a readable font style and size for text
• Provide a ‘call to action’ to direct visitors on where
you want them to click on the slide
• Promote your products or popular categories as well
as other important aspects of your business.
– Ex: Social Media pages, Causes you support, Discounts, etc..
ACTION PLAN
![Page 45: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/45.jpg)
A GOOD AMOUNT OF TEXT
![Page 46: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/46.jpg)
TOO MUCH TEXT
![Page 47: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/47.jpg)
SOCIAL MEDIA
CAUSES AND
CONTESTS
PROMOTE MORE THAN JUST PRODUCTS
![Page 48: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/48.jpg)
LIKE THIS…
NOT THIS…
SAME MESSAGE, DIFFERENT DELIVERY
![Page 49: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/49.jpg)
![Page 50: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/50.jpg)
• Create graphics for your category pages
• Design informational pages that your visitors will be
frequenting
• Try not to leave pages blank
• Keep a consistent look throughout the pages of your
site design
ACTION PLAN
![Page 51: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/51.jpg)
FILL INTERIOR PAGES – CATEGORY GRAPHICS
![Page 52: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/52.jpg)
DO THIS…
NOT THIS…
CATEGORY GRAPHICS
![Page 53: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/53.jpg)
LANDING PAGE: ABOUT US
![Page 54: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/54.jpg)
LANDING PAGE: LOOK BOOK
![Page 55: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/55.jpg)
LANDING PAGE: PRODUCT LINE
![Page 56: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/56.jpg)
LANDING PAGE: VIDEO GALLERY
![Page 57: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/57.jpg)
![Page 58: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/58.jpg)
• Display the ways you want to be contacted
– Phone, email, store address, contact form, social media channels
• Provide your contact information throughout your site
– Header, Footer, Contact page, Feedback Form, etc…
• Add forms to your site for your visitors to fill out
ACTION PLAN
![Page 59: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/59.jpg)
VISIBLE CONTACT
![Page 60: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/60.jpg)
VISIBLE CONTACT
![Page 61: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/61.jpg)
“CONTACT US” PAGE
![Page 62: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/62.jpg)
“CONTACT US” PAGE
![Page 63: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/63.jpg)
“CONTACT US” PAGE
![Page 64: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/64.jpg)
FEEDBACK FORM
![Page 65: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/65.jpg)
FEEDBACK FORM
![Page 66: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/66.jpg)
![Page 67: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/67.jpg)
• Add Social Media Icons so your customers can
connect with your business on other social platforms.
• Display a Promotion
– Special offer for returning customers
– Products, services, or events you offer
– Advertisements
• Turn the Thank you page into a helpful resource page.
– Add most popular posts, infographics, resource page guides,
tutorials, etc..
– Strengthens visitors’ perceptions of you as an expert in your area
ACTION PLAN
![Page 68: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/68.jpg)
OFFER AN INCENTIVE TO SHOP AGAIN
![Page 69: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/69.jpg)
FEATURED PRODUCT SCROLL
![Page 70: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/70.jpg)
CONNECT WITH SOCIAL MEDIA
![Page 71: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/71.jpg)
![Page 72: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/72.jpg)
404 ERROR: THE DEFAULT
![Page 73: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/73.jpg)
• Create a custom 404 error page
– Eases frustration
– Can inject humor into this page
• Add links to popular pages or the home page
– Helps your customer get back on track
ACTION PLAN
![Page 74: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/74.jpg)
404 ERROR: GENERAL OOPS
![Page 75: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/75.jpg)
404 ERROR: USE HUMOR
![Page 76: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/76.jpg)
404 ERROR: LINKS & INFO
![Page 77: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/77.jpg)
![Page 78: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/78.jpg)
ACTION PLAN
• Use the social media platforms that you are
comfortable using, and that fit your business
• Create a brand worthy of social sharing
• Make Social Sharing visible on interior pages
• Reward your followers
![Page 79: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/79.jpg)
SHARING & TEMPLATE ICONS
![Page 80: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/80.jpg)
SHARING & TEMPLATE ICONS
![Page 81: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/81.jpg)
FACEBOOK / SOCIAL STORE
![Page 82: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/82.jpg)
FACEBOOK / SOCIAL STORE
![Page 83: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/83.jpg)
SOCIAL BAR
![Page 84: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/84.jpg)
SOCIAL BAR
![Page 85: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/85.jpg)
![Page 86: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/86.jpg)
TILING LAYOUT
![Page 87: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/87.jpg)
VERTICAL NAVIGATION
![Page 88: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/88.jpg)
FIXED HEADER
![Page 89: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/89.jpg)
FIXED HEADER
![Page 90: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/90.jpg)
FIXED HEADER
![Page 91: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/91.jpg)
LARGE IMAGERY
![Page 92: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/92.jpg)
POPS OF COLOR
![Page 93: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/93.jpg)
POPS OF COLOR
![Page 94: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/94.jpg)
COLOR BLOCKING
![Page 95: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/95.jpg)
MUTED PASTELS
![Page 96: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/96.jpg)
MUTED PASTELS
![Page 97: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/97.jpg)
B&W TO COLOR
![Page 98: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/98.jpg)
B&W TO COLOR
![Page 99: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/99.jpg)
Q & A
![Page 100: DESIGN FOR E-COMMERCE•What makes a “good” slide design? –Balance of images and text –A ‘Call to Action’ –Readable font style and size •What makes a “bad” slide](https://reader034.vdocument.in/reader034/viewer/2022052101/603b8e15a32ab540944475e1/html5/thumbnails/100.jpg)