
Complete webflow set up
- or -
Post a project like this£275(approx. $367)
- Posted:
- Proposals: 35
- Remote
- #4388767
- OPPORTUNITY
- Expired
Delivering High-Quality IT Services at Competitive Prices |Experienced Full Stack Web and App Developer |Android and IOS App Development|


♛ Most Trusted #1 Team |19+ years of expertise in Website, Mobile Apps, Desktop & Console Games. Wordpress, ReactJS, Shopify, Laravel, Python, React Native, Flutter, Unity, Unreal Engine and AR/VR




⭐⭐⭐⭐⭐Top Rated Digital marketer|website Design & development | SEO Expert

2274804121170921209784311193042118922284899784120950911150097721141351283421203320212088775





Description
Experience Level: Expert
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
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

Mohammad A.
100% (31)Projects Completed
54
Freelancers worked with
49
Projects awarded
26%
Last project
31 Jul 2025
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
Could you please confirm whether the serverless functions and backend logic (such as Airtable integration and courier matching engine) are included in the current project scope, or would you prefer to treat that as a separate phase?
-
1. Will you be providing the Figma designs for all pages upfront, or will they be shared in phases?
2. Do you already have a Webflow workspace set up, or should I start from scratch?
11327241132708
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies