AvenPing
Product design for AvenPing, a WhatsApp Business platform: the landing page, designed and coded, and every page of the product behind it.
- Client
- AvenPing
- Year
- 2024
- Role
- Product Designer
- Services
- Product Design, Landing Page, Frontend Development, Brand Refresh, Logo Animation
AvenPing helps businesses run WhatsApp at scale: auto-replies, bulk campaigns, contacts, templates and analytics in one place. It had outgrown its old site, which wasn’t converting, and the product needed a UX that kept busy screens calm.
I designed the whole thing, from the landing page to the internal pages, and built the landing page frontend in TypeScript and Tailwind. The dev team built the internals from my designs.
The brief
WhatsApp Business, simplified
AvenPing had the features but not the front door. The old site undersold the product, and inside it every tool competed for attention. The job was one promise on the outside and one calm system on the inside.
Video: Scrolling the AvenPing landing page: the hero and dashboard, the problem statement, features, integrations, pricing and FAQs
Landing page
Designed it, then built it
The page leads with the product itself: the promise, a single email field and the live dashboard right underneath. Then the problem, the features, the integrations and pricing, in the order a buyer asks about them. I coded it myself in TypeScript and Tailwind.
Busy tools, calm screens.
The product
From wireframes to every page
Scribbles and wireframes first, a blueprint for every internal page, then the designs for all 10 to 15 of them: dashboard, contacts, templates, campaigns, messages, flows and the AI bot. One quiet system of soft cards and a single cyan, so the numbers carry the colour.
The brand
A mark that pings
The founding team had a first mark, a folded speech bubble with a pin for a tail. I refined its folds and colour and built the identity around it: the palette, the lockups, a glow lit from inside, and a launch animation that opens on a sonar ping.
Video: Logo launch animation: a sonar ping, the speech bubble springs open, its fold unfolds, the pin tail drops in and the wordmark rises