Case Study: Superchat new user Onboarding (UX) Teardown
Just stumbled upon Superchat and really loved the interface. Just tiny nitpicks can make the “First Impression” or “Pre-Signup Stage and Post Signup” even better.
Things to improve what I observed:
📝 Keep a maximum variation of 2–3 font sizes
📝 Maximum of two CTAs — One Primary, One Secondary
📝 Do not use confusing CTAs ie. Book a Demo, Request a Demo..
📝 Make sure Interaction is unobstrusive. When I reached out to click on the
“Interactive Demo” , a flat menu drop down appeared.
📝 Tie in the product story from above the scroll till below. For example, suddenly the context of Watsapp came after two scroll. It should have been above the fold.
📝 Interaction Demo should make users do something. When users do they grasp the mechanics. When we tell or ask them to read, they have poor recall value.
📝 First provide value and then ask for Email Id. It’s a simple Give and Take.
📝 Also, explain why are you asking the data and what will you do with the data when they switch.
📝 Just reduce time to value and do not throw them off the journey by signup walls.
📝 “Confirm Email” Can Happen Later. This is a classic case where we see a lot of new users dropping off.
🙌What I liked about the interface:
✅ Looks professional, nice layout, transition, styling
✅ Interactive Demo with voice overs is so good. Not many companies do that. Goes on to show their customer centricity.
✅ Some of the messaging are just so good.
✅ Nice use of Imagery, voice etc.
All in all, good work Superchat team.
Wanna a learn UX of Onboarding? Let’s connect! Please mention “Learner” in your connect request.
Find me on LinkedIn: ➡️https://www.linkedin.com/in/productdesigneronboardingux/➡️
I offer comprehensive UI/UX onboarding audits and consultations, tailored specifically for product managers, Startups, and Product designers in Europe and the US.
#teardown hashtag#uxaudit hashtag#uiaudit hashtag#productledgrowth hashtag#productled hashtag#startups hashtag#berlinstartups
