Перестройка сайта под solopreneur-путь

Что было до

Старый сайт был портфолио-витриной — 131 проект, фильтры по тегам, красивые карточки. Хорошо для «посмотрите, что я сделал». Плохо для «нанимайте меня» или «купите мой продукт».

Проблемы:

• Нет чёткого пути от «мне нравится твоя работа» → «давай поработаем вместе»
• Блог/идеи смешаны с проектами, нет чёткого продуктового нарратива
• Нет плейграунда для экспериментов/заметок (где происходит настоящее обучение)
• Нет чёткой продуктовой воронки — просто контактная форма

Что изменилось (на этой неделе)

Новая структура:

/                    → Hero: "Independent designer, vibe coder & solopreneur in progress"
/services (Work)     → 3 формата: Project / Partnership / Consulting
/projects            → Curated showcase (20-40 hand-picked) + full archive
/playground          → 4 полки: Experiments, Product Logs, Case Studies, Notes
/about               → Timeline (2019→2026) + "What's next"
/contact (Connect)   → 4 двери: Project / Collab / Consulting / Support

Почему такая структура:

• /services = воронка «нанимай меня» (фиксированная цена, 3 формата)
• /playground = воронка «вот как я думаю» (строит доверие до найма)
• /about = якорь доверия (15 лет, 131 проект, реальный таймлайн)
• /contact = одна форма, 4 двери, предзаполненная из реферера

Что дальше (продуктовая воронка)

Playground → Products:

• Case studies → доказательство, что я умею шипить
• Notes → доказательство, что глубоко думаю над ремеслом
• Product logs → доказательство, что строю свои продукты
• Experiments → доказательство, что всё ещё учусь

Первые продукты в пайплайне:

1. Design+Code starter kit — Next.js + Neon + Supabase + Tailwind + Framer Motion, pre-configured с моими паттернами
2. Figma → v0 → Supabase template — точный пайплайн из Note #1, упакованный
3. Thai localization kit — EN/TH glossary, Noto Sans Thai setup, Thai date formatting, Thai PWA manifest

Timeline: Первый продукт (starter kit) таргетим Q1 2027. Контент Playground кормит воронку — каждый кейс/нота/лог — демо методологии, которую я продаю.

Почему эта структура работает

Старая ментальная модель: «Портфолио доказывает, что я крутой» → Контактная форма → Может наняют
Новая ментальная модель: «Плейграунд доказывает, что я думаю как ты» → Services page → Fixed quote → Ship

Плейграунд — это не блог. Это proof layer. Каждый кейс, нота, product log — демо методологии, которую я продаю.