Quick Fix-Up Redesign of Tap11.com

So, a company called Tap11 just got acquired by the founders of YouTube. I head over to their site to check it out and couldn’t help but mockup a quick fix. Now they only need to make a few changes to make it all better, no big redesign needed here.

Original:

Here’s what’s wrong:

  • Improper alignment
    • The tap11 logo is far left, the page links are far right, the screenshot is almost centered, the call-to-action button “request a free trial” and text above is far left. Things are not balanced.
  • The screenshot is facing away from the call-to-action button.
  • The recognition (aka featured on) logos are not all out in the open. There are only 5 logos to show so why hide and separate them? Most users are not going to click the next arrow just to see the rest.
  • The icons for key features have no descriptions underneath them. I have to mouseover each and every one individually to see a description. They are also orange. So they compete with the call-to-action button.
  • The “sign in”, “view all press”, “follow us on Twitter” buttons are all orange and compete with the call-to-action button for visual attention.
  • The logo and screenshot are too big and either break the balance of the page or compete for visual attention when they shouldn’t.

Despite having quite a few things wrong, it’s all very easy to fix, no major redesign is needed.

Redesign:

What was changed:

Well there you have it. Much better I think. Sometimes it’s hard to know why something isn’t right. It takes time to learn to spot why something feels “off”. I myself have a lot to learn before I can call myself a true designer but it’s through these little exercises and redesigns that I learn the most. Hopefully you learned something too.

 

These little mistakes happen when developers buy a template for $20 bucks and try to fit their content into it. It almost never works out without modifications because the template needs to be changed so it can display your content correctly. A site is designed around its content, not the other way around.

By the way, over the last 5-7 years I’ve noticed these sorts of little mistakes more and more. I think this is because design has become a commodity and more people are using pre-made templates. And by trying to fit their product or service into a pre made template you get a lot of these little akward design glitches. Which is actually not bad. Instad of terrible looking websites we now have good websites with a few easily fixable mistakes here and here.

Ok, this is the end now.

91 Comments

  1. Thank you for your article.Really thank you! Really Great.

  2. “Thanks for the blog article.Much thanks again. Keep writing.”

  3. Very informative blog.Thanks Again. Fantastic.

  4. Hey, thanks for the post.Really looking forward to read more. Cool.

  5. I loved your article. Really Great.

  6. Im thankful for the article post.Really thank you! Fantastic.

  7. Fantastic blog post.Really looking forward to read more. Want more.

  8. I think this is a real great post.Thanks Again. Great.

  9. I think this is a real great article.Really thank you! Great.

  10. Thanks so much for the article post.Really looking forward to read more. Fantastic.

  11. dildo says:

    A further issue is that video games can be serious naturally with the main focus on knowing things rather than entertainment. Although, there is an entertainment aspect to keep the kids engaged, each and every game is generally designed to improve a specific experience or program, such as mathematics or scientific research. Thanks for your post.

  12. A big thank you for your blog.Much thanks again. Want more.

  13. Enjoyed every bit of your blog article.Really looking forward to read more. Much obliged.

  14. “Hi there very cool web site!! Guy.. Beautiful.. Superb.. I’ll bookmark your website and take the feeds additionally…I’m satisfied to search out a lot of helpful info here in the post, we need work out extra techniques on this regard, thank you for sharing……”

  15. Looking forward to reading more. Great blog.Much thanks again. Really Great.

  16. Thanks for sharing, this is a fantastic blog post.Thanks Again. Keep writing.

  17. I value the blog article.Much thanks again. Keep writing.

  18. “Wow! Thank you! I always needed to write on my website something like that. Can I include a fragment of your post to my website?”

  19. dmca says:

    I’ve learn some just right stuff here. Definitely value bookmarking for revisiting. I wonder how much attempt you set to make this kind of excellent informative site.

  20. Thanks a lot for the post.Much thanks again. Want more.

  21. cpasbien says:

    Hello there! This is my first visit to your blog! We are a group of volunteers and starting a new initiative in a community in the same niche. Your blog provided us beneficial information to work on. You have done a wonderful job!

  22. I loved your blog article.Thanks Again. Keep writing.

  23. Very good blog.Really thank you! Cool.

  24. dmca says:

    Thanks for the auspicious writeup. It in reality was once a enjoyment account it. Glance complex to far delivered agreeable from you! By the way, how can we be in contact?

  25. dmca says:

    As I site possessor I believe the content matter here is rattling wonderful , appreciate it for your efforts. You should keep it up forever! Good Luck.

  26. dmca says:

    I enjoy the efforts you have put in this, thank you for all the great posts.

  27. Thank you ever so for you blog article.Really looking forward to read more.

  28. “Thanks again for the blog article.Really thank you! Really Cool.”

  29. Really enjoyed this post.Thanks Again. Really Great.

  30. I have read some good stuff here. Certainly worth bookmarking for revisiting. I wonder how much effort you put to make such a wonderful informative web site.

  31. Very neat blog article.Thanks Again. Want more.

  32. dildo set says:

    Very neat article.Really looking forward to read more. Really Great.

  33. Thank you for your article post. Much obliged.

  34. Hey, thanks for the article.Thanks Again. Cool.

  35. Im thankful for the post.Thanks Again. Cool.

  36. Very good article post. Awesome.

  37. I value the article.Thanks Again. Keep writing.

  38. Say, you got a nice article.Really looking forward to read more. Much obliged.

  39. “You made some nice points there. I looked on the internet for the issue and found most people will consent with your website.”

  40. Uber code says:

    Great post.Really thank you! Fantastic.

  41. Major thanks for the blog article.Thanks Again. Much obliged.

Leave a Reply

Your email address will not be published. Required fields are marked *