Overview · B2B SaaS · Web app and website

Rule, end to end

Apollo Studio works as Rule’s embedded design team: one design system, a rebuilt web app and a new website. The two cases after this one go deep on single features.

RoleDesign lead, Apollo Studio
ScopeDesign system, web app, website
EngagementOngoing partnership
Key result+40% sendouts
The Rule dashboard, 2021 and 2023.
01 · The challenge

A growing product that looked its age

Rule makes marketing automation for email, SMS and RCS. As the company grew, the web app and the website started to feel dated. The bigger problem sat underneath: there was no shared system, so every new screen was designed and built from scratch.

Rule needed a partner who would learn the product and the brand, and build something that lasts, not a round of tweaks.

02 · Design system

One system for the app, the site and marketing

We started with the foundation: a component library and documented rules for colour, type and spacing. Designers, developers and marketers now work from the same playbook, and the system grows with every feature Rule ships.

Components, colour scales and product patterns from the Rule design system.
03 · Web app

Research first, then the redesign

The app is where Rule’s customers spend their day. We talked to users and read the analytics to find where people got stuck. Onboarding stood out, so we simplified it first.

Then came a cleaner, faster interface with simpler navigation. Every major flow went through interactive prototypes with real users before it shipped.

The new email editor: layers, sections and properties in one view.
04 · Website

Same system, from app to site

The website is Rule’s front door. We moved it onto the same design system, so the site and the app feel like one product. It’s built mobile first, with clear calls to action.

The Rule website, 2022 and 2024.
Results

More use, more sends, more signups

+30%

user engagement after the new web app launched

+40%

sendouts per company since the redesign

+20%

website conversions

05 · How we work

An extension of Rule’s team

Handoff runs through Figma, with specs developers can build from directly. Regular check-ins keep us aligned as priorities shift, and we watch how people use the product to spot the next improvement early.

“Apollo Studio works closely with our time frames and adjusts delivery and research for each project depending on the needs. For quick solutions they deliver above and beyond and for complex research they always come up with several solutions to discuss.”

Stan Izotov, CTO, Rule
Deep dives

Two features, in detail

Close · Esc