STEP 1 — FULL WEBSITE REDESIGN PROMPT Copy this: MASTER REDESIGN PROMPT Create a modern, technology-driven website redesign for a last-mile logistics company called "Better Trucks". The website should feel like a technology company, not just a delivery company. Target users: Business shippers and retailers Delivery drivers End customers tracking packages Design goals: Clean and professional Strong visual hierarchy Technology-focused Trust-building Clear user segmentation Emphasis on speed, reliability, and safety Use: Dark blue primary color White background sections Bold typography Clean modern sans-serif font Subtle motion animations The layout should include: Hero section User segmentation section How it works section Product showcase section Driver safety & support section Performance metrics section Case studies section Strong CTA footer Now we go section by section. STEP 2 — HERO SECTION PROMPT HERO SECTION PROMPT Design a powerful hero section for Better Trucks. Headline: "Smarter Last-Mile Delivery, Powered by Technology." Subtext: "Helping retailers deliver faster, drivers work smarter, and customers track with confidence." Primary CTA button: "Ship With Us" Secondary CTA button: "Track a Package" Add subtle animated background of moving route lines or delivery map paths to show motion and logistics technology. Make it modern, clean, and trustworthy. STEP 3 — USER SEGMENTATION SECTION USER SEGMENTATION PROMPT Create a section titled: "Who Are You?" Display 3 cards with icons: Business Shippers Text: "Fast, reliable, tech-driven delivery solutions for eCommerce brands." Button: "Explore Shipping Solutions" Drivers Text: "Flexible routes, real-time support, and technology that helps you deliver smarter." Button: "Drive With Us" Track a Package Text: "Real-time tracking and transparent delivery updates." Button: "Track Now" Design this section with clear visual separation and simple icons. STEP 4 — HOW IT WORKS SECTION HOW IT WORKS PROMPT Create a simple 5-step process section: Retailer Creates Shipment Better Trucks Optimizes Route Driver Receives Route Assignment Customer Gets Real-Time Tracking Package Delivered with Proof Use clean icons and a horizontal timeline layout. Keep text short and simple. STEP 5 — PRODUCT SHOWCASE SECTION PRODUCT SHOWCASE PROMPT Design a product showcase section displaying: Shipper Dashboard UI Driver Mobile App UI Customer Tracking Interface Add short description under each: Shipper Dashboard: "Create shipments, print labels, monitor performance." Driver App: "Simple route navigation, package scanning, instant updates." Tracking Page: "Live delivery status, ETA updates, proof of delivery." Make it look like a modern SaaS product website. STEP 6 — DRIVER SAFETY & SUPPORT SECTION (VERY IMPORTANT) This is your key insight. DRIVER SAFETY PROMPT Create a section titled: "Driver Safety & Support" Text: "Drivers are at the heart of our delivery network. We prioritize safety with real-time route monitoring and 24/7 operational support." Add 4 feature cards: Real-Time Route Monitoring 24/7 Dispatch Support Emergency Reporting Tools Location-Based Assistance Keep tone professional and trust-building. Design it with icons and subtle safety-themed visuals. STEP 7 — PERFORMANCE METRICS SECTION METRICS PROMPT Create a performance metrics section with large bold numbers: 98%+ On-Time Delivery 139 Million People Covered 40% U.S. Household Reach Same-Day, Next-Day & Two-Day Options Use animated counters. STEP 8 — CASE STUDY SECTION CASE STUDY PROMPT Create a case study section showing: Company logo placeholder Before & After results Quote from client Example text: "Better Trucks reduced our delivery time by 22% and improved customer satisfaction." Design it clean and enterprise-focused. STEP 9 — TRACKING PAGE REDESIGN PROMPT TRACKING PAGE PROMPT Design a dedicated tracking page: Large input box at top: "Enter Tracking Number" Show: Delivery progress bar Current location Estimated arrival time Delivery history timeline Make it simple and stress-free. STEP 10 — DESIGN SYSTEM PROMPT DESIGN SYSTEM PROMPT Create a design system for Better Trucks including: Primary color: Dark navy Accent color: Bright orange Neutral greys Clean sans-serif typography Large accessible buttons 8px spacing grid Consistent icon style Clear hover states Focus on enterprise SaaS + logistics tech aesthetic.