When people try a demo of your product, they should be able to tell right away what belongs to the service and what is only there to help them demo it.
In my booking chat for a driving school, I noticed the tester links were a little confusing: VIEW AS EMIL sat in the chat header and START OVER next to the learner's answers, as if they were part of the service.
A is how it looked before. B is the change I made: I moved the demo controls into a DEMO bar on top, in their own dashed style.
B, the demo bar. Making it obvious what is the real service versus what is only there to help them try it removes that split-second of confusion, and in a demo confusion is what kills conversion. A little persistent context bar is a clean fix. Good catch on the tester links.
You don’t need huge headlines or long explanations. You need the right image + short headline + clear offer.
For the first version, we worked on the branding, the image and the copy together, so at first glance it’s clear: this is a makeup course, and here’s what you’ll get.
The second version is still beautiful and still feels like beauty. But what are you actually getting? A makeup course? Products? A store? That’s the problem with a Hero that looks good but isn’t thought through.
Your first screen doesn’t need to say everything. It just needs to say the right thing.