Playbook Landing Page

I really love Dungeons and Dragons. It’s creative, collaborative storytelling at it’s best, and there’s a ton to be learned about product design and teamwork from roleplaying, especially as the game master.

One thing I certainly do not love about DnD is the math, and accounting. There’s a ton of it, from tracking health points, to keeping inventory under control, managing spells and slots…

Now that I’m no longer at Evaline, I’ve had more time to focus on projects like Playbook and VEXvolt, a hardware product. I’ve been working on Playbook for months, and am nearing a demo-ready product—which means I’ll need test users.

So, with the product goals of Playbook set out (beautiful, focused, no-fuss character sheets), I built a landing page to help interested people find Playbook, and express interest.

One of the driving technical challenges behind Playbook’s interface is taking the huge variety of interface components behind a possible character sheet (casters have very different sheets compared to fighters, and will vary further by class and race), and to filter it down to just what’s necessary at that moment. With the landing page, I did the same — the intro is just an intro, and when a user expresses interest in the product, they’re only presented with an input field.

The experience is focused on just what is important at that specific moment, sparing the user any unnecessary keystrokes or clicks.

In the future, I’d like to add a Mailchimp integration, in addition to the existing Slack integration, but for now, it’s just the Signup Wizard. When a user enters and submits their email, a Slack webhook posts to #playbook-signups! Here’s the code:

When a user submits their email, I get a nice little notication via Slack. :)

I’m definitely looking for beta testers to provide feedback on the early alpha in 2018, and could use some development help, especially with React. We’re using Next.js and Firestore.

Related posts:

Living though a pandemic is not something I would wish upon anyone. During difficult times, however, I have found myself to be more adaptable and resilient than expected. I believe by experiencing…

A content hub is the home of your content marketing efforts. It’s where most of your content lives, and it’s where you drive users. For many brands, it’s their strongest owned channel. So, why would…

Everyone wants to change the world, but no one knows how. Changing the world does not need to be on a grand scale. It can start by changing one individual who later changes the other person they meet…