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. This is a really nicely written article, thanks!

  2. “Enjoyed every bit of your article post. Great.”

  3. Very informative post.Really thank you! Want more.

  4. Awesome article post.Really looking forward to read more. Much obliged.

  5. download says:

    Thanks so much for the post. Want more.

  6. Very informative blog. Will read on…

  7. Very good article post.Much thanks again. Will read on…

  8. IHSG says:

    Really appreciate you sharing this article post.Really looking forward to read more.

  9. I really like and appreciate your blog.Thanks Again. Really Great.

  10. Looking forward to reading more. Great article post.Really looking forward to read more. Awesome.

  11. I think this is a real great blog.Thanks Again.

  12. aprons says:

    I really enjoy the article post.Really thank you! Will read on…

  13. Thanks for sharing, this is a fantastic post.Really looking forward to read more. Really Great.

  14. Im grateful for the blog article.Really looking forward to read more. Cool.

  15. Major thanks for the article post.Really thank you!

  16. Thanks so much for the post.Really looking forward to read more.

  17. I really enjoy the article post. Fantastic.

  18. watch says:

    This is one awesome article post.Really thank you! Fantastic.

  19. Boxbedarf says:

    I really enjoy the post.Much thanks again. Keep writing.

  20. dafabet says:

    A round of applause for your post. Great.

  21. Hey, thanks for the article post.Really thank you!

  22. I really enjoy the post.Much thanks again. Keep writing.

  23. I loved your blog article.Thanks Again. Fantastic.

  24. This is one awesome post.Really thank you! Awesome.

  25. I loved your blog article.Really looking forward to read more. Cool.

  26. Fantastic article post.Really looking forward to read more. Really Great.

  27. Thank you ever so for you blog. Great.

  28. “Im grateful for the article post.Much thanks again. Awesome.”

  29. Very neat article.Really looking forward to read more. Fantastic.

  30. This is one awesome article. Cool.

  31. Very informative article post. Will read on…

  32. wow, awesome post.Really looking forward to read more. Great.

  33. “A big thank you for your blog article. Great.”

  34. Thank you ever so for you blog article. Want more.

  35. “I was recommended this website by my cousin. I am not sure whether this post is written by him as no one else know such detailed about my trouble. You’re wonderful! Thanks!”

  36. Awesome blog article. Awesome.

  37. Very good article.Thanks Again. Really Cool.

  38. Muchos Gracias for your article.Much thanks again.

  39. “Thanks for the post.Thanks Again. Really Cool.”

  40. Looking forward to reading more. Great blog post.Really looking forward to read more. Cool.

  41. Great, thanks for sharing this blog post. Great.

  42. I think this is a real great blog article.Really looking forward to read more.

  43. Wow, great blog post.Thanks Again. Awesome.

  44. Thanks a lot for the blog post.Really thank you! Much obliged.

  45. “wow, awesome blog post.Much thanks again. Keep writing.”

  46. taxi says:

    Hey, thanks for the article post.Really looking forward to read more. Great.

  47. “Somebody essentially help to make seriously articles I would state. This is the very first time I frequented your web page and thus far? I amazed with the research you made to make this particular publish extraordinary. Fantastic job!”

  48. packraft says:

    I truly appreciate this post.Thanks Again. Awesome.

  49. Thanks for sharing, this is a fantastic blog.

Leave a Reply

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