|
Description: |
Project Description: Multi-Step Product Customization and Purchase Flow for Squarespace
We are seeking a skilled developer/designer to help us create a dynamic and user-friendly multi-step product customization and purchase flow on our Squarespace website. The goal is to replicate a seamless user experience, similar to those seen in flower delivery services, where users can easily customize their orders and proceed to checkout.
Project Details:
Step-Based Product Customization:
Step 1: Users select a product variant (e.g., flower size) using dynamic and responsive UI elements (HTML, CSS, JS).
The system automatically transitions to Step 2 upon selection.
Dynamic Input Collection:
Step 2: Users input the recipient's location, triggering an automatic transition to Step 3.
Step 3: Users choose a delivery date.
Step 4: Users select a delivery option.
Data Flow and Checkout Integration:
All user inputs (location, delivery date, delivery option) should seamlessly pass to the Squarespace checkout page via:
Hidden fields.
Query parameters.
API integrations (if applicable).
Smooth and Mobile-Friendly UI/UX:
Intuitive transitions between steps.
Responsiveness to mobile and desktop environments.
Deliverables:
Fully functional multi-step flow implemented on Squarespace.
Clean, maintainable code using HTML, CSS, and JavaScript.
Integration of collected data into the Squarespace checkout process.
Guidance on how to update/customize this feature in the future.
Ideal Candidate:
Strong experience with Squarespace customization.
Proficiency in JavaScript, HTML, and CSS.
Knowledge of integrating user inputs into checkout workflows.
A focus on creating seamless, user-friendly, and mobile-responsive designs.
If you have experience in similar projects or can suggest creative approaches to improve the flow, we’d love to collaborate with you! |
