GoTruck is a **fully‑featured UI kit** designed exclusively for logistics and delivery mobile applications. Crafted by Bud Design Lab, the kit delivers **35+ high‑quality, light‑theme screens** that are ready to drop into **Figma** (and compatible with Sketch). It empowers product teams, designers, and developers to launch a polished, market‑ready delivery app in days instead of months.
Key Benefits that Drive Success 📈
- Rapid Time‑to‑Market: All screens are pre‑built, fully layered, and use Auto‑Layout so you can resize and adapt components instantly.
- Complete User Journey: From onboarding and driver assignment to real‑time tracking and post‑delivery reviews, every critical flow is covered.
- Pixel‑Perfect Design: Clean, modern aesthetics with a light color palette that enhances readability and brand trust.
- Developer‑Friendly Assets: Exportable SVG icons, PNG assets, CSS snippets, and JSON design tokens for seamless hand‑off.
- Scalable Architecture: Component‑based system supports dark‑mode toggles, multilingual text layers, and future feature expansion.
Feature Overview 📋
| 📦 Category | 🛠️ Included Elements | 🚀 Value |
|---|---|---|
| Screen Library | 35+ fully designed screens (login, registration, booking, map tracking, payment, rating, profile, support) | Eliminates the need to design from scratch; covers all user‑flow stages. |
| Component System | Buttons, cards, forms, navigation bars, modals, toggles, map widgets | Reusable, auto‑layout components speed up iteration and keep UI consistent. |
| Design Tokens | JSON files for colors, typography, spacing, shadows | One‑click theming for iOS, Android, React Native, Flutter. |
| Export Options | SVG, PNG, PDF, CSS snippets, SwiftUI & Flutter code samples | Accelerates developer hand‑off and reduces implementation errors. |
| Documentation | Style guide, component usage notes, hand‑off checklist | Ensures designers and developers stay aligned throughout the project. |
Deep Dive into the Screen Library 🎬
The kit’s **35+ screens** are organized into logical sections:
- Onboarding & Authentication: Splash, welcome, sign‑up (email/social), password recovery.
- Order Creation: Location search with predictive address, service selection, scheduling, price estimation.
- Driver Assignment & Tracking: Real‑time map view, driver profile, ETA countdown, route animation.
- Payment & Checkout: Multiple payment methods, coupon entry, fare breakdown, receipt generation.
- Post‑Delivery Experience: Rating & review, order history, support tickets, push‑notification templates.
Each screen follows a **light‑theme design** that emphasizes white space, legible typography, and accent colors for primary actions such as “Book Now”. Micro‑interactions—like button ripples and map pin bounce—are built‑in to give a **responsive, lively feel** without sacrificing performance.
Component System & Design Tokens ⚙️
All UI elements are built with Figma Auto‑Layout, enabling designers to:
- Resize components on the fly while preserving spacing.
- Swap icons, images, or text blocks without breaking the layout.
- Apply global style updates (e.g., change the primary brand color) instantly across the entire kit.
The included **JSON design tokens** map directly to CSS variables, SwiftUI themes, or Flutter ThemeData objects, making it trivial to maintain visual consistency across platforms.
Developer Handoff & Asset Export 🚀
The kit comes with a comprehensive handoff guide that outlines how to:
- Export SVG icons for vector‑sharp UI.
- Generate raster PNGs optimized for mobile bandwidth.
- Copy ready‑to‑paste CSS snippets for button states, input fields, and map markers.
- Integrate JSON tokens into codebases for rapid theming.
These resources dramatically cut the time developers spend translating designs into code, letting them focus on business logic and API integration.
Licensing, Updates, & Support 📦
Purchasing the GoTruck UI kit provides a **lifetime license** with free updates. Future releases will add:
- Additional vehicle categories and regional branding packs.
- Expanded micro‑interaction library (e.g., loading skeletons, swipe gestures).
- AI‑powered predictive pricing widgets.
Support includes email assistance and access to a private community forum where designers share customization tips and developers discuss integration challenges.
