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.
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!
