back

appsmith

product design + design system

2025

overview

making internal tools faster
to build and easier to ship.

i designed core editor flows
and a shared system so teams
could move from idea to app quicker.

problem

Teams lost momentum across fragmented editor states, inconsistent patterns, and unclear paths from an idea to a working app.

solution

product

editor flows, empty states
and building blocks.

system

components, density
and visual consistency.

outcome

18

screens

8 weeks

to ship

2

surfaces

1

kit

Appsmith wordmark and teal network symbol over flowing line artwork
appsmith media 01
Before-and-after comparison of the original and refined Appsmith symbols
appsmith media 02
Spherical Appsmith network formed from connected teal nodes
appsmith media 03
Appsmith social media profile mockup with flowing line cover artwork
appsmith media 04
Three-step Appsmith workflow diagram using gear, globe, and approval symbols
appsmith media 05
Appsmith integrations orbiting Slack, Google Drive, Gmail, Calendar, and other apps
appsmith media 06
Appsmith billboard reading The Operating System for the Back Office
appsmith media 07
Mobile app dock showing Appsmith beside Safari and Messages
appsmith media 08
Appsmith website hero for an AI operating system for back-office work
appsmith media 09
Responsive Appsmith wordmark and symbol sizes from 288 to 64 pixels
appsmith media 10
Aeonik typography specimen with numerals, uppercase, and lowercase characters
appsmith media 11
Appsmith brand cards combining AI workflow diagrams with product messaging
appsmith media 12