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





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

- 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
- 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”

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

📌 Web Experience & Design Systems Lead (AI-Native Web) (Mumbai)
🏢 RapidCanvas
📍 Mumbai