BeyondWords brings written content to life with beautifully natural AI voices—making it effortless for publishers to speak to their audience, not just write to them.

I created a custom UI library and implemented it on their SaaS app.

We chose the shadcn component library as the foundation of the new system. The beauty of it is that it is built on top of Tailwind CSS, a robust, highly-customisable design system.

Semantic Colours

A semantic colour system helped standardise things like interactive, text, secondary, background colours etc. leading to perfect consistency in the UI.

Data dashboard

shadcn's excellent chart components helped us save tons of time by having this pre-coded for us.

SaaS design

Using the new UI library, I then went about updating the UI for all the core text-to-speech AI pages, as well as "the plumbing" — things like signup, password reset, two-factor auth, account management and onboarding.

Home Page Concept

I created a concept for the new homepage to show consistency between internal SaaS pages and the external site. The client chose a different direction, but I’m sharing it here for reference.