Case study · Pebla · 2026
A fast, animated marketing site for the Pebla app, built on its own design system with a Sanity-powered blog.
- Client
- Pebla
- Year
- 2026
- Services
- Web Design, Next.js, Motion
- Built with
- Next.jsTypeScriptTailwind CSSMotionSanityAWS Amplify
- Live product
- pebla.io
The brief
The redesigned Pebla app needed a website that matched its brand and explained every feature clearly enough to drive downloads.
See it in action
A walk through pebla.io: the home page story, then every feature with its spec sheet.
Demo
Needs we met
What each group needed for the project to count as a success.
Business
Turn visitors into app downloads and keep the brand consistent between the app and the web.
Stakeholders
The team wanted to publish blog posts and update content without asking a developer.
Customers
Visitors wanted to see what the app does, how payments stay secure, and where to get help.
How we delivered
The site was built from the app's Figma brief, with in-phone screens recreated at true size so the website shows exactly what people get in the app.
- Step 01
- Built a shared design system package (tokens, theme and core components) with a design-check guard
- Step 02
- Designed the home, features, experiences, blog and support pages
- Step 03
- Connected the blog to Sanity, with a webhook that rebuilds the site on publish
- Step 04
- Deployed as a static export on AWS Amplify, with redirects from the previous site
Results
0
design system shared by every page
Auto
rebuild whenever a blog post is published in Sanity