Expert Webflow Designer Needed for Signup Flow Optimization & Redesign

Signup flow: Upgrade to see actual info

MUST BE A WEBFLOW EXPERT WITH A PROVEN PORTFOLIO. Please provide a link to your Webflow portfolio demonstrating your expertise in responsive design, complex interactions, and clean, conversion-focused layouts. Generic portfolios or links to non-Webflow work will not be considered.

I'm looking for a highly skilled Webflow designer to optimize and redesign a multi-step signup flow for a weight loss program. The backend (API and database) is already built and functional (using Node.js, Express, and PostgreSQL), and a basic signup flow exists, but it needs significant improvements in terms of user experience, visual design, conversion rate, and page speed.

Project Scope:

Consolidation & Tab Implementation (High Priority):

The current signup process spans approximately 30 separate Webflow pages. You will consolidate these into a single Webflow page using the Tabs component. Each existing page will become a tab within this single-page application (SPA) structure.
The existing page URLs are not well-structured. We'll be using a single /start URL for the entire signup flow.

Design Optimization & Enhancement:

Improve the overall visual design of the signup flow. This includes:
- Consistent styling across all tabs (typography, colors, spacing, etc.).
- Modern, clean, and engaging aesthetics.
- Strategic use of imagery (I will provide some images, but you may need to source additional royalty-free images if appropriate).
- Subtle but effective animations and micro-interactions to enhance user engagement (using Webflow's Interactions panel).
- Ensure the design is fully responsive and looks great on all screen sizes (Desktop, Tablet, Mobile Landscape, Mobile Portrait). Pay meticulous attention to detail at each breakpoint.

Conversion-Focused Copy Improvements:

Review and suggest improvements to the existing copy within the signup flow to make it more persuasive and benefit-driven. Focus on clarity, conciseness, and strong calls to action.

One Page Design from Scratch:
Design a brand new page adhering to existing style and layout.

API Integration (Guidance Provided):

I will provide the JavaScript code for making API calls to the backend (using the fetch API). Your primary responsibility is to:
- Ensure that the Webflow elements (input fields, buttons, etc.) have the exact IDs that the JavaScript code expects. I will provide a detailed list of these IDs.
- Add a hidden "error message" element (div) to the design, which the JavaScript code will use to display error messages to the user.
- Add Text Blocks to display the dynamic data, using the correct element IDs, as provided.

Landing Page Optimization:

The main landing page is already built, but needs optimization for speed and responsiveness. I will provide specific areas for improvement.

Technical Requirements:
- Expert-Level Webflow Proficiency: Demonstrable experience with all aspects of Webflow, including:
Tabs component.
Responsive design (breakpoints).
Flexbox and Grid layouts.
Webflow Interactions (animations).
Custom Code embedding (JavaScript).
Form design and validation (using Webflow's built-in features).
Image optimization.
- Strong Understanding of UX/UI Principles: Ability to create a user-friendly and intuitive signup flow.
- Conversion Rate Optimization (CRO) Knowledge: Understanding of best practices for designing high-converting signup forms.
- Excellent Communication: Clear and prompt communication is essential.
- Attention to Detail: Meticulousness in implementing the design and ensuring cross-browser/device compatibility.

Deliverables:
- Fully redesigned and optimized Webflow signup flow (single page with tabs).
- Optimized landing page.
- All necessary Webflow configuration changes.
- One freshly designed page.

Budget: $100 (Fixed Price)

To Apply:

Provide your Webflow portfolio link (REQUIRED).
Briefly describe your experience with similar projects.
Confirm you understand the project requirements and can meet the budget.