Home
Work
About
FAQs
Contact

ACTV8me Documentation

Dynamic documentation for a global team.
I created a documentation platform to support ACTV8me’s SDK and global content and developer team. My goal was to make contributions open, simple and inviting.
Front-end Development / Design System
Democratized Docs

Overview

A documentation system enabling broader collaboration.

To support a growing developer ecosystem, I designed and maintained platforms that made technical resources clear, contributions simple, and updates scalable. I wanted everyone on the team to be able to contribute without requiring any development from me or others who worked on the web systems.

Tasked with creating a doc site, I was initially presented with a WordPress build that the team had at some point earlier, but it didn't support the flexibility I needed with the resources I had. Needing a way to freely customize the visual side and reduce DevOps requirements, I opted for a Vue.js (I had been reading a lot of Sarah Drasner around the time, it helped but didn't completely opinionate me) build that used Markdown as the main publishing device.

Using this flexible approach afforded me to use elements of my design system, helping my overall mission of unifying the company's digital presence. I wanted everything wrapped in the brand so we'd appear as strong as possible to partners (current or potential) and our growing external team at the time.
A view of documentation in Markdown with styles on the right.
Collaboration & Workflow

A new process

I shifted documentation from email chains, Slack messages and in-person sessions to a contributor-first system powered by Git pull requests.

This approach allowed developers around the world to submit updates directly, with the core team reviewing and publishing changes. The system encouraged collaboration, reduced friction, and gave everyone a voice in shaping the documentation.
A variety of common scratcher designs and edge cases.
Building with Investment

Modern framework

I built a modern Vue.js, company-branded platform ready to evolve.

The platform was styled to match ACTV8me’s brand and designed to expand easily. It drew from my core design system and was ready morph whenver needed. It supported Markdown, making it friendly for non-developers while still powerful for technical teams. This balance kept the documentation approachable and future-proof. Soon, even the content team was participatingin the documentation process.
A view of documentation on the User side.
Branded & Easy to Update

Unifed & accessible

Painted in my light design system, the docs blended into other ACTV8me experiences.

The documentation system was visually aligned with company standards and built for quick updates, ensuring accuracy without long email chains or bottlenecks. This balance of polish and practicality kept the platform both professional and approachable. This was especially important as we courted client partnerships.
A view demonstrating the various content types the documentation platform supported.
Core Enhancements

Contribute, document & share

Democratized documentation that worked for both developers and non-developers alike — for everyone.

The final system included an Angular SDK site for iOS and Android integration powered by Doxygen and a Vue.js contribution platform powered by Markdown for global collaboration. Together, they improved onboarding, streamlined updates, and created a sustainable foundation for ACTV8me’s content and developer community.
A variety of common scratcher designs and edge cases.
Outcomes

Deliverables

I delivered a scalable, branded documentation system ready for growth.

The project ultimately stacked onto what we had and now produced two platforms that created a complementary system that everyone could contribute to:
  • An Angular SDK site for iOS/Android developers (Doxygen-powered) that I maintained
  • A Vue.js documentation platform for contributions and collaboration (Markdown-powered) that I built
The documentation site was used during some of our crucial partnerships including AMC and GSTV among others.
Contact Me

Need a considerate flexible digital solution?

Use my form, send me an email at hello@johnhansen.design or schedule a call.
Your submission has been received!
Something went wrong. Try again.
Connect with me.
Sign up for a newsletter
Navigation
Home
Work
About
FAQs
Contact
Other Projects & Teams
Aether Creative Studio
Public School Design Co. (Coming Soon)
© 2026 John Hansen Design
U.S. Navy Veteran from Los Angeles near Hot Wings Cafe,  you should try them. They're very good. Perfect crisp.
On TermsOn Privacy