Web Experience & Design Systems Lead (AI-Native Web)


Does not manage initially; may scale into team leadership over time

Role Summary

The Web Experience & Design Systems Lead owns the visual language, UX system, and design integrity of the RapidCanvas website across both current (Webflow) and future (React/Next.js) environments.
This role is responsible for designing not just pages—but a scalable, AI-compatible design system that enables rapid content deployment, consistent user experience, and high-performance storytelling across the site.
They operate at the intersection of:
  • Brand expression
  • UX and interaction design
  • Component-based systems
  • AI-assisted content workflows
Success in this role means RapidCanvas can move from:
  • Manual page creation → system-driven page generation
  • Inconsistent design → governed, reusable components
  • Static website → dynamic, intelligent experience layer
This role is critical to unlocking the next phase of the website:
A system where content can move from a doc → structured page → live experience in minutes, without breaking design integrity.


What This Role Owns

Externally, the website experience:

  • Feels cohesive, modern, and category-defining within seconds
  • Communicates technical depth + clarity without overwhelming the user
  • Maintains visual consistency across all pages, modules, and flows
  • Supports conversion, credibility, and storytelling simultaneously
  • Evolves quickly without degrading design quality

Internally, the design system:

  • Enables AI-assisted page generation without visual drift
  • Provides clear component libraries, layouts, and usage rules
  • Is easily used by Marketing, Product, and Engineering
  • Reduces design bottlenecks through structured reuse
  • Acts as a single source of truth for web experience

Operationally:

  • Design is systematized, not recreated per page
  • New pages can be built quickly without breaking UX or brand
  • AI-generated outputs stay within defined design guardrails
  • Design and development work in sync (not sequentially or in conflict)


Core Responsibilities

1. Design System Architecture & Guardrails

  • Define and build a modular design system for the website (components, layouts, patterns)
  • Create clear rules and constraints for how pages are structured and assembled
  • Develop reusable:
    • Section templates
    • Layout patterns
    • Interaction behaviors
  • Ensure the system works across:
    • Webflow (short-term)
    • React / Next.js (long-term)
Key principle:
AI should assemble from a system—not invent design.


2. UX & Interaction Design

  • Design intuitive, elegant user journeys across:
    • Core pages (homepage, product, solutions)
    • Content hubs and thought leadership
    • Conversion flows
  • Balance:
    • Simplicity vs. depth
    • Storytelling vs. usability
  • Ensure clarity in:
    • Navigation
    • Information hierarchy
    • User flow


3. AI-Compatible Design Enablement

  • Translate design system into formats usable by:
    • AI workflows (MD files, structured inputs)
    • Engineering (component libraries)
  • Partner with engineering to:
    • Enable doc → page workflows
    • Ensure generated pages remain consistent with design rules
  • Define how:
    • Content structure maps to layout
    • Layout maps to components
    • Components map to code
This directly supports the goal:
“Content in a doc → AI-assisted generation → production-ready page”


4. Website Design & Page Creation

  • Design key pages and templates for:
    • Product and solutions
    • Industry narratives
    • Case studies and proof
  • Support rapid iteration cycles:
    • Campaign pages
    • Event landing pages
    • Sales enablement pages
  • Ensure consistency across all outputs


5. Collaboration with Engineering & Marketing

  • Work closely with:
    • Engineers building React/Next.js experience
    • Marketing creating content (Kavya, team)
  • Ensure:
    • Clean handoffs (design → dev)
    • No design drift in implementation
  • Align design decisions with:
    • GTM priorities
    • Sales usage
    • Content strategy


6. Continuous Optimization & Evolution

  • Refine system based on:
    • Performance data
    • User behavior
    • Team feedback
  • Evolve the design system as:
    • New use cases emerge
    • AI workflows expand
  • Prevent:
    • Design fragmentation
    • Over-complexity
    • One-off solutions


Key Outcomes & Success Metrics

  • A clear, scalable design system is established and adopted
  • Website maintains high visual and UX consistency at scale
  • Time to launch new pages is significantly reduced
  • AI-generated pages adhere to design standards automatically
  • Website supports GTM, sales, and content workflows seamlessly
  • Engineering + design collaboration is tight and efficient


Ideal Profile

  • 5–10+ years in:
    • Web design
    • UX/UI design
    • Design systems
  • Strong experience designing component-based systems, not just pages
  • Experience working with:
    • Webflow (required for near-term)
    • React / Next.js environments (strong plus)
  • Deep understanding of:
    • UX principles
    • Information architecture
    • Responsive design
  • Familiarity with:
    • AI-assisted workflows (or strong interest in learning)
    • Structured design systems (tokens, components, patterns)


Critical Traits

  • Systems thinker (not just visual designer)
  • High attention to detail (no drift, no sloppiness)
  • Comfortable in fast-moving, evolving environments
  • Able to balance:
    • Speed vs. quality
    • Creativity vs. constraints
  • Collaborative with both technical and non-technical teams


What This Role Is Not

  • Not a pixel-only designer
  • Not a brand-only creative
  • Not a passive executor of requests
This is a builder of a design system that enables scale.



Required Skills

Design systems React / Next.js Webflow Web design UX/UI design