business graphics and web design tactics
DESCRIPTION
Trying to design a new business Graphic? Check out this presentation from the experts of Web Design at Design and Promote. This introductory tutorial will give you the confidence and knowledge to make informed decisions on your businesses graphics and other design based promotions. For professional business graphics and more design tactics visit: http://www.designandpromote.comTRANSCRIPT
![Page 1: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/1.jpg)
![Page 2: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/2.jpg)
![Page 3: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/3.jpg)
![Page 4: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/4.jpg)
No One Is Looking For You In The Phonebook
No One Is Reading Mailers
No One Will Take You Seriously As A
Company Without a Professional Website
![Page 5: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/5.jpg)
![Page 6: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/6.jpg)
![Page 7: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/7.jpg)
![Page 8: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/8.jpg)
![Page 9: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/9.jpg)
No Phone Number
Vertical Navigation
And Abundant Options
Static image, no dynamic, non-appetizing
No Next MoveNo Call TO Action
No Title Tags
![Page 10: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/10.jpg)
![Page 11: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/11.jpg)
No Phone Number
No Next MoveNo Call TO Action
Too Much Below The “Fold”
![Page 12: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/12.jpg)
![Page 13: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/13.jpg)
![Page 14: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/14.jpg)
![Page 15: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/15.jpg)
![Page 16: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/16.jpg)
What Does This Company Do???
![Page 17: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/17.jpg)
![Page 18: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/18.jpg)
Phone Number In The Upper RightA Next Move Or Call To Action Above The FoldEasy NavigationMovement/Page DynamicsClear Coherent Imagery Which Makes it Evident What Your Company Does
![Page 19: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/19.jpg)
![Page 20: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/20.jpg)
Having an effective call to action is an
essential part of any website.
• Focus to your site
• A way to measure your sites success
• Direction to your users
![Page 21: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/21.jpg)
![Page 22: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/22.jpg)
Before a user is willing to complete a call to action they have to
recognize the need.
![Page 23: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/23.jpg)
People Like FREE
![Page 24: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/24.jpg)
Offer a little extra
![Page 25: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/25.jpg)
Have a Call To Action on Every Page.
![Page 26: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/26.jpg)
Have a Call To Action on Every Page.
![Page 27: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/27.jpg)
We’ve Put Together Some Free Call To Action Graphics For You!
Visit:
http://www.designandpromote.com/free-call-to-action-templates/
![Page 28: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/28.jpg)
![Page 29: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/29.jpg)
What is a Landing Page?
![Page 30: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/30.jpg)
Note That:
There is no otherplace to click but onthe call to action.
The Call To Action is the most prominentthing on the page.
There is very littletext on this page. The only copy is the“Need To Know” infofor this promotion.
![Page 31: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/31.jpg)
When To Use A Landing Page:
For special promotions/giveaways/sales that are geared toward a particular target audience and end goal that you can link to either from an advertisement in an email, advertisement, or on your website.
When conducting surveys on a particular demographic
When promoting a particular event with the goal of getting people to sign up
![Page 32: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/32.jpg)
![Page 33: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/33.jpg)
What Are The Benefits Of Having A Blog?
![Page 34: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/34.jpg)
1- Customer Insight
![Page 35: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/35.jpg)
2- Better Search Engine Rankings
content posted on blogs is much easier to find on search engines. Search engines love blogs because they love fresh content. Every time new content is posted on a blog, the blog site pings the search engines. This results in frequent search engine spider visits and hence much higher optimization and ranking.
![Page 36: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/36.jpg)
3- A Way To Establish Authority
![Page 37: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/37.jpg)
![Page 38: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/38.jpg)
DON’T
Design A Website For YOUR Needs Instead of The Customer.
Nobody cares about you or your site.Really. What visitors care about is solving their problems. Now. Most people visit a website to solve one or more of these four problems:• They want/need information• They want/need to make a purchase / donation.• They want/need to be entertained.• They want/need to be part of a community. Too many organizations believe that a website is about opening a new marketing channel, getting donations, promoting a brand, or increasing company sales by 15%. No. It's about solving your customers' problems.
![Page 39: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/39.jpg)
Write these two sentences where you can see
them as you're working:
![Page 40: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/40.jpg)
DO
Use CONTRAST!!!!Contrast is the difference in visual properties that makes an object (or its representation in an image) distinguishable from other objects and the background.
![Page 41: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/41.jpg)
DON’T
Use design elements that get in the way of the sale.
Some of the many, many other techniques that get in the way of the sale: Splash Pages, FlashSplash Pages (Video), animations, lack of focal point on the page, too much text, too little text, too many pictures, etc.
When people arrive at your site, it's because they've made a commitment. They've clicked a link or an ad and now they are at your site so you don't have to try to seduce them. Let them in your site.
![Page 42: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/42.jpg)
DON’T: Put Too much material on one
page.
Yes, it's called a web page, but that doesn't mean you have to cram all your material on one page. It's very easy to keep adding material to your home page until it gets out of control.
With so much content vying for attention, it’s difficult for the eyes to find the focal point. People get confused and they leave. A long web page means you have failed to organize your site properly — probably a combination of not planning your site and poor navigation. An example of too much material on one page is Arngren.net.
![Page 43: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/43.jpg)
![Page 44: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/44.jpg)
DON’T: Misuse Flash
For Example: You have to watch a boring, soundless, twenty second flash introduction with no option to skip it. If you're still around when the content loads, the pain doesn't stop. There is a lovely eight or ten second delay between when you click one of the navigation options and when the content actually arrives.
OR: You arrive at a site you’re interested in and all of a sudden a person pops up and starts talking to you. 98% of people will run for the hills! This screams scam!!
Again, I’m already on your site, stop pitching it!
![Page 45: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/45.jpg)
DO: Use Consistency
Make sure that all graphics, fonts and colors are consistent in your site. If you are developing your site, put together a guideline beforehand of colors and fonts that you will stay within and don’t stray away from it.
DO: Use Headlines To Break Apart Text!
Most people quickly skim through your page’s copy to find the answer they are looking for. If you have a page that contains a lot of copy, break it apart by using headlines such as <h1>, <h2>, etc…
![Page 46: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/46.jpg)
Part 5
Monitoring Your Results
You can use these 2 free tracking programs to gauge the impact of your call-to-action graphics over time:
www.statcounter.com
www.google.com/analytics/
![Page 47: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/47.jpg)
Two things to monitor
Are your visitors clicking on your graphic to get to the call-to-action page?
![Page 48: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/48.jpg)
![Page 49: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/49.jpg)
![Page 50: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/50.jpg)
![Page 51: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/51.jpg)
2 Things to monitor:
Bounce Rate
Is your Bounce Rate decreasing, meaning people are taking an action once they are on your website?
![Page 52: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/52.jpg)
![Page 53: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/53.jpg)
![Page 54: Business Graphics and Web Design Tactics](https://reader033.vdocuments.us/reader033/viewer/2022052822/554d1da1b4c905ca208b48cb/html5/thumbnails/54.jpg)