Figma UI Design for NearDrop App

About NearDrop
NearDrop lets people rent DIY tools and sports/outdoor gear nearby, with safe pick-up/return at partner stores or lockers.

Role focus (pure UI)
You will turn our defined user flows into high-fidelity, mobile-first screens and a small, reusable UI kit in Figma. No UX research is required—we’ll provide the flow, copy blocks, and references. Your job is visual design quality, consistency, and handoff.

Brand (use exactly)
Navy #0F172A · Teal #0EA5A4 · Mint #CCFBF1 · Slate 50 #F8FAFC · Slate 700 #334155 (logo provided).

⸻

Scope (12–14 screens)
• Home/Browse (DIY & Sports tabs, search, filters)
• Item Detail (gallery, price/day, Deposit badge, included, rules)
• Availability & Time-slots (stores 09:00–18:00; lockers 24/7)
• Checkout (recap + rental agreement checkbox)
• Payment (mock buttons for card + Apple/Google Pay)
• Booking Confirmation (QR code)
• My Orders (status + deposit held/released/captured)
• Ticket (pickup/return, photo check-in/out, dispute, review)
• List Item (owner tools: price, deposit, ID flag, availability)
• Partner Counter (scan code → handoff/return log)
• Admin Dashboard (GMV, utilisation %, on-time %, dispute rate)
• Onboarding/Empty/error states

⸻

Deliverables
• UI kit / mini design system in Figma: color/typography/spacing tokens, buttons, inputs, cards, tabs, badges (Deposit hold, ID required), time-slot picker component, chips, toasts.
• High-fidelity mobile screens (390×844) + one desktop frame (1280).
• Accessible states for all controls (focus/hover/error/disabled).
• Optional click-through prototype linking the main flow.
• Handover pack: component names, grid, spacing, exportable SVG/PNG assets.

⸻

Must-haves
• Strong visual hierarchy, spacing, typography, and component consistency.
• Time-slots must respect opening hours (store) vs 24/7 (locker).
• Clear microcopy placement for deposit hold, ID required, and photo steps.
• Tidy Figma: pages structured, styles and components reused.
• WCAG basics: contrast, focus visible, readable sizes.

⸻

What we provide

Flows, copy blocks, logo and palette, two personas, seed items/partners, competitor refs.

Timeline & budget

7–10 days. Fixed price—please propose.

Suggested milestones (escrow)
1. Visual direction + UI kit draft + 3 sample screens (20%)
2. All core screens in hi-fi (Browse, Item, Slots, Checkout, Payment, Confirmation) (40%)
3. Remaining screens + handover pack (40%)