TextBank — Dashboard & Landing Page Design

Creating a complete design system, user dashboard, and landing page from scratch for a messaging SaaS platform.

TextBank came to me with a product and no design. They needed a landing page that could capture waitlist signups and a user dashboard that their development team could build from with confidence.

I designed the full system in Figma — 5 screens total covering messaging, events, billing, waitlist, and developer tools. Every screen was built on a shared design system with consistent components, spacing tokens, and interaction patterns so the dev team could move fast without guessing.

For the landing page, I created two design directions and the client selected the version that best aligned with their brand positioning. The final design balances clarity with credibility — communicating what TextBank does, who it's for, and why it matters in under 10 seconds.

Timeline
December 2023
Tools
Figma
Disciplines
Visual Design

Design Process

A complete product design — from landing page concepts to a full 5-screen dashboard system built on a shared design language.

Figma — Full Design System & Screens

Designed TextBank's complete product interface across 5 screens — messaging, events, billing, waitlist, and developer tools. Built a reusable design system with shared components and spacing tokens to streamline the development handoff and ensure visual consistency across every screen.

TextBank — Figma — Full Design System & Screens

Landing Page — Two Directions, One Winner

Designed two distinct landing page concepts for the client to choose from. The selected version was built to communicate what TextBank does, who it serves, and why it matters — all within the first scroll. Clean layout, clear hierarchy, and a strong waitlist CTA.

TextBank — Landing Page — Two Directions, One Winner

Messages — Conversation Interface

TextBank — Messages — Conversation Interface

Events — Scheduling & Management

TextBank — Events — Scheduling & Management

Events — Empty State

TextBank — Events — Empty State

Waitlist — Pre-Launch Capture

TextBank — Waitlist — Pre-Launch Capture

Developers — API Documentation

TextBank — Developers — API Documentation

Let’s talk about your next project.

Discuss your project ↗View all work