Name: Make Web By Mouth
Author: Conan School

1 ngày offline (09:00 - 16:00) + 6 tuần học và thực hành online

Triết lý Maker: Ship sớm, đo thật, chỉnh liên tục. Deploy site lên Vercel, test trên nhiều thiết bị

Ship Fast, Learn Fast Philosophy

Thiết kế cảm xúc nhưng đo lường bằng số liệu. Đọc số liệu như đọc cảm xúc người dùng

Emotion x Data Design

Làm việc với AI như cộng sự: prompt design, fix bug bằng hội thoại

AI as Creative Partner

Tư duy Maker: xem website như sản phẩm sống, liên tục tiến hóa dựa trên phản hồi người dùng

Maker Mindset Framework

Cấu trúc cảm xúc trong trải nghiệm: Tò mò → Dẫn dắt → Wow → Lưu luyến

Emotion Architecture Patterns

Tư duy Maker đặt trọng tâm vào người dùng thật, phản hồi thật, và vòng lặp cải tiến thật. Tư duy Creator biến kỹ thuật thành nghệ thuật

Maker/Creator Mindset Framework

Kiến trúc cảm xúc: cấu trúc nhịp trải nghiệm để giữ người dùng ở lại lâu hơn

Emotion Architecture Framework

Chỉ số thành công: Time-On-Site và Bounce Rate như thước đo trải nghiệm

Retention Metrics Framework

Phân tích Time-On-Site, Scroll Depth, Exit Rate, Click Heatmap

Tạo mini loop: Trigger - Action - Reward - Curiosity

Xác định rào cản trải nghiệm và điểm rớt cảm xúc

Biết cách làm Mood Board với màu sắc, ánh sáng, font, texture

Viết lại hero section, heading, CTA, tooltip, error để tạo nhịp giữ người ở lại

Làm việc với AI như cộng sự, xây khung website trong 30 phút

Ship sớm, đo thật, chỉnh liên tục

Nhận diện vibe thương hiệu (Calm, Bold, Hopeful, Mystery) và chuyển thành trải nghiệm thị giác

Nắm được cấu trúc: Tò mò → Dẫn dắt → Wow → Lưu luyến

Hiểu cấu trúc SCQA và Hook-Loop-Reward để tăng Time-On-Site

Nhìn website như sản phẩm đang tiến hóa, không phải hoàn tất

Tạo roadmap lặp lại với KPI rõ ràng

Nhận biết sự khác biệt giữa làm website và làm product, hiểu vai trò của cảm xúc trong trải nghiệm

Hiểu cách xác định phân khúc người dùng, công việc họ thuê website làm, và điểm rớt cảm xúc

Dùng hình, video, motion để dẫn cảm xúc như tempo âm nhạc

Kết hợp tư duy Maker, Emotion Architecture và kỹ thuật để tạo website có vibe

Site cá nhân của bạn Quỳnh, được tạo bằng Make Web By Mouth và Cursor. Website có vibe khiến người dùng ở lại lâu, quay lại thường xuyên.

Quỳnh Kute

Website của Conan School - nền tảng đào tạo chuyên sâu. Được code bằng Make Web By Mouth và Cursor, tạo trải nghiệm người dùng tuyệt vời.

Conan School

Website của Pitstop School - trường học về kinh doanh. Sản phẩm được tạo bằng Make Web By Mouth và Cursor, mang lại trải nghiệm học tập tốt nhất.

Pitstop School

Site cá nhân của Đắc Nguyễn. Được code bằng Make Web By Mouth và Cursor trong khi làm nhiều việc khác, thể hiện sức mạnh của Maker/Creator mindset.

Anh Đắc

Website đám cưới của Giang và Huy. Được tạo bằng Make Web By Mouth và Cursor, tạo ra trải nghiệm cảm xúc và đáng nhớ cho khách mời.

Giang Huy Wedding

Site cá nhân của Đức Huy. Sản phẩm được tạo bằng Make Web By Mouth và Cursor, thể hiện tư duy Maker/Creator và khả năng tạo product có linh hồn.

Huy Today

App PushThroo - hệ thống all-in-one giúp tạo momentum bền vững trong công việc. Được xây dựng bằng Make Web By Mouth và Cursor, đang trong quá trình phát triển.

PushThroo

Website về Jobs-to-be-Done framework tại Conan School. Được tạo bằng Make Web By Mouth và Cursor, giúp học viên hiểu và áp dụng JTBD trong thực tế.

JTBD Conan School

Website của Chu Quan School - nền tảng giáo dục chuyên sâu. Sản phẩm được tạo bằng Make Web By Mouth và Cursor, mang lại trải nghiệm học tập xuất sắc.

Chu Quan School

Website về Personal Branding tại Conan School. Được code bằng Make Web By Mouth và Cursor, giúp học viên xây dựng thương hiệu cá nhân mạnh mẽ.

Personal Branding Conan School

Dùng thử bộ tài nguyên mở giúp bạn cảm nhận tư duy Maker/Creator và bắt đầu tạo website có vibe khiến người dùng ở lại.

Video giới thiệu tư duy Maker/Creator và vì sao 90% website không ai nhớ - và 10% còn lại tạo cảm xúc.

Maker vs. User Mindset trong 15 phút

Hướng dẫn thiết kế nhịp trải nghiệm: Tò mò → Dẫn dắt → Wow → Lưu luyến để tăng Time-On-Site.

Template để map hành trình người dùng từ click đầu tiên đến rời đi, phát hiện điểm rớt cảm xúc (Emotion Drop Points).

Maker's Journey Map Canvas

Hướng dẫn làm việc với AI như cộng sự sáng tạo: prompt design, fix bug bằng hội thoại, giữ nguyên linh hồn ban đầu.

Cursor AI Prompt Design Guide

Template dashboard để đọc số liệu như đọc cảm xúc người dùng: Time-On-Site, Bounce Rate, Scroll Depth, Click Heatmap.

Behavior Analytics Dashboard Template

Nội dung miễn phí - Make Web By Mouth

Make Web By Mouth dành cho những người không chỉ muốn làm website, mà muốn làm product - một sản phẩm sống có linh hồn, có nhịp, có trải nghiệm người dùng. Khóa học dạy bạn tư duy Maker/Creator: hiểu người dùng, tạo cảm xúc, thử nghiệm, đo lường, và cải tiến. Mục tiêu cuối cùng: một website khiến người ta ở lại lâu hơn, quay lại thường xuyên, và nhớ mãi - không vì tính năng, mà vì trải nghiệm, nhịp cảm xúc và linh hồn của người tạo ra nó.

Vì sao nên học Make Web By Mouth?

Trải nghiệm 6 units được thiết kế để bạn không chỉ làm website, mà làm product - có linh hồn, có nhịp, có trải nghiệm người dùng. Mục tiêu: website khiến người ta ở lại lâu hơn, quay lại thường xuyên, và nhớ mãi.

Xây nền tảng tư duy sản phẩm. Hiểu người dùng, hiểu vấn đề, và định vị sản phẩm như một Maker.

Think Like a Maker

Biến cảm xúc thương hiệu thành trải nghiệm thị giác và cảm giác - thứ khiến người dùng ở lại.

Design The Vibe

Biến website thành câu chuyện có nhịp, có độ tò mò, có phần thưởng cảm xúc.

Build The Story

Biến ý tưởng thành sản phẩm thật bằng công cụ AI, giữ nguyên linh hồn ban đầu.

Build The Product

Nuôi sản phẩm - đo, phân tích, cải tiến để Time-On-Site ngày càng tăng.

Iterate The Experience

Tư duy phản chiếu - nhìn website như một sản phẩm đang tiến hóa, không phải hoàn tất.

Showcase & Reflect

Hành trình Make Web By Mouth - Think Like a Maker, Build Like a Creator

Xem website như sản phẩm sống, liên tục tiến hóa. Tư duy Maker đặt trọng tâm vào người dùng thật, phản hồi thật, và vòng lặp cải tiến thật

Maker/Creator Mindset

Thiết kế cảm xúc nhưng đo lường bằng số liệu. Đọc số liệu như đọc cảm xúc người dùng: Time-On-Site, Bounce Rate, Scroll Depth

Giữ chân người dùng bằng trải nghiệm và vibe - không bằng mánh lới. Emotion Architecture: Tò mò → Dẫn dắt → Wow → Lưu luyến

The Art of Retention

Facebook

YouTube

Khóa học không chỉ là 1 ngày workshop offline, mà còn bao gồm 6 tuần học và thực hành online liên tục. Trong quá trình học, học viên sẽ tạo ra tối thiểu 3 websites để đảm bảo nắm vững kiến thức và kỹ năng. Lưu ý: Học viên sẽ sử dụng Cursor để học, không phải Lovable hay Replit.

Học viên cần tạo ra tối thiểu 3 websites ngay trong quá trình học

Áp dụng nhịp và cấu trúc âm nhạc để xây dựng luồng người dùng

Rhythm Driven Design

Xây dựng prototype tương tác trong 120 phút

Prototype Sprint

Thiết kế hệ thống thu thập dữ liệu realtime cho bản beta

Live Feedback Loop

Hosting miễn phí & Bảo mật dữ liệu

Học xong, bạn có thể mở dịch vụ làm web để có thêm thu nhập, hoặc làm các website cá nhân để giúp bạn bè người thân trong khía cạnh Personal Branding.

Cơ hội sau khi học

Trải nghiệm podcast cho phép người nghe remix nhạc nền theo cảm xúc từng đoạn

Interactive Podcast Playground

Bảng điều khiển visual cho phép DJ sync ánh sáng với BPM tự động

Realtime VJ Dashboard

Tư duy Maker/Creator: Tạo website khiến người ta ở lại lâu, quay lại thường xuyên, và nhớ mãi

Think Like a Maker, Build Like a Creator: Create websites that keep users engaged, coming back, and remembered

Ra mắt microsite tương tác cho buổi ra mắt album, thu về 15.000 lượt truy cập trong tuần đầu

Biến workshop nội bộ thành trải nghiệm cảm giác mạnh, giúp tăng 40% điểm NPS

Những người muốn tạo website có vibe khiến người dùng ở lại lâu, quay lại thường xuyên, và nhớ mãi

Những người muốn dùng AI (Cursor) như cộng sự sáng tạo để build product nhanh, giữ nguyên linh hồn ban đầu

Creative Producer

Product Designer

Tạo web bằng mồm

Make Web By Mouth

Người dùng trải nghiệm, Maker kiến tạo trải nghiệm. Vì sao 90% website không ai nhớ - và 10% còn lại tạo cảm xúc?

Maker vs. User Mindset

Phân khúc (STP) và Job-to-be-Done theo cảm xúc. Công việc mà người dùng đang thuê website bạn làm

User Segment & JTBD

Hành trình người dùng từ click đầu tiên đến rời đi. Phát hiện điểm rớt cảm xúc (Emotion Drop Points)

Journey Map & Pain Barrier

Người dùng trải nghiệm, Maker kiến tạo trải nghiệm. Vì sao 90% website không ai nhớ - và 10% còn lại tạo cảm xúc? Bài tập: Phân tích 3 website bạn từng ở lại lâu - vì sao?

Thế nào là mindset của Maker vs. User?

Phân khúc (STP) và Job-to-be-Done theo cảm xúc. Bài tập: Viết lại Công việc mà người dùng đang thuê website bạn làm

Làm sao xác định User Segment & JTBD thật sự?

Identify User Segment & Real JTBD

Hành trình người dùng từ click đầu tiên đến rời đi. Phát hiện điểm rớt cảm xúc (Emotion Drop Points). Deliverable: Bản đồ cảm xúc 5 phút đầu tiên khi người dùng ghé site

Làm sao sử dụng Journey Map để phát hiện Pain Barrier?

Hiểu cách xác định phân khúc người dùng và công việc họ thuê website làm

Map hành trình người dùng từ click đầu tiên đến rời đi, phát hiện điểm rớt cảm xúc

THINK LIKE A MAKER - HIỂU NGƯỜI DÙNG, NHƯNG CŨNG HIỂU CHÍNH MÌNH

Website bạn mang vibe gì? Calm, Bold, Hopeful, hoặc Mystery? Chọn 3 tính từ mô tả vibe và cảm xúc mục tiêu

Emotional Core

Làm Mood Board như prototype cảm xúc. Màu sắc, ánh sáng, font, texture - và vì sao chúng khiến người ta ở lại lâu hơn

Mood Board của Maker

Kiến trúc cảm xúc: Cấu trúc nhịp trải nghiệm: Tò mò → Dẫn dắt → Wow → Lưu luyến

Emotion Architecture

Website bạn mang vibe gì? Calm, Bold, Hopeful, hoặc Mystery? Bài tập: Chọn 3 tính từ mô tả vibe và cảm xúc mục tiêu

Làm sao xác định Emotional Core của sản phẩm?

Identify Emotional Core

Làm Mood Board như prototype cảm xúc. Màu sắc, ánh sáng, font, texture - và vì sao chúng khiến người ta ở lại lâu hơn. Deliverable: Mood Board thể hiện vibe thương hiệu + lý do chọn từng yếu tố

Làm sao tạo Mood Board của Maker?

Maker's Mood Board

Cấu trúc nhịp trải nghiệm: Tò mò → Dẫn dắt → Wow → Lưu luyến. Bài tập: Vẽ Emotion Flow 4 trạng thái người dùng trong 30s đầu

Làm sao thiết kế Emotion Architecture?

Nắm được cấu trúc nhịp trải nghiệm: Tò mò → Dẫn dắt → Wow → Lưu luyến

DESIGN THE VIBE - CẢM XÚC CHÍNH LÀ SẢN PHẨM

3 nguyên tắc storytelling cho Time-On-Site cao. Cấu trúc SCQA và Hook-Loop-Reward

Story Arc & Curiosity Gap

Microcopy giữ cảm xúc: heading, CTA, tooltip, error. Viết lại hero section để tạo nhịp giữ người ở lại

Microcopy như UX Design

Dùng hình, video, motion để dẫn cảm xúc (như tempo âm nhạc)

Visual Storytelling & Tempo

3 nguyên tắc storytelling cho Time-On-Site cao. Cấu trúc SCQA và Hook-Loop-Reward. Bài tập: Viết đoạn mở đầu khiến người đọc phải kéo xuống

Làm sao sử dụng Story Arc & Curiosity Gap?

Microcopy giữ cảm xúc: heading, CTA, tooltip, error. Bài tập: Viết lại hero section để tạo nhịp giữ người ở lại

Làm sao viết Microcopy như UX Design?

Microcopy as UX Design

Dùng hình, video, motion để dẫn cảm xúc (như tempo âm nhạc). Deliverable: Storyboard website theo 3 lớp cảm xúc (Visual, Textual, Behavioral)

Làm sao tạo Visual Storytelling & Tempo?

Làm sao để website thể hiện được cá tính và đặc trưng của riêng bạn?

Cursor AI & Next.js cho người mới

Thêm motion, delay, scroll effects - như đạo diễn cảm xúc người dùng. Giữ nhịp tò mò - hài lòng - tò mò tiếp

Craft the Flow

Launch Fast, Learn Fast

Làm việc với AI như cộng sự: prompt design, fix bug bằng hội thoại. Bài tập: Xây khung website đầu tiên trong 30 phút

Làm sao sử dụng Cursor AI & Next.js cho người mới?

Cursor AI & Next.js for Beginners

Thêm motion, delay, scroll effects - như đạo diễn cảm xúc người dùng. Giữ nhịp tò mò - hài lòng - tò mò tiếp. Deliverable: Website có 1 animation khiến người dùng muốn ở lại

Làm sao craft the flow?

Triết lý Maker: Ship sớm, đo thật, chỉnh liên tục. Deploy site lên Vercel, test trên nhiều thiết bị. Bài tập: Đo Time-On-Site và Bounce Rate sau 3 ngày đầu

Làm sao launch fast và learn fast?

Thêm motion, delay, scroll effects để đạo diễn cảm xúc người dùng

Làm sao biến ý tưởng thành chiếc website thật sự?

Đọc số liệu như đọc cảm xúc người dùng. Metrics: Time-On-Site, Scroll Depth, Exit Rate, Click Heatmap

Behavior Analytics như một Maker

Thiết kế mini loop: Trigger - Action - Reward - Curiosity. Thêm yếu tố bất ngờ nhẹ nhàng giữ dopamine chảy đều

Habit Loop & Dopamine Design

Giảm rào cản trải nghiệm, tăng tốc độ cảm xúc. 3 giây đầu tiên: visual, text, CTA phải đồng nhịp

Reduce Friction & Emotional Drop

Đọc số liệu như đọc cảm xúc người dùng. Metrics: Time-On-Site, Scroll Depth, Exit Rate, Click Heatmap. Deliverable: Báo cáo ngắn Người dùng đang ở lại vì điều gì?

Làm sao đọc Behavior Analytics như một Maker?

Behavior Analytics as a Maker

Thiết kế mini loop: Trigger - Action - Reward - Curiosity. Thêm yếu tố bất ngờ nhẹ nhàng giữ dopamine chảy đều. Bài tập: Thiết kế 1 Curiosity Loop khiến người dùng click thêm 1 lần

Làm sao thiết kế Habit Loop & Dopamine Design?

Giảm rào cản trải nghiệm, tăng tốc độ cảm xúc. 3 giây đầu tiên: visual, text, CTA phải đồng nhịp. Deliverable: Checklist 3s chống thoát trang cho website cá nhân

Làm sao reduce Friction & Emotional Drop?

ITERATE THE EXPERIENCE - GIỮ NGƯỜI DÙNG Ở LẠI LÂU HƠN, QUAY LẠI NHIỀU HƠN

Trình bày hành trình: Insight → Idea → Build → Learn

Product Review Session

Feedback như một sản phẩm đang phát triển. Nhận phản hồi, viết lại 1 đoạn copy hoặc 1 layout

Peer Review & Rebuild Mindset

Trình diễn website trước hội đồng mentor. Đánh giá theo 3 trục: Time-On-Site, Bounce Rate, Emotional Recall

The Maker's Showcase

Trình bày hành trình: Insight → Idea → Build → Learn. Bài tập: Chuẩn bị Maker Deck - 5 slides kể hành trình

Làm sao thực hiện Product Review Session?

Feedback như một sản phẩm đang phát triển. Nhận phản hồi, viết lại 1 đoạn copy hoặc 1 layout dựa trên feedback

Làm sao áp dụng Peer Review & Rebuild Mindset?

Trình diễn website trước hội đồng mentor. Đánh giá theo 3 trục: Time-On-Site, Bounce Rate, Emotional Recall. Tổng kết: Website có thể nhỏ, nhưng phải có vibe khiến người ta không muốn rời đi

Làm sao trình diễn The Maker's Showcase?

Nhận phản hồi và cải tiến sản phẩm dựa trên feedback

Đánh giá website theo 3 trục: Time-On-Site, Bounce Rate, Emotional Recall

Kiến thức (2)

Hiểu biết (3)

Ứng dụng (4)

Phân tích (3)

Tổng hợp (2)

Đánh giá (2)

1Làm sao xây nền tảng tư duy sản phẩm?

2Làm sao biến cảm xúc thương hiệu thành trải nghiệm thị giác?

3Làm sao biến website thành câu chuyện có nhịp?

4Làm sao biến ý tưởng thành sản phẩm thật bằng công cụ AI?

5Làm sao nuôi sản phẩm để Time-On-Site ngày càng tăng?

6Làm sao nhìn website như một sản phẩm đang tiến hóa?