- Client
- Tessera
- Industry
- Real estate
- Location
- Nairobi, Kenya
- Year
- 2025
- Engagement
- Fixed scope
- Duration
- 12 weeks
- Team
- 3 designers, 2 frontend engineers
- Disciplines
- UI / UX, Frontend
Overview
Tessera helps landlords and agents manage 40,000 rental units. Its product had grown into four apps with four visual languages. We redesigned the core flows and built Tessera's first design system, now shared by every team.
- Components in the library
- 112
- Faster feature delivery
- 2.4×
- WCAG 2.2 conformance
- AA
Tessera
112
Components in the library
Four apps, four products, one confused customer.
Tessera's landlord, agent, tenant and maintenance apps had each been built by a different team. Buttons, tables and even date formats differed between them. Customers assumed they were using four different companies.
Interface
Core flows, redesigned
Unit listings, tenant onboarding and rent collection now share one set of patterns and one tone of voice.
Foundations
5 colours- Documented components
- 112
- Faster from design to release
- 2.4×
- Support tickets on core flows
- −38%
- WCAG 2.2 throughout
- AA
Tooling
Design
- Figma
- Tokens Studio
Code
- React
- Radix
- Tailwind CSS
Docs
- Storybook
- Chromatic
Testing
- axe
- Playwright
Lumen Academy
Rebuilding the frontend of a learning platform for slow networks
probability
Probability measures how likely an event is to happen. If you roll a fair die, there are six possible outcomes, and each one is equally likely.