- Created FAQ page with structured questions and answers for customer support. - Added Sustainability page detailing eco-friendly practices and certifications. - Introduced Contacts page with comprehensive contact information and forms. - Established Technical Requirements page outlining SEO and performance standards. - Compiled a Glossary of terms related to performance, SEO, and construction materials.
7.5 KiB
7.5 KiB
tags, created
| tags | created | |||
|---|---|---|---|---|
|
2026-02-17 |
📋 Реалистичный план сайта — 2 недели
[!info] Контекст Это урезанная, реалистичная версия относительно ../site/00 — Карта сайта. Рассчитана на 2 недели с Claude Code — с учётом того, что уже сделано в GBSite.
Что уже готово в GBSite (делать не нужно)
| Страница | URL | Статус |
|---|---|---|
| Каталог | /products |
✅ Готово — галерея с фильтрами по оттенкам, SSR |
| Карточка товара | /product/{colorSlug} |
✅ Готово — карусель, селектор размер/цена, поверхности, Schema.org |
| Админка | /admin |
✅ Готово — изображения, товары, CMS-страницы |
| CMS-движок | — | ✅ 10 типов блоков: Text, Image, Gallery, Quote, CTA, Accordion, FAQ, Contacts, Video, Divider |
| Загрузка фото | /admin/images/upload |
✅ Async обработка, R2 CDN, 5 вариантов размеров, WebP |
| SEO-база | — | ✅ Сайтмапы, breadcrumbs, robots.txt, JSON-LD |
Карта сайта (реалистичная)
/ (Главна) → 01 — Главная [P0, кастом ~12ч]
├── /products/ → ГОТОВО
│ └── /product/{colorSlug}/ → ГОТОВО
├── /contacts/ → 02 — Контакты [P0, CMS ~3ч]
├── /about/ → 03 — О компании [P0, CMS ~3ч]
├── /faq/ → 04 — FAQ [P0, CMS ~3ч]
├── /blog/ → 05 — Блог [P1, CMS ~8ч]
│ └── /blog/{slug}/ → через CMS catch-all
├── /projects/ → 06 — Галерея [P1, кастом ~12ч]
│ └── /projects/{slug}/ → кастом
├── /dealers/ → 07 — Де купити [P1, CMS ~2ч]
└── /calculator/ → 08 — Калькулятор [P1, кастом ~6ч]
Таймлайн
Неделя 1 — P0 (без этого не запускаемся)
| День | Задача | Оценка | Выход |
|---|---|---|---|
| 1–2 | Главная (Hero + Категории + УТП) | ~12ч | / с реальным контентом |
| 2–3 | Контакты через CMS | ~3ч | /contacts опубликована |
| 3 | О компании через CMS | ~3ч | /about опубликована |
| 4 | FAQ через CMS (20+ вопросов) | ~3ч | /faq + FAQPage schema |
| 4–5 | Данные товаров (Google Sheets) | ~6ч | Реальные цены у 50+ товаров |
| 5 | Загрузка 25+ фото через админку | ~4ч | Каталог с реальными фото |
Неделя 2 — P1 (усиление SEO и конверсии)
| День | Задача | Оценка | Выход |
|---|---|---|---|
| 6–7 | Галерея проектов (новая сущность + frontend) | ~12ч | /projects masonry grid |
| 7–8 | Блог (листинг + написать 3 статьи) | ~8ч | /blog — 3 SEO-статьи |
| 9 | Де купити через CMS + карта | ~2ч | /dealers — 3 дилера |
| 9–10 | Калькулятор (client-side) | ~6ч | /calculator |
| 10 | Тестирование + деплой | ~4ч | Всё на продакшне |
Ключевые принципы конверсии (high-ticket, 5–15k$)
[!important] Покупатель принимает решение 6 месяцев Большинство не заполнит форму при первом визите. Цель — попасть в шорт-лист и быть там пока он не готов.
Главные CTA (в порядке конверсии)
- «Замовити безкоштовний зразок» — физический образец = 4-8% конверсия vs 1-2% у формы
- «Написати в Telegram» — 51% украинцев в Telegram, главный канал коммуникации
- «Зателефонувати» — для тех кто старше или не в Telegram
- Viber — дополнительный канал
- Контактная форма — только имя + телефон, email не запрашивать вообще
Trust-сигналы для $10k+ покупки
- Проекты с масштабом: «Котеджне містечко, Одеса, 850 кв.м.» — не просто красивое фото
- Фото и видео производства — показывает реальность компании
- «Єдині в Україні» — защищаемое УТП, использовать на каждой странице
- М200, F300 — с объяснением что это значит (большинство не знает)
- Имя и фото владельца — owner-operated требует личного присутствия
- Никаких стоковых фото
AI-поиск 2026
- AI-трафик конвертирует в 4-5x лучше Google (14.2% vs 2.8%)
- FAQ Schema.org FAQPage → попадание в Google AI Overviews
- Отвечать на вопросы типа «яка мінімальна партія?», «чи є доставка до Києва?»
Отложено (не в эти 2 недели)
| Страница | Почему |
|---|---|
| Конфигуратор фасада | 2–3 месяца — WebGL, AI-сегментация фото |
| Для архитекторов | B2B лендинг, не нужен для первых Ads |
| Для строителей | Можно начать с PDF на странице FAQ/О компании |
| Экологичность | ESG-страница, nice-to-have |
| Глоссарий | 100+ терминов — слишком много контента |
Файлы GBSite которые затронет работа
Frontend — создать:
components/home/hero-section.tsxcomponents/home/product-categories.tsxcomponents/home/value-props.tsxcomponents/forms/contact-form.tsxapp/(site)/blog/page.tsxapp/(site)/projects/page.tsx+[slug]/page.tsxapp/(site)/calculator/page.tsx
Frontend — изменить:
app/(site)/page.tsx— замена placeholder на реальную главнуюlib/navigation.ts— добавить новые ссылки в шапку/футер
Backend — создать:
ContactFormsController.cs+ entityContactForm(имя, телефон, сообщение)ProjectsController.cs+ entityProject
CMS (через /admin/pages, без кода):
/contacts,/about,/faq,/dealers, статьи блога