Top 10 Design Rules and When to Break Them
Transcript of Top 10 Design Rules and When to Break Them
![Page 1: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/1.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
Top 10 Design Rules and When to Break Them
![Page 2: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/2.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
Your Hosts and Design GurusJessica Mokrzecki, Sr. Manager – Design ServicesCamri Hinkie, Sr. Web DesignerWes Asbell, Web Designer
![Page 3: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/3.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
![Page 4: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/4.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
#2 Don’t Use Too Many Colors
![Page 5: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/5.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
1. DON’T USE TOO MANY COLORS
• 2-3 colors
• Brand colors
• Convey the right message
Following the Rule
![Page 6: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/6.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
![Page 7: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/7.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
![Page 8: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/8.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
![Page 9: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/9.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
1. DON’T USE TOO MANY COLORS
• Use color to draw attention
• Make elements standout
• Organize like things with color
Breaking the Rule
![Page 10: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/10.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
![Page 11: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/11.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
![Page 12: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/12.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
![Page 13: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/13.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
#8 Keep things above the fold
![Page 14: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/14.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
2. KEEP THINGS ABOVE THE FOLD
Following the Rule• Term borrowed from
newspapers
• Things at the top of the site will be seen first
![Page 15: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/15.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
![Page 16: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/16.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
![Page 17: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/17.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
![Page 18: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/18.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
2. KEEP THINGS ABOVE THE FOLD
Breaking the Rule• Long scrolling sites
• Frees the top area for visual impact
![Page 19: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/19.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
![Page 20: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/20.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
![Page 21: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/21.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
![Page 22: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/22.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
![Page 23: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/23.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
#1 Use a Minimum Number of Fonts
![Page 24: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/24.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
3. USE A MINIMAL NUMBER OF FONTS
• 2-3 fonts
• Each font has it’s own personality
• Avoid Confusion
Following the Rule
![Page 25: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/25.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
![Page 26: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/26.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
![Page 27: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/27.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
![Page 28: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/28.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
3. USE A MINIMAL NUMBER OF FONTS
• Draw attention using different fonts
• Brand different sections or promotions
• It’s all about pairing fonts
Breaking the Rule
![Page 29: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/29.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
![Page 30: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/30.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
![Page 31: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/31.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
![Page 32: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/32.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
#6 Logo should be in the top left
![Page 33: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/33.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
4. LOGO SHOULD BE IN THE TOP LEFT
• Standard practice
• Long, horizontal logos
• Can help with header organization
Following the Rule
![Page 34: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/34.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
![Page 35: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/35.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
![Page 36: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/36.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
4. LOGO SHOULD BE IN THE TOP LEFT
Breaking the Rule• Fits certain shapes better
• Puts company name on display
• Be careful to balance header
![Page 37: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/37.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
![Page 38: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/38.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
![Page 39: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/39.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
#3 Stick to a Grid Layout
![Page 40: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/40.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
5. STICK TO A GRID LAYOUT
• What is the grid system?
• Helps structure a site
• Helps with organization and consistency
Following the Rule
![Page 41: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/41.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
![Page 42: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/42.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
![Page 43: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/43.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
![Page 44: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/44.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
5. STICK TO A GRID LAYOUT
• Let a few important elements standout
• It’s more organic
• Keep it organized no matter what
Breaking the Rule
![Page 45: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/45.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
![Page 46: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/46.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
![Page 47: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/47.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
![Page 48: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/48.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
#7 Buttons Should Be Rounded and 3D
![Page 49: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/49.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
6. BUTTONS SHOULD BE ROUND & 3D
Following the Rule• Should stand out from the page
and look dimensional
• Skeuomorphic design
• A way to entice users to click
![Page 50: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/50.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
![Page 51: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/51.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
6. BUTTONS SHOULD BE ROUND & 3D
Breaking the Rule• Flat design
• Scale and color, not effects
![Page 52: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/52.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
![Page 53: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/53.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
#4 Always Have a Left Navigation Menu
![Page 54: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/54.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
7. ALWAYS HAVE A LEFT NAVIGATION
• Can hold a large number of categories
• Height of a site changes, but width stays consistent
Following the Rule
![Page 55: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/55.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
![Page 56: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/56.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
![Page 57: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/57.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
![Page 58: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/58.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
7. ALWAYS HAVE A LEFT NAVIGATION
• Doesn’t always have to be on the homepage
• Frees up valuable real estate on the homepage
• Helps consolidate and better emphasize your most important categories
• Easier to navigate
Breaking the Rule
![Page 59: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/59.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
![Page 60: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/60.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
![Page 61: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/61.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
![Page 62: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/62.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
#9 Put everything on the homepage
![Page 63: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/63.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
8. PUT EVERYTHING ON THE HOMEPAGE
Following the Rule• Visitors shouldn’t have to go
looking for important information
• Lots of content can help with SEO
![Page 64: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/64.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
![Page 65: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/65.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
![Page 66: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/66.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
![Page 67: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/67.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
8. PUT EVERYTHING ON THE HOMEPAGE
Breaking the Rule• Too much content =
overwhelming
• Highlight key selling points & products
• Well structured navigation
![Page 68: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/68.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
![Page 69: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/69.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
#5 Animation is a No No
![Page 70: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/70.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
9. ANIMATION IS A NO-NO
• Animation can be distracting
• Static sites create a pleasant user experience
Following the Rule
![Page 71: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/71.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
![Page 72: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/72.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
9. ANIMATION IS A NO-NO
• Subtle animations making a comeback
• Animated GIFs• Javascript slideshows
• Don’t go crazy
Breaking the Rule
![Page 73: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/73.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
![Page 74: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/74.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
#10 Use all of the social media icons
![Page 75: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/75.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
10. USE ALL OF THE SOCIAL MEDIA
Following the Rule• Social media builds a
community around your business
• Gets the word out about your products
![Page 76: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/76.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
![Page 77: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/77.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
10. USE ALL OF THE SOCIAL MEDIA
Breaking the Rule• Only social icons you update
• Connecting accounts so a single post can go to multiple platforms
![Page 78: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/78.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
![Page 79: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/79.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
CONCLUSION
Trends or what to expect in the coming year
•Flat design
•Less left navigations
•Larger photography
•Longer pages •Transitions
![Page 80: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/80.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore
*
Q&AThank you
![Page 81: Top 10 Design Rules and When to Break Them](https://reader034.fdocuments.us/reader034/viewer/2022042717/55d4975bbb61eb98698b45cc/html5/thumbnails/81.jpg)
Confidential and Proprietary Information Continue the conversation @Volusion with #sell4Xmore