logging in or signing up Top 10 Graphic Design Mistakes Part 1 marlonsand2 Download Post to : URL : Related Presentations : Share Add to Flag Embed Email Send to Blogs and Networks Add to Channel Uploaded from authorPOINT lite Insert YouTube videos in PowerPont slides with aS Desktop Copy embed code: (To copy code, click on the text box) Embed: URL: Thumbnail: WordPress Embed Customize Embed The presentation is successfully added In Your Favorites. Views: 269 Category: Product Traini.. License: All Rights Reserved Like it (0) Dislike it (0) Added: February 12, 2010 This Presentation is Public Favorites: 0 Presentation Description How to Avoid the Top 10 Graphic Design Mistakes in Landing Pages, Mini Sites, Affiliate Pre-Sell Pages and Sales Pages Comments Posting comment... Premium member Presentation Transcript Top 10 Graphic Design MistakesPart 1 : Top 10 Graphic Design MistakesPart 1 By Marlon Sanders www.designdashboard.com IN THIS SPECIAL “INSIDERS” REPORT: : IN THIS SPECIAL “INSIDERS” REPORT: FEATURED ARTICLE: How To Avoid The Top 10 Design Mistakes In Landing Pages, Mini Sites, Affiliate Pre -Sell Pages and Sales Pages ” Graphic Design 911: 10 Quick Fixes for Your Graphic And Web Design Emergencies ! THE DESIGNERS TOOLBOX www.designdashboard.com DESIGN DASHBOARD SPECIAL REPORT reveals... : DESIGN DASHBOARD SPECIAL REPORT reveals... Dear Friend, Several weeks ago I launched a brand new digital info-product called “The Design Dashboard www.designdashboard.com To help illustrate the many different ways the Design Dashboard can help you, I’m going to reveal the top “sales process” mistakes being made on the average web site. www.designdashboard.com Slide 4: What we’re going to do now is take a look at the top 10 web page DESIGN mistakes being made. Whether you’re creating web pages, landing pages, affiliate pre-sell pages or name squeeze pages, there are certain mistakes you’ve absolutely GOT to watch out for. www.designdashboard.com Slide 5: Let’s take a look at some of those crucial design do’s and dont’s now. Then we’ll do a check up on some Milcer member web sites and see how well they do in the “design clinic” www.designdashboard.com Slide 6: Mistake #1: Using too large of a graphic header on the top of your page. Mistake #2: Using “washed out” colors that make your web site feel drab and lifeless. Or using colors that are WAY too bright. www.designdashboard.com Slide 7: Mistake #3: Using more than four colors (one of those being black!) on your web site. Mistake #4: Using more than four different TYPES of fonts on the same page. www.designdashboard.com Slide 8: Mistake #5: Displaying your sales “message” on a dark colored background! Mistake #6: Using too many “tricked out” scripts at once which causes browser “freeze” www.designdashboard.com Slide 9: Mistake #7: Cramming way too much content into too small of a space. (Not enough white space.) Mistake #8: Using “busy” or “watermarked” background patterns. www.designdashboard.com Second Opinion Design Clinic: Site #1 : Site Information: A very upbeat and exciting web site that provides you with the goods you’ve gotta have to go from “no” to “pro” as a salsa dancer! Symptoms: Color overload, claustrophobia. Prescription: Less colors and plenty of white space! Second Opinion Design Clinic: Site #1 Site URL: http://www.salsadancedvd.com Site Age: 1 Year, 7 Months (Online since March 04) www.designdashboard.com Slide 11: This is one of the more interesting, bright and colorful web sites I’ve seen in a long time! Selling a DVD that’ll teach you how to “Salsa Dance” in the privacy of your own home isn’t something just any old web design’s gonna be able to pull off -- so kudos to the site owner, Evan Margolin. www.designdashboard.com Slide 12: At Evan’s site you don’t have to be an expert Salsa Dancer to benefit from the DVD, nor do you have to be an expert site reviewer to know that within a few second of being on the home page tells you there’s something “fun” going on here! Most of the 10 design rules are being followed and the site is in pretty good shape overall. Slide 13: On a very positive note, I see a good strong headline on the page (although I’d prefer to see that outside of the top graphic header or on a white background so it’s easier to read) and the offer itself is clearly written. The DVD is easy to order, they’ve got testimonials displayed on the site and the photos make for a very nice personal touch. Web Design Mistakes #3, #5, #7 and #8: : Web Design Mistakes #3, #5, #7 and #8: Although a great web site overall, I did notice a few mistakes being made. 1. Although one or two bright colors can really benefit a design, I feel there are just too many colors on this page. For example, there’s too much yellow, especially when it’s clashing with the red displayed in the top graphic under the headline. www.designdashboard.com Web Design Mistakes #3, #5, #7 and #8: : Web Design Mistakes #3, #5, #7 and #8: 2. Having the sidebar all in black makes it difficult to read the text there, even though the fonts are in white with light yellow links. 3. The web page background itself (the yellow color under the text) should be a traditional white so the text is easier to read. www.designdashboard.com Web Design Mistakes #3, #5, #7 and #8: : Web Design Mistakes #3, #5, #7 and #8: 4. The dark yellow with the gradient leading towards the right tends to make your eyes stray in that direction continuously, which makes it hard to finish reading the sales message. www.designdashboard.com Site Recommendations: : Site Recommendations: 1. To put more emphasis on the well written headline, I suggest moving it down to the actual body of the page itself, keeping it below the graphic header. 2. Use a white background behind your sales message and do away with the yellow gradient background. www.designdashboard.com Site Recommendations: : Site Recommendations: 3. Use the majority of your colors in the top graphic header and keep the competing colors off the page that displays your sales message. 4. Use a light patterned background for the sidebar that will contain your links and do away with the black. www.designdashboard.com Site Recommendations: : Site Recommendations: 5. Try to free up some extra white space between tables and photos. This makes your page a lot easier to read. 6. Align your sales message to the left 7. Apply the steps in the Design Dashboard: http://www.designdashboard.com www.designdashboard.com Second Opinion Design Clinic: Site #2 : Site Information: A valuable membership site providing a much needed certificate printing service! Symptoms: Text is difficult to read. Layout is lightly cramped. Could benefit from a more technical design. Prescription: Needs tables to hold the sales message, resulting in shorter, easier to read lines of text. Second Opinion Design Clinic: Site #2 Site URL: http://www.getacertificate.com Site Age: 4 Months (Online Since June 2005) Observation: : Observation: This is one very valuable membership site! Based on my own personal experience, I can tell you it’s not easy to find QUALITY certificates that you can use as incentives. When I tried to get certificates to give to my resellers I nearly went crazy trying to get one that was even half decent... www.designdashboard.com Slide 22: The usual certificates you can get in your local Staples store never seem to have the right text on them and any I found online were too drab and “generic” to be of any real use. So it’s exciting to see a site that provides such a valuable, much needed “point ‘n click” certificate printing service! www.designdashboard.com Slide 23: From what I can see there are only one real design mistake being made -- with just few things that could use improving on this hot new membership site. www.designdashboard.com Web Design Mistake #2: : Web Design Mistake #2: 1. For a resource site as time saving as this, being technical in nature with it’s “point ‘n click” online printing and designing of certificates in PDF or Microsoft Word templates, I was hoping to see more of a “technical look and feel” to this design. www.designdashboard.com Web Design Mistake #2: : Web Design Mistake #2: On the same note, the colors as just a bit too drab which end up “dulling” the experience of visiting this site, and that takes a bit of the excitement away from such a great find. For an example on how to jazz up the colors while still keeping the overall professional look and feel I’d suggest that you take the blue bar that runs across the top of the page horizontally and try some alternate colors Web Design Mistake #2: : Web Design Mistake #2: The RGB code being used there is # 336699 which is fairly washed out for a blue. Using code # 2188F0 in it’s place may work more to your advantage. I absolutely love the way you’ve got the certificates displayed in the top graphic header and wouldn’t change that at all... Web Design Mistake #2: : Web Design Mistake #2: But it would be interesting to see how some nice “glassy” or “gel” buttons would look on the navigation bar, in place of the flat white round buttons showing there now. (Think mac.com for this design, as shown below!) Web Design Mistake #2: : Web Design Mistake #2: 2. The last thing I’d like to mention (although not classified as a mistake by any means) is that the page itself is quite wide which makes your sales message hard to read. If you take a look at the average newspaper or paperback novel you’ll see they use a MAXIMUM of 12 to 15 words per line which makes for the easiest readability. www.designdashboard.com Site Recommendations: Site #2 : Site Recommendations: Site #2 1. I’d like to see the sales letter text structured inside a table with a width of no more than 500 pixels. 2. Try a design that’s a little more “technical” in nature, using “Mac like” glassy or gel buttons for navigation. www.designdashboard.com Marlon Sanders’ Design Dashboard : Marlon Sanders’ Design Dashboard Copyright © 2010 by Higher Response Marketing Inc. For your web design needs. www.designdashboard.com and For more free web design tips, go to www.designdashboard.com/blog You do not have the permission to view this presentation. In order to view it, please contact the author of the presentation.
Top 10 Graphic Design Mistakes Part 1 marlonsand2 Download Post to : URL : Related Presentations : Share Add to Flag Embed Email Send to Blogs and Networks Add to Channel Uploaded from authorPOINT lite Insert YouTube videos in PowerPont slides with aS Desktop Copy embed code: (To copy code, click on the text box) Embed: URL: Thumbnail: WordPress Embed Customize Embed The presentation is successfully added In Your Favorites. Views: 269 Category: Product Traini.. License: All Rights Reserved Like it (0) Dislike it (0) Added: February 12, 2010 This Presentation is Public Favorites: 0 Presentation Description How to Avoid the Top 10 Graphic Design Mistakes in Landing Pages, Mini Sites, Affiliate Pre-Sell Pages and Sales Pages Comments Posting comment... Premium member Presentation Transcript Top 10 Graphic Design MistakesPart 1 : Top 10 Graphic Design MistakesPart 1 By Marlon Sanders www.designdashboard.com IN THIS SPECIAL “INSIDERS” REPORT: : IN THIS SPECIAL “INSIDERS” REPORT: FEATURED ARTICLE: How To Avoid The Top 10 Design Mistakes In Landing Pages, Mini Sites, Affiliate Pre -Sell Pages and Sales Pages ” Graphic Design 911: 10 Quick Fixes for Your Graphic And Web Design Emergencies ! THE DESIGNERS TOOLBOX www.designdashboard.com DESIGN DASHBOARD SPECIAL REPORT reveals... : DESIGN DASHBOARD SPECIAL REPORT reveals... Dear Friend, Several weeks ago I launched a brand new digital info-product called “The Design Dashboard www.designdashboard.com To help illustrate the many different ways the Design Dashboard can help you, I’m going to reveal the top “sales process” mistakes being made on the average web site. www.designdashboard.com Slide 4: What we’re going to do now is take a look at the top 10 web page DESIGN mistakes being made. Whether you’re creating web pages, landing pages, affiliate pre-sell pages or name squeeze pages, there are certain mistakes you’ve absolutely GOT to watch out for. www.designdashboard.com Slide 5: Let’s take a look at some of those crucial design do’s and dont’s now. Then we’ll do a check up on some Milcer member web sites and see how well they do in the “design clinic” www.designdashboard.com Slide 6: Mistake #1: Using too large of a graphic header on the top of your page. Mistake #2: Using “washed out” colors that make your web site feel drab and lifeless. Or using colors that are WAY too bright. www.designdashboard.com Slide 7: Mistake #3: Using more than four colors (one of those being black!) on your web site. Mistake #4: Using more than four different TYPES of fonts on the same page. www.designdashboard.com Slide 8: Mistake #5: Displaying your sales “message” on a dark colored background! Mistake #6: Using too many “tricked out” scripts at once which causes browser “freeze” www.designdashboard.com Slide 9: Mistake #7: Cramming way too much content into too small of a space. (Not enough white space.) Mistake #8: Using “busy” or “watermarked” background patterns. www.designdashboard.com Second Opinion Design Clinic: Site #1 : Site Information: A very upbeat and exciting web site that provides you with the goods you’ve gotta have to go from “no” to “pro” as a salsa dancer! Symptoms: Color overload, claustrophobia. Prescription: Less colors and plenty of white space! Second Opinion Design Clinic: Site #1 Site URL: http://www.salsadancedvd.com Site Age: 1 Year, 7 Months (Online since March 04) www.designdashboard.com Slide 11: This is one of the more interesting, bright and colorful web sites I’ve seen in a long time! Selling a DVD that’ll teach you how to “Salsa Dance” in the privacy of your own home isn’t something just any old web design’s gonna be able to pull off -- so kudos to the site owner, Evan Margolin. www.designdashboard.com Slide 12: At Evan’s site you don’t have to be an expert Salsa Dancer to benefit from the DVD, nor do you have to be an expert site reviewer to know that within a few second of being on the home page tells you there’s something “fun” going on here! Most of the 10 design rules are being followed and the site is in pretty good shape overall. Slide 13: On a very positive note, I see a good strong headline on the page (although I’d prefer to see that outside of the top graphic header or on a white background so it’s easier to read) and the offer itself is clearly written. The DVD is easy to order, they’ve got testimonials displayed on the site and the photos make for a very nice personal touch. Web Design Mistakes #3, #5, #7 and #8: : Web Design Mistakes #3, #5, #7 and #8: Although a great web site overall, I did notice a few mistakes being made. 1. Although one or two bright colors can really benefit a design, I feel there are just too many colors on this page. For example, there’s too much yellow, especially when it’s clashing with the red displayed in the top graphic under the headline. www.designdashboard.com Web Design Mistakes #3, #5, #7 and #8: : Web Design Mistakes #3, #5, #7 and #8: 2. Having the sidebar all in black makes it difficult to read the text there, even though the fonts are in white with light yellow links. 3. The web page background itself (the yellow color under the text) should be a traditional white so the text is easier to read. www.designdashboard.com Web Design Mistakes #3, #5, #7 and #8: : Web Design Mistakes #3, #5, #7 and #8: 4. The dark yellow with the gradient leading towards the right tends to make your eyes stray in that direction continuously, which makes it hard to finish reading the sales message. www.designdashboard.com Site Recommendations: : Site Recommendations: 1. To put more emphasis on the well written headline, I suggest moving it down to the actual body of the page itself, keeping it below the graphic header. 2. Use a white background behind your sales message and do away with the yellow gradient background. www.designdashboard.com Site Recommendations: : Site Recommendations: 3. Use the majority of your colors in the top graphic header and keep the competing colors off the page that displays your sales message. 4. Use a light patterned background for the sidebar that will contain your links and do away with the black. www.designdashboard.com Site Recommendations: : Site Recommendations: 5. Try to free up some extra white space between tables and photos. This makes your page a lot easier to read. 6. Align your sales message to the left 7. Apply the steps in the Design Dashboard: http://www.designdashboard.com www.designdashboard.com Second Opinion Design Clinic: Site #2 : Site Information: A valuable membership site providing a much needed certificate printing service! Symptoms: Text is difficult to read. Layout is lightly cramped. Could benefit from a more technical design. Prescription: Needs tables to hold the sales message, resulting in shorter, easier to read lines of text. Second Opinion Design Clinic: Site #2 Site URL: http://www.getacertificate.com Site Age: 4 Months (Online Since June 2005) Observation: : Observation: This is one very valuable membership site! Based on my own personal experience, I can tell you it’s not easy to find QUALITY certificates that you can use as incentives. When I tried to get certificates to give to my resellers I nearly went crazy trying to get one that was even half decent... www.designdashboard.com Slide 22: The usual certificates you can get in your local Staples store never seem to have the right text on them and any I found online were too drab and “generic” to be of any real use. So it’s exciting to see a site that provides such a valuable, much needed “point ‘n click” certificate printing service! www.designdashboard.com Slide 23: From what I can see there are only one real design mistake being made -- with just few things that could use improving on this hot new membership site. www.designdashboard.com Web Design Mistake #2: : Web Design Mistake #2: 1. For a resource site as time saving as this, being technical in nature with it’s “point ‘n click” online printing and designing of certificates in PDF or Microsoft Word templates, I was hoping to see more of a “technical look and feel” to this design. www.designdashboard.com Web Design Mistake #2: : Web Design Mistake #2: On the same note, the colors as just a bit too drab which end up “dulling” the experience of visiting this site, and that takes a bit of the excitement away from such a great find. For an example on how to jazz up the colors while still keeping the overall professional look and feel I’d suggest that you take the blue bar that runs across the top of the page horizontally and try some alternate colors Web Design Mistake #2: : Web Design Mistake #2: The RGB code being used there is # 336699 which is fairly washed out for a blue. Using code # 2188F0 in it’s place may work more to your advantage. I absolutely love the way you’ve got the certificates displayed in the top graphic header and wouldn’t change that at all... Web Design Mistake #2: : Web Design Mistake #2: But it would be interesting to see how some nice “glassy” or “gel” buttons would look on the navigation bar, in place of the flat white round buttons showing there now. (Think mac.com for this design, as shown below!) Web Design Mistake #2: : Web Design Mistake #2: 2. The last thing I’d like to mention (although not classified as a mistake by any means) is that the page itself is quite wide which makes your sales message hard to read. If you take a look at the average newspaper or paperback novel you’ll see they use a MAXIMUM of 12 to 15 words per line which makes for the easiest readability. www.designdashboard.com Site Recommendations: Site #2 : Site Recommendations: Site #2 1. I’d like to see the sales letter text structured inside a table with a width of no more than 500 pixels. 2. Try a design that’s a little more “technical” in nature, using “Mac like” glassy or gel buttons for navigation. www.designdashboard.com Marlon Sanders’ Design Dashboard : Marlon Sanders’ Design Dashboard Copyright © 2010 by Higher Response Marketing Inc. For your web design needs. www.designdashboard.com and For more free web design tips, go to www.designdashboard.com/blog