Skip to content
TV viewLet’s talk
EN
All work

Mobile app design

HubProlog. Short jobs, decided one card at a time

A mobile app where chapas, the helpers who load and unload cargo in Brazil, find paid short jobs, accept them and keep their payment records.

Contribution
Interface design
Project status
Interface design · Figma archive
Mockup of HubProlog composed for this board from real screens of the project.
Mockup composed for this board from real project screens.

Screens from the original Figma design file, with sample data.

My contribution

HubProlog, shown on screen as hub, is a Portuguese-language app for people who take short paid jobs, such as chapa, the helper who loads and unloads cargo. The app calls these jobs trampos, the everyday Brazilian word for a gig.

The design file has 47 mobile frames across access, proposals, search, receipts and profile. The jobs, places and amounts shown here are sample content.

Recorded from the Figma prototype. Swiping through job calls, filtering by city and opening one call.
Buscar screen titled Propostas em São Paulo, with a large illustrated card of a warehouse worker, the job Chapa at R$ 100 a day, 11 km away, and reject, undo and accept buttons.
Buscar shows one job at a time, with reject, undo and accept.

One job on screen at a time

Buscar turns available work into swipeable cards, one large card at a time. The card says what the job is, what it pays, where it is and how far away, with the text on a dark gradient so it stays legible over the illustration. Three round controls sit below it: reject, undo and accept.

Convocação screen with the hub logo over a faded warehouse illustration, the job description, a list of included activities and Recusar and Aceitar buttons.
A convocation spells out the service before asking for an answer.

Read first, then answer

A convocation opens with a plain description of the service and a list of what it includes. The question comes only at the end, “Você aceita este trampo?”, directly above Recusar and Aceitar, so the decision follows the reading. Coral marks refusal and the brand’s lime marks acceptance, the same pair used across the proposal screens.

Comprovantes screen with Holerites and Comprovantes de PIX tabs and a weekly list of sample R$100 payments received via PIX.
Comprovantes groups payment records by week.

Proof of what was paid

Comprovantes separates Holerites from Comprovantes de PIX and groups records by week. Each card leads with the amount, then the job and the date. Access stays equally short: one CPF field and a Continuar button.

Access screen with the hub logo, a CPF field and a dark Continuar button.
Access asks for one thing: the CPF.