We’re building – a modern logistics platform for shipping between Morocco and Europe. This project requires a Webflow expert to design and develop a fully responsive, form-integrated, and CMS-powered site using our structure and backend integrations. Below is the complete list of requirements. 1. Homepage Development - Hero section with embedded quote form (pickup, delivery, date) - Visual item selection grid (suitcase, fridge, rug, etc.) - 'How It Works' section with 4 illustrated steps - Courier call-to-action block - FAQ section - Footer with contact info and legal links 2. Quote Page Setup - One-step form with pickup/delivery, date, and item selection - Prefill support (URL parameters from homepage) - Result container styled for serverless function output - Filter UI (price, pickup date, delivery type) 3. Courier Signup Page - One-step sign-up form (name, WhatsApp, routes, frequency) - Submits to Make.com webhook - Redirects to thank-you page 4. Thank You Pages - For quote confirmation - For courier signup confirmation 5. Webflow CMS Setup for Items - Create CMS Collection: Items - Fields: Name, Unit Type, Est. Weight, Category, Icon (Cloudinary URL) - Display item grid with selectable ‘+’ icon 6. Cloudinary Setup - Create folder: /eurocollis/frontend/icons - Upload all icons and visuals - Use Cloudinary URL transformations for optimisation (w_300, q_auto, f_auto) - Use Cloudinary URLs in CMS and across site 7. General Integration Readiness - Use only Cloudinary URLs for image assets - Support form prefill from homepage - Style result container for backend integration 8. Additional Required Features - Mobile responsiveness for all sections and forms - Input validation on all fields (required fields, correct input types) - Semantic HTML5 structure and accessibility (use labels, alt tags, etc.) - Add basic SEO tags (title, description, Open Graph) to each page - Create a branded 404 page with link to homepage - Optimise all assets and enable Webflow performance options - Optional: cookie consent banner for GDPR compliance 9. Post-Quote Booking Flow Setup - Each courier result should include a “Book Now” button - Clicking “Book Now” takes user to a Booking Form Page with: • Pre-filled courier name • Customer details (name, WhatsApp, email) • Pickup address - Booking form submits via webhook to Airtable (via Make.com) - Show confirmation message or redirect to Thank You page - Developer must design this booking form page in same style as other forms - Ensure booking form includes hidden fields to pass courier info - Prepare layout to support future status tracking (optional) 10. Figma Design Implementation - Core screens will be provided in Figma - Developer must implement all layouts as pixel-perfect from Figma designs - Payment gateway will be added at a later stage (not yet decided) 11. Optional: Serverless Functions & Backend Logic If you are also experienced in JavaScript and serverless functions, we are interested in assigning additional backend work. Serverless responsibilities may include: - Courier matching engine (query Airtable for best matches based on quote form inputs) - Quote logging (recording all quote submissions and selected filters) - Booking logs (timestamped actions for auditing and support) - API response generation for filtered courier list to be displayed in Webflow
Price set as not for exact idea of cost. Please check all requirements and send me your proposal
