As I’ve been working through and applying my 9 Principles behind an Effective Landing Page, I’ve been experimenting with different ways to “show” what Braintrust and Tout does.
So far, I’ve found about three ways to effectively show people what your app does, and one that I’m absolutely in love with.
There is the **”show the app in all its glory, and point to stuff and explain what is going on without getting in the way”**
![Braintrust Screenshot 1](http://www.tawheedkader.com/wp-content/uploads/braintrust_screenshot_1.jpg)
Then, there is the **”show the app in all its glory, but don’t count on people moving their eyes back and forth AND reading so put it the explanations on top of the app”** way
![Tout Screenshot 1](http://www.tawheedkader.com/wp-content/uploads/tout_screenshot_1.png)
While this worked pretty well, I never liked the messyness this introduced. And then, I saw **Panic’s amazing solution to this problem**.
![Screen Shot 2010 05 05 at 5.59.13 pm](http://www.tawheedkader.com/wp-content/uploads/screen_shot_2010_05_05_at_55913_pm.png)
So far, I love this one the best. It has these emitting red dots around interesting areas. The red dots emmit a red halo and basically call out “hover over meeee!!” and when you do, the explanation appears gracefully.
I haven’t gone on to implement this technique yet, but it looks like this tutorial on mimicking image map behavior using CSS is the way to get this going along with some jQuery tools tooltip action.