Making our landing page interactive

One thing I noticed with visitors of gater.dev is that many spend a looooong time looking at our code snippets - that's a great sign!

But the reality, gater is more than just an API - we also have a powerful dashbaord that allows non technical people on a team to manager user entitlement provisioning (i.e. in case something went wrong with a payment webhook and you have to manually update a customer's access rights to your app).

What's the best way to convey this value add? Enter interactive components.

We built this over the weekend and just deployed our updated website ✨

The idea is that right off the bat, underneath the hero section, we have an interactive playground to showcase some of the core actions you can perform on gater's dashboard, without having to register first.

Some companies use demo videos and/or demo walkthroughs, but the problem with these in our context is that it's hard to show what happens in the customer's app when something happens in our dashboard.

So we thought a side by side interactive component would be the answer. On the left side, you have an instance of the gater dashboard, and on the left side, you have an example app. Actions performed on the left side immediately show up as effects on the right side example app.

Again, the goal here is to convey more clearly what gater can do for SaaS companies that want to implement robust pricing and entitlement logic.

Hopefully this tweak drives toward the goal! 🤞