Перебудова сайту під 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 — демо методології, яку я продаю.