Project Overview

We’re building an AI-powered platform that transforms children’s drawings into personalized storybooks. We need a Webflow expert to bring our Figma designs to life with stunning interactions and pixel-perfect responsive design.

What We’re Looking For

• Webflow Expert with 3+ years experience

• Relume Library proficiency for component-based development

• Advanced Interactions specialist (scroll triggers, page transitions, hover effects)

• Experience with Lottie animations integration

• Strong understanding of responsive design best practices

• Portfolio showing creative, interactive websites

Project Structure
• Phase 1: Pre-order Page* - $200 USD (Start Immediately)
• Scope:*

• Single pre-order landing page from Figma designs

• Full desktop and mobile responsiveness

• Basic interactions (hover states, form animations)

• Lottie animation integration for “How It Works” section

• Form integration for email capture

• Clean, optimized code structure
  • Timeline:* 5-7 days
  • Phase 2: Full Website* - Budget TBD (Follow-up)
  • Scope:*

• Homepage with advanced scroll-triggered interactions

• About page with team animations

• Enhanced navigation with smooth transitions

• Advanced Lottie implementations

• CMS integration for testimonials/content

What We’ll Provide

• Figma designs (desktop & mobile layouts)

• Lottie animation files for How It Works section

• Content and copy for all pages

• Brand assets (logos, colors, typography)

• Reference sites for interaction inspiration

To Apply, Please Include:

1. *Pre-order Page Interaction Proposals**

Based on our PRD context (AI storybook creation platform), propose specific interactions for:

• Hero Section: How would you animate the transformation of a child’s drawing into a storybook?

• How It Works: 3-step process animation ideas

• Story Examples: Gallery hover effects and preview interactions

• Testimonials: Creative presentation of parent/child feedback

• Pricing: Plan comparison interactions

1. Portfolio Examples

Share 3-5 Webflow sites you’ve built that demonstrate:

• Complex scroll-triggered animations

• Lottie animation integration

• Creative hover effects and micro-interactions

• Mobile-responsive design excellence

• Include live links and brief descriptions of your role

1. Technical Approach

• How you’ll structure the Webflow project for scalability

• Your process for translating Figma designs to Webflow

• How you handle responsive design across devices

• Your approach to performance optimization

Long-term Opportunity

This is the first project in a larger engagement. Future work includes:

• User dashboard design and development

• Story creation flow interactive pages

• Marketing landing pages for different campaigns

• Email template design in Webflow

• Ongoing maintenance and updates

Strong performance on Phase 1 leads to continued collaboration and larger budgets.

Ideal Candidate

• Portfolio showcasing creative, interaction-heavy websites

• Communication skills for collaboration with our design team

• Attention to detail in matching Figma designs exactly

• Understanding of modern web design trends

• Experience with child/family-focused websites (bonus)

Application Requirements

• Proposal addressing the interaction ideas above

• Portfolio links with role descriptions

• Timeline for Phase 1 completion

• Any questions about the project scope
  • Budget:* $200 USD for Phase 1 (Fixed price)
  • Timeline:* Start immediately, 5-7 day delivery

Ready to create something magical? We’re excited to see your creative vision for bringing children’s stories to life on the web!
• Please submit detailed proposals only. Generic responses will not be considered. If you do now include “Draw It” in your response your application will be deleted. This project requires creativity, technical skill, and attention to detail.*

• Webflow Expert with 3+ years experience
• Relume Library proficiency for component-based development
• Advanced Interactions specialist (scroll triggers, page transitions, hover effects)
• Experience with Lottie animations integration
• Strong understanding of responsive design best practices
• Portfolio showing creative, interactive websites
• Lottie animation files for How It Works section
• Content and copy for all pages
• Brand assets (logos, colors, typography)
• 3-step process animation ideas
• Lottie animation integration
• Creative hover effects and micro-interactions
• Mobile-responsive design excellence
• Portfolio showcasing creative, interaction-heavy websites
• Communication skills for collaboration with our design team
• Attention to detail in matching Figma designs exactly
• Understanding of modern web design trends
• Experience with child/family-focused websites (bonus)
• Proposal addressing the interaction ideas above
• This project requires creativity, technical skill, and attention to detail.*

• Phase 1: Pre-order Page* - $200 USD (Start Immediately)
• Figma designs (desktop & mobile layouts)
• Plan comparison interactions
• Complex scroll-triggered animations
• $200 USD for Phase 1 (Fixed price)

• Single pre-order landing page from Figma designs
• Full desktop and mobile responsiveness
• Basic interactions (hover states, form animations)
• Lottie animation integration for “How It Works” section
• Form integration for email capture
• Clean, optimized code structure
• Homepage with advanced scroll-triggered interactions
• About page with team animations
• Enhanced navigation with smooth transitions
• Advanced Lottie implementations
• CMS integration for testimonials/content
• *Pre-order Page Interaction Proposals**
• How would you animate the transformation of a child’s drawing into a storybook?
• Gallery hover effects and preview interactions
• Creative presentation of parent/child feedback
• Technical Approach
• How you’ll structure the Webflow project for scalability
• Your process for translating Figma designs to Webflow
• How you handle responsive design across devices
• Your approach to performance optimization
• User dashboard design and development
• Story creation flow interactive pages
• Marketing landing pages for different campaigns
• Email template design in Webflow
• Ongoing maintenance and updates
• Strong performance on Phase 1 leads to continued collaboration and larger budgets