BBalcão

Your own delivery, from website to doorstep

Six products designed as clickable prototypes: the landing page that sells Balcão, the setup that takes a store live, the back office the owner runs, and the two apps customers and couriers use. Bendito is a sample store and every figure is made up. There is no back end — each screen runs on local state.

Web

Acquisition site: hero, value points, dashboard showcase, plans and footer.

Login Web

Dashboard sign-in, in two columns. Opens in dark mode by design.

Five-step onboarding with a progress rail on the left.

Owner Dashboard Desktop

The store's back office: nine views, from the order board to finance.

Mobile

Customer App Mobile

From the menu to order tracking, plus search, history and profile.

Cross-cutting

Loading, empty, error, permission and end of flow — what shows up between the happy-path screens. Eleven states, mobile and dashboard.

Shimmers All

One skeleton per screen, on the same grid as the real content: when the data arrives, nothing jumps.

Design system

Screens from both apps rebuilt with the system's components.

KPIs, kanban and table — the three patterns the dashboard is built on.

Landing page and sign-in side by side, on the brand surfaces.

The cards that define color, type, spacing, shape, shadow and touch targets.

Thirty-one components, each with types and a usage note.

Back to portfolio