Intermediate Program

Full-Stack
Designer

Master the entire product lifecycle. From deep UX research and high-fidelity Figma systems to building functional products with Framer and Webflow.

Duration8 Weeks
Students250+
Figma
Framer
Webflow
Notion
Airtable
Zapier
Learning Outcomes

What you'll master.

What is UX? (It's not just pretty screens)

Understand the difference between UI and UX. Learn why companies pay ₹15-30 LPA for people who can think about users.

The Design Thinking Framework

The 5-step process used by Google, Apple, and IDEO. You'll use this framework for every project.

User Research — Interviews That Work

Learn to ask questions that reveal real user problems. Live interview walkthrough included.

Surveys & Quantitative Research

When to use surveys vs interviews. Write questions that don't lead people to the answer you want.

The Roadmap

Detailed
Curriculum

01

Design Thinking & UX Foundations

5 hours content
What is UX? (It's not just pretty screens)

Understand the difference between UI and UX. Learn why companies pay ₹15-30 LPA for people who can think about users.

25 min
The Design Thinking Framework

The 5-step process used by Google, Apple, and IDEO. You'll use this framework for every project.

30 min
User Research — Interviews That Work

Learn to ask questions that reveal real user problems. Live interview walkthrough included.

35 min
Surveys & Quantitative Research

When to use surveys vs interviews. Write questions that don't lead people to the answer you want.

20 min
Creating User Personas

Build personas your team will actually use — not fictional character sheets that get ignored.

25 min
User Journey Mapping

Map the emotional journey from first touch to loyal customer. Find the pain points that matter.

30 min
Information Architecture

Organize content so users find things intuitively. Card sorting, sitemaps, and navigation patterns.

25 min
🔨 Project: Research & Wireframe a Real App

Conduct 3 user interviews, create a persona, map the journey, and wireframe 5 screens.

90 min
02

Visual Design Mastery with Figma

7 hours content
Figma Workspace Tour — Shortcuts That Save Hours

Master the workspace, frames, groups, pages, and keyboard shortcuts.

20 min
Typography — The Invisible Art

Choosing fonts, pairing them, and creating type scales that make your UI feel professional.

30 min
Color Theory & Psychology in UI

Why blue feels trustworthy, red feels urgent. Use color to influence user behavior.

35 min
Spacing, Rhythm & The 8px Grid

The secret behind every well-designed interface. The spacing system that makes layouts feel 'right'.

25 min
Layout Grids & Responsive Design

12-column grids, breakpoints, and designing for mobile, tablet, and desktop.

30 min
Component Architecture — Atoms to Organisms

Atomic design methodology. Build components that scale from a button to an entire page.

35 min
Auto Layout Deep Dive

The most powerful Figma feature. Master responsive components that flex.

40 min
Design Tokens & Variables

Single source of truth for colors, spacing, and typography. Change once, update everywhere.

25 min
Interactive Prototyping

Make your designs feel real. Navigation, hover states, scrolling, and smart animate.

30 min
Handoff to Developers

Generate specs that developers understand. Dev mode, inspect panel, naming conventions.

20 min
Design System From Scratch

Combine everything into a living design system. Components, tokens, documentation.

45 min
🔨 Project: Complete Mobile App UI

15+ screens, design system, interactive prototype, and dev-ready handoff.

120 min
03

Building with Framer

5 hours content
Framer Workspace & Mental Model

How Framer thinks about layout, components, and pages.

20 min
Importing From Figma — The Right Way

The workflow that keeps layers clean and components editable.

15 min
Responsive Design in Framer

Breakpoints, stacks, and fluid layouts. One design for every screen.

30 min
Interactions & Animations

Scroll-triggered animations, hover states, page transitions, and micro-interactions.

35 min
CMS — Dynamic Content

Blog posts, portfolio items, team pages — from a visual CMS. No database needed.

30 min
Forms, Integrations & Tools

Connect forms to email, add analytics, embed maps, calendars, and payments.

25 min
SEO & Performance

Meta tags, Open Graph, page speed, image optimization.

20 min
🔨 Project: Portfolio Website

Design and deploy your portfolio with project pages, about section, contact form.

90 min
04

Webflow for Production Sites

6 hours content
Webflow vs Framer — When to Use Which

Performance, SEO, CMS power, client handoff — when each tool wins.

15 min
The Box Model

Every layout bug comes from not understanding the box model. We fix that.

25 min
Flexbox in Webflow

Horizontal layouts, vertical centering, wrapping, alignment — all visual.

30 min
CSS Grid in Webflow

Magazine-style grids, overlapping elements, responsive area templates.

30 min
CMS Collections

Blogs, portfolios, directories. Template pages, collection lists, filters.

35 min
Interaction Animations

Scroll animations, page load effects, hover reveals. Without JavaScript.

30 min
E-Commerce Basics

Product pages, cart, checkout. Build a basic store your client can manage.

25 min
Client Handoff & Hosting

Transfer projects, editor access, hosting, billing. Professional workflow.

20 min
SEO Checklist

Title tags, meta descriptions, alt text, sitemaps, redirects.

15 min
🔨 Project: Client Landing Page + Blog

Complete client site: hero, features, testimonials, blog CMS, contact form.

120 min
05

No-Code Product Toolkit

4 hours content
Notion — Databases That Think

Relational databases, linked views, formulas, templates.

25 min
Airtable — Relational Data Without SQL

Linked records, automations, views, and API access.

25 min
Building a CRM From Scratch

Track leads, clients, projects. Automate follow-ups. Replace expensive SaaS.

30 min
Zapier — Connecting Everything

Triggers, actions, filters. Make your tools talk automatically.

25 min
Building an MVP Without Code

Combine Webflow + Airtable + Zapier. Validate your idea before code.

30 min
User Testing Your Products

5-second tests, usability testing, feedback loops.

20 min
Pricing Your Services

Hourly vs project pricing. How to scope, quote, and negotiate.

20 min
🔨 Project: Complete SaaS MVP

Build a functional MVP that accepts users, stores data, and automates workflows.

90 min
06

Portfolio & Career Launch

3 hours content
What Makes a Portfolio Stand Out

We review 10 real portfolios — the good, the bad, and the hired.

20 min
Case Study Writing — The STAR Method

Situation → Task → Action → Result. Turn projects into compelling stories.

30 min
Curating Your Best Work

Quality over quantity. Select and present 3-4 projects that tell your story.

15 min
Building Your Portfolio Site

Using Figma + Framer or Webflow — build a portfolio that represents you.

25 min
Freelancing — Finding Clients

Upwork, LinkedIn, Twitter, referrals. Finding clients without being pushy.

25 min
LinkedIn & Twitter Presence

Build in public. The social media strategy that brings clients to you.

15 min
Interview Prep & Design Challenges

Whiteboard challenges, take-home projects. Practice with real prompts.

25 min
Salary Negotiation

Real salary data for Indian designers. How to negotiate what you're worth.

20 min
Building in Public

How sharing your journey creates opportunities applications can't.

15 min
🔨 Project: Ship Your Portfolio

Deploy your portfolio with 2 case studies. Share publicly. Get peer feedback.

90 min
The Instructors

Masters of the craft.

Jayaprem V

Leading UI/UX Designer

Ex-Product lead with 8+ years experience building scalable design systems.

Balapriyan B

Founder & Lead Developer

Specialist in automation and high-performance no-code architecture.

Dhanethire M

Junior UI/UX Developer

Specialist in responsive implementation and interaction design.

Common Questions

Everything you need to know.

I have zero design experience. Can I really do this?

Yes. Module 01 starts from 'what is UX?' By Module 03 you'll be building websites. We've had students from accounting, BPO, teaching, and retail succeed.

How is this different from YouTube?

YouTube teaches individual concepts. We build complete projects. Every module ends with you shipping something real — plus community support and accountability.

Do I need to buy any tools?

No. Figma, Framer, and Webflow all have free tiers. Notion and Airtable are also free. You'll only pay for hosting when you want a custom domain (₹500-1000/year).

Is this in Tamil or English?

Both! Concepts in Tamil so you truly understand. Technical terms stay in English because that's what the industry uses.

What if I get stuck?

Community average response time: under 5 minutes. Every lesson has a discussion thread. You can tag mentors for project help.

How long to complete?

At 1-2 hours/day, most finish in 6-8 weeks. Lifetime access — go at your own pace. Some finish in 3 weeks.

Will this help me get a job?

Module 06 covers interview prep, salary negotiation, and freelancing. Students have landed roles at startups, agencies, and as freelancers earning ₹30-60K/month.

Can I get a refund?

30-day money-back guarantee, no questions asked. Complete Module 01 — if it's not for you, email us for a full refund.

Download
Syllabus

Get the full week-by-week breakdown and project details in PDF.

Still have
questions?

Book a 1:1 consultation with our mentors to find your path.

Ready to Start?

Begin your journey to
Design Mastery

Join 200+ students already building the future. Limited seats available for the next cohort starting soon.

1
2
3
4

Join 50+ students today

200+Students Enrolled
250+Live Sessions
98%Completion Rate
4.9★Trust Score