Documentation / UI prototype — design B

TukTakKaj · Design B

Airtasker-inspired direction: electric blue actions, deep navy panels, lime highlights, tall condensed headlines and floating UI cards. Built from the requirements, database dictionary and data flow. All names, numbers and transactions are mock data.

Compare with design A (TaskRabbit-inspired).

Public

01Home

Navy hero, Secure Pay band, categories, how it works, trust, TukTaker spotlight, recent tasks.

Open 02Sign up

Mobile + 6-digit code, pick Seeker or TukTaker (one role per number), NID upload for TukTakers.

Open 03TukTaker profile

Rating, completion rate, tier, badges, reviews.

Open

Service Seeker

04Post a task

5 steps with side rail: category & date, address, details & pets, budget & bidding window, review.

Open 05Task & offers

Open task with offers, counter (1 of 3), public Q&A, accept → 15-minute payment.

Open 06Job in progress

Arrival code, escrow card, timeline, approve & rate, dispute. Toggle to TukTaker view.

Open 07My tasks

Task list by status, payments, refunds and invoices.

Open

TukTaker

08Browse tasks

Airtasker-style list + map of Chattogram with price pins, make an offer with net earnings.

Open 09Active job

Request completion with photos, earnings breakdown.

Open 10Earnings

Wallet, cash out to bKash/Nagad, activity, offer statuses, tier.

Open

Admin

11Admin overview

KPIs, tasks by status, disputes with frozen escrow, NID queue, payouts, platform settings.

Open

Design tokens

Blue#0A65FC

Navy#061257

Lime#DDF88F

Sky#E7F0FF

Slate#6A719A

Line#E6E7EE

Type: Anton (headlines, stands in for Airtasker's PP Formula) + Manrope (UI, same as Airtasker) + Hind Siliguri (Bangla). Pill buttons, 16–24 px radius, navy footer card.

Assumptions shown in the mock

Commission 17% + 15% VAT on commission (D28, D29 not final)
Payment method chosen when accepting an offer (D11) · 15-minute payment timeout
Bidding window 2 / 6 / 24 / 48 h (D12) · counter offers up to 3 rounds
48 h to approve, then auto-release (D14) · arrival by GPS + 4-digit code (D17)
Public Q&A on tasks with phone numbers/links masked (new idea from Airtasker — not in the spec yet)
Hotline number is a placeholder (D42)

Wordmark is type-only (no logo, as requested). Photos: Unsplash (free licence), shared with design A. Built 2026-11-05.