logging in or signing up Top 10 Graphic Design Mistakes Part 2 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: 57 Category: Entertainment 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 2 : Top 10 Graphic Design MistakesPart 2 By Marlon Sanders www.designdashboard.com Second Opinion Design Clinic: Site #3 : Site Information: Digitally delivered “how to” infoproduct that teaches you how to detail cars for profits. Symptoms: Too much yellow used throughout the page with a blue background that’s somewhat too bright. Prescription: Reduce the size of the yellow tables spread throughout the page. Replace the background. Second Opinion Design Clinic: Site #3 Site URL: http://www.detailingprofits.com Site Age: 1 Year, 4 Months (Online Since July 2004) www.designdashboard.com Observation: : Observation: Here’s an interesting twist on an info-product that teaches you how to take nothing more than a vacuum and potentially make an extra $200 to $500 a week detailing cars. This is a topic I’ve seen nothing about in the past and it’s a refreshing twist on the usual “how to” info-products I’m used to seeing, so congratulations to Pete Egeler, owner of detailingprofits.com www.designdashboard.com Web Design Mistake #2: Site 3 : Web Design Mistake #2: Site 3 As I scroll through the sales letter I’m seeing good use of testimonials spread throughout the page and lots of yellow highlighting on the important notes Pete wants to make in his sales copy. One thing I want to mention about that is when you’re working with colors, anytime you have a color that’s strong, like red, blue or yellow, it’s best to use them sparingly. www.designdashboard.com Web Design Mistake #2: Site 3 : Web Design Mistake #2: Site 3 Just as you wouldn’t paint an entire room red, you shouldn’t use bright colors on your web site as anything but accents. For example, the yellow highlighting on text displayed on the page is perfect... But with all the text boxes having the bright yellow background AND the yellow highlighting, it’s too much. www.designdashboard.com Second Opinion Design Clinic: Site #4 : Site Information: Providing “No Splat Zone” infoproducts, free e-courses and demo videos. Symptoms: Unclear to new web site visitors as to what the “No Splat Zone” really is. Prescription: Clearly identify what your product is about on the main page of the website. Second Opinion Design Clinic: Site #4 Site URL: http://www.nosplatzone.com Site Age: 7 Months (Online Since March 2005) www.designdashboard.com Observation: : Observation: Out of all the sites I browsed through from the 100+ URL’s submitted by our Milcer members for the “Pimp My Web Site” challenge, I’ve got to say, hands down, the nosplatzone.com web site has one of the nicest and cleanest designs I’ve seen. So congratulations goes to Mark Rosenberger, owner of the nosplatzone.com domain. www.designdashboard.com Observation: : Observation: I like everything there is related to the design of the web site. It’s a good size, it’s got the opt-in box on the main page, it’s got a free ebook offer, meeting planners, demo videos and much more. The logo is eye catching and interesting. The use of colors is kept to a minimum. 1) Black 2) Red 3) White www.designdashboard.com Observation: : Observation: Plain and simple. Very nice. Easy to read. The graphic book cover has been well designed and the layout of the website is easy to navigate. www.designdashboard.com Web Design Mistake #10: Site 4 : Web Design Mistake #10: Site 4 The one big concern I have with the osplatzone.com website doesn’t have anything to do with the actual design of it. It’s got to do with CLEARLY IDENTIFYING YOUR OFFER. The first time I went to the site, I was confused about what the web site had to offer. www.designdashboard.com Web Design Mistake #10: Site 4 : Web Design Mistake #10: Site 4 When you click the navigation button that says SPLAT! Training, the next page shows a picture of someone who looks as if they’re undergoing trapeze artist training. It was that picture, coupled with the “trapeze buddy” terms that gave me the wrong impression about what the actual book was teaching. www.designdashboard.com Web Design Mistake #10: Site 4 : Web Design Mistake #10: Site 4 Anyone looking for this type of product could easily go sailing right past the offer, also mistaking the content for something it’s not. It wasn’t until I asked my assistant to go through the site from one end to the other that I found out it’s actually a handbook on how to hire people you can count on. www.designdashboard.com Site Recommendations: Site 4 : Site Recommendations: Site 4 1. I’ve got no actual recommendations on the design of the site itself. It looks great. Very nice, clean, neat and easy to navigate. Perhaps some clarification on the actual content of the ebook (or print book) on the website would help sort out any confusion new visitors have as they arrive on the site. www.designdashboard.com Site Recommendations: Site 4 : Site Recommendations: Site 4 Unless of course all your web traffic comes from people that are already aware of your offer, or own previous versions of the No Splat Zone book. 2. Visit www.designdashboard.com for step by step “exactly what to do and how to do it” instructions on creating a web site that sells! www.designdashboard.com Second Opinion Design Clinic: Site #5 : Site Information: Selling a very interesting product called the “Fire Dancer” which is a propane fueled campfire. Symptoms: Too graphic heavy, with valuable real estate being used to convey a welcome message. Prescription: Try a new template & left align the text. Second Opinion Design Clinic: Site #5 Site URL: http://www.thefiredancer.net Site Age: 4 Months (Online Since June 2005) www.designdashboard.com Observation: Site 5 : Observation: Site 5 I find it incredibly interesting when I come across web sites like this that are selling a tangible product like the Fire Dancer from Jack McCleskey, a Milcer member since August, 2005. Workng with so many members and customers selling info-products and “how to” courses, it’s easy to forget all about physical products. www.designdashboard.com Observation: Site 5 : Observation: Site 5 The Fire Dancer from Jack looks like a great product, especially ideal for dry, timber rich areas that are prone to forest fires in the summer! (I didn’t read that anywhere on the site but it’d make for a great bullet, wouldn’t it?) * Don’t be the one responsible for setting an accidental forest fire! Use the Fire Dancer when camping during fire season. www.designdashboard.com Web Design Mistake #1: Site 5 : Web Design Mistake #1: Site 5 With a product like this it’s only natural to want to display an image of it on the first fold (that’s the space you can see in your browser window before you have to scroll down) of the page, but in this case I feel a lot of valuable “web page real estate” is being wasted to offset the image. www.designdashboard.com Web Design Mistake #1: Site 5 : Web Design Mistake #1: Site 5 The amount of black at the top is too much, with the only thing offsetting it a message that says: Welcome To TheFireDancer.net A Sunchaser Enterprises, LLC Website If anyone reading this has recently read the “Web Site Sales Process Repair Kit” then you’ll already know what’s wrong with that welcome message... www.designdashboard.com Web Design Mistake #1: Site 5 : Web Design Mistake #1: Site 5 Tip: Unless you’re building a personal family website, you should never use such valuable real estate as the first “fold” of the page to convey a “welcome message” like that. www.designdashboard.com Site Recommendations: Site #5 : Site Recommendations: Site #5 1. In lieu of the large black graphic header, which weighs heavily down the page and feels as if its pushing the text down, out of sight, why not use the top graphic area for your product’s USP, with an image of it off to the left or right hand side? www.designdashboard.com Site Recommendations: Site #5 : Site Recommendations: Site #5 Here’s a QUICK example that we threw together in Photoshop just to show you the possibilities and potential: www.designdashboard.com Site Recommendations: Site #5 : Site Recommendations: Site #5 Of course the actual sales letter would be much longer and would contain bullets, features and benefits. 2. Visit www.designdashboard.com for instant access to everything you need to create a web site, mini-site or affiliate pre-sell page that SELLS! www.designdashboard.com Second Opinion Design Clinic: Site #6 : Site Information: Provides photo restoration and image enhancement services. Symptoms: Site is too cluttered, looks aged. Prescription: New template with an up to date look that includes lots of white space and clear, up close samples. Second Opinion Design Clinic: Site #6 Site URL: http://www.wheelofimage.com Site Age: 2 Years, 8 Months (Online Since Feb 2003) www.designdashboard.com Observation: Site #6 : Observation: Site #6 Owned by Milcer member Maciej Karwowski, the wheelofimage.com site provides photo restoration and image enhancement service. This is one of the first service business web sites submitted by our Milcer members, so it’s a delight to review the site and see everything that wheelofimage.com has to offer! www.designdashboard.com Observation: Site #6 : Observation: Site #6 It looks like Maciej’s got you covered if you’ve got any images that are torn, scratched or damaged in a way you’d think of them as unusable -- so definitely stop by if you need any photo restoration or enhancement. The first photo job is free which says a lot about the quality of work and guarantee you can expect! www.designdashboard.com Web Design Mistake #7: Site #6 : Web Design Mistake #7: Site #6 The main issue with this site is that there’s simply way too much information crammed into too small of a space. Without absolute dividers (think text boxes) or a left hand side navigation bar to hold some of the smaller amounts of text, it’s simply going to look cluttered and disorganized. www.designdashboard.com Site Recommendations: Site #6 : Site Recommendations: Site #6 1. What I’d really like to see is a web site that matches the “digital” photo enhancement services provided by wheelofimage.com The existing site doesn’t really do justice to the services provided, so a more up to date look could do wonders. www.designdashboard.com Site Recommendations: Site #6 : Site Recommendations: Site #6 2. I’d also like to see the demo photos moved to the main page in place of the wheel which I have to admit is a little confusing and seems slightly out of place. With the exception of the tie-in with the domain name, I can’t understand the need for the wheel which, when clicked, delivers a random tip. www.designdashboard.com Site Recommendations: Site #6 : Site Recommendations: Site #6 In place of the wheel let’s drop in a few before and after photos and perhaps above or below that you can include an OPT-IN SUBSCRIPTION BOX that gives your visitors a chance to sign up for your mailing list. Then you deliver the random tips that way, via your autoresponder. www.designdashboard.com Site Recommendations: Site #6 : Site Recommendations: Site #6 3. Finally, I’d like to see a new template here with a very up to date look, like this example 4. Visit ww.designdashboard.com for tips on editing your existing web page, or creating a new one. 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 2 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: 57 Category: Entertainment 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 2 : Top 10 Graphic Design MistakesPart 2 By Marlon Sanders www.designdashboard.com Second Opinion Design Clinic: Site #3 : Site Information: Digitally delivered “how to” infoproduct that teaches you how to detail cars for profits. Symptoms: Too much yellow used throughout the page with a blue background that’s somewhat too bright. Prescription: Reduce the size of the yellow tables spread throughout the page. Replace the background. Second Opinion Design Clinic: Site #3 Site URL: http://www.detailingprofits.com Site Age: 1 Year, 4 Months (Online Since July 2004) www.designdashboard.com Observation: : Observation: Here’s an interesting twist on an info-product that teaches you how to take nothing more than a vacuum and potentially make an extra $200 to $500 a week detailing cars. This is a topic I’ve seen nothing about in the past and it’s a refreshing twist on the usual “how to” info-products I’m used to seeing, so congratulations to Pete Egeler, owner of detailingprofits.com www.designdashboard.com Web Design Mistake #2: Site 3 : Web Design Mistake #2: Site 3 As I scroll through the sales letter I’m seeing good use of testimonials spread throughout the page and lots of yellow highlighting on the important notes Pete wants to make in his sales copy. One thing I want to mention about that is when you’re working with colors, anytime you have a color that’s strong, like red, blue or yellow, it’s best to use them sparingly. www.designdashboard.com Web Design Mistake #2: Site 3 : Web Design Mistake #2: Site 3 Just as you wouldn’t paint an entire room red, you shouldn’t use bright colors on your web site as anything but accents. For example, the yellow highlighting on text displayed on the page is perfect... But with all the text boxes having the bright yellow background AND the yellow highlighting, it’s too much. www.designdashboard.com Second Opinion Design Clinic: Site #4 : Site Information: Providing “No Splat Zone” infoproducts, free e-courses and demo videos. Symptoms: Unclear to new web site visitors as to what the “No Splat Zone” really is. Prescription: Clearly identify what your product is about on the main page of the website. Second Opinion Design Clinic: Site #4 Site URL: http://www.nosplatzone.com Site Age: 7 Months (Online Since March 2005) www.designdashboard.com Observation: : Observation: Out of all the sites I browsed through from the 100+ URL’s submitted by our Milcer members for the “Pimp My Web Site” challenge, I’ve got to say, hands down, the nosplatzone.com web site has one of the nicest and cleanest designs I’ve seen. So congratulations goes to Mark Rosenberger, owner of the nosplatzone.com domain. www.designdashboard.com Observation: : Observation: I like everything there is related to the design of the web site. It’s a good size, it’s got the opt-in box on the main page, it’s got a free ebook offer, meeting planners, demo videos and much more. The logo is eye catching and interesting. The use of colors is kept to a minimum. 1) Black 2) Red 3) White www.designdashboard.com Observation: : Observation: Plain and simple. Very nice. Easy to read. The graphic book cover has been well designed and the layout of the website is easy to navigate. www.designdashboard.com Web Design Mistake #10: Site 4 : Web Design Mistake #10: Site 4 The one big concern I have with the osplatzone.com website doesn’t have anything to do with the actual design of it. It’s got to do with CLEARLY IDENTIFYING YOUR OFFER. The first time I went to the site, I was confused about what the web site had to offer. www.designdashboard.com Web Design Mistake #10: Site 4 : Web Design Mistake #10: Site 4 When you click the navigation button that says SPLAT! Training, the next page shows a picture of someone who looks as if they’re undergoing trapeze artist training. It was that picture, coupled with the “trapeze buddy” terms that gave me the wrong impression about what the actual book was teaching. www.designdashboard.com Web Design Mistake #10: Site 4 : Web Design Mistake #10: Site 4 Anyone looking for this type of product could easily go sailing right past the offer, also mistaking the content for something it’s not. It wasn’t until I asked my assistant to go through the site from one end to the other that I found out it’s actually a handbook on how to hire people you can count on. www.designdashboard.com Site Recommendations: Site 4 : Site Recommendations: Site 4 1. I’ve got no actual recommendations on the design of the site itself. It looks great. Very nice, clean, neat and easy to navigate. Perhaps some clarification on the actual content of the ebook (or print book) on the website would help sort out any confusion new visitors have as they arrive on the site. www.designdashboard.com Site Recommendations: Site 4 : Site Recommendations: Site 4 Unless of course all your web traffic comes from people that are already aware of your offer, or own previous versions of the No Splat Zone book. 2. Visit www.designdashboard.com for step by step “exactly what to do and how to do it” instructions on creating a web site that sells! www.designdashboard.com Second Opinion Design Clinic: Site #5 : Site Information: Selling a very interesting product called the “Fire Dancer” which is a propane fueled campfire. Symptoms: Too graphic heavy, with valuable real estate being used to convey a welcome message. Prescription: Try a new template & left align the text. Second Opinion Design Clinic: Site #5 Site URL: http://www.thefiredancer.net Site Age: 4 Months (Online Since June 2005) www.designdashboard.com Observation: Site 5 : Observation: Site 5 I find it incredibly interesting when I come across web sites like this that are selling a tangible product like the Fire Dancer from Jack McCleskey, a Milcer member since August, 2005. Workng with so many members and customers selling info-products and “how to” courses, it’s easy to forget all about physical products. www.designdashboard.com Observation: Site 5 : Observation: Site 5 The Fire Dancer from Jack looks like a great product, especially ideal for dry, timber rich areas that are prone to forest fires in the summer! (I didn’t read that anywhere on the site but it’d make for a great bullet, wouldn’t it?) * Don’t be the one responsible for setting an accidental forest fire! Use the Fire Dancer when camping during fire season. www.designdashboard.com Web Design Mistake #1: Site 5 : Web Design Mistake #1: Site 5 With a product like this it’s only natural to want to display an image of it on the first fold (that’s the space you can see in your browser window before you have to scroll down) of the page, but in this case I feel a lot of valuable “web page real estate” is being wasted to offset the image. www.designdashboard.com Web Design Mistake #1: Site 5 : Web Design Mistake #1: Site 5 The amount of black at the top is too much, with the only thing offsetting it a message that says: Welcome To TheFireDancer.net A Sunchaser Enterprises, LLC Website If anyone reading this has recently read the “Web Site Sales Process Repair Kit” then you’ll already know what’s wrong with that welcome message... www.designdashboard.com Web Design Mistake #1: Site 5 : Web Design Mistake #1: Site 5 Tip: Unless you’re building a personal family website, you should never use such valuable real estate as the first “fold” of the page to convey a “welcome message” like that. www.designdashboard.com Site Recommendations: Site #5 : Site Recommendations: Site #5 1. In lieu of the large black graphic header, which weighs heavily down the page and feels as if its pushing the text down, out of sight, why not use the top graphic area for your product’s USP, with an image of it off to the left or right hand side? www.designdashboard.com Site Recommendations: Site #5 : Site Recommendations: Site #5 Here’s a QUICK example that we threw together in Photoshop just to show you the possibilities and potential: www.designdashboard.com Site Recommendations: Site #5 : Site Recommendations: Site #5 Of course the actual sales letter would be much longer and would contain bullets, features and benefits. 2. Visit www.designdashboard.com for instant access to everything you need to create a web site, mini-site or affiliate pre-sell page that SELLS! www.designdashboard.com Second Opinion Design Clinic: Site #6 : Site Information: Provides photo restoration and image enhancement services. Symptoms: Site is too cluttered, looks aged. Prescription: New template with an up to date look that includes lots of white space and clear, up close samples. Second Opinion Design Clinic: Site #6 Site URL: http://www.wheelofimage.com Site Age: 2 Years, 8 Months (Online Since Feb 2003) www.designdashboard.com Observation: Site #6 : Observation: Site #6 Owned by Milcer member Maciej Karwowski, the wheelofimage.com site provides photo restoration and image enhancement service. This is one of the first service business web sites submitted by our Milcer members, so it’s a delight to review the site and see everything that wheelofimage.com has to offer! www.designdashboard.com Observation: Site #6 : Observation: Site #6 It looks like Maciej’s got you covered if you’ve got any images that are torn, scratched or damaged in a way you’d think of them as unusable -- so definitely stop by if you need any photo restoration or enhancement. The first photo job is free which says a lot about the quality of work and guarantee you can expect! www.designdashboard.com Web Design Mistake #7: Site #6 : Web Design Mistake #7: Site #6 The main issue with this site is that there’s simply way too much information crammed into too small of a space. Without absolute dividers (think text boxes) or a left hand side navigation bar to hold some of the smaller amounts of text, it’s simply going to look cluttered and disorganized. www.designdashboard.com Site Recommendations: Site #6 : Site Recommendations: Site #6 1. What I’d really like to see is a web site that matches the “digital” photo enhancement services provided by wheelofimage.com The existing site doesn’t really do justice to the services provided, so a more up to date look could do wonders. www.designdashboard.com Site Recommendations: Site #6 : Site Recommendations: Site #6 2. I’d also like to see the demo photos moved to the main page in place of the wheel which I have to admit is a little confusing and seems slightly out of place. With the exception of the tie-in with the domain name, I can’t understand the need for the wheel which, when clicked, delivers a random tip. www.designdashboard.com Site Recommendations: Site #6 : Site Recommendations: Site #6 In place of the wheel let’s drop in a few before and after photos and perhaps above or below that you can include an OPT-IN SUBSCRIPTION BOX that gives your visitors a chance to sign up for your mailing list. Then you deliver the random tips that way, via your autoresponder. www.designdashboard.com Site Recommendations: Site #6 : Site Recommendations: Site #6 3. Finally, I’d like to see a new template here with a very up to date look, like this example 4. Visit ww.designdashboard.com for tips on editing your existing web page, or creating a new one. 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