Ivan Liashkevich
ef38a90059
- Created a sustainability page with detailed eco-friendly practices and certifications. - Added a contacts page featuring multiple communication channels and company details. - Introduced a comprehensive technical requirements document covering Core Web Vitals and SEO best practices. - Developed a glossary of terms related to performance, SEO, technical development, and marketing.
147 lines
7.5 KiB
Markdown
147 lines
7.5 KiB
Markdown
---
|
||
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 (в порядке конверсии)
|
||
1. **«Замовити безкоштовний зразок»** — физический образец = 4-8% конверсия vs 1-2% у формы
|
||
2. **«Написати в Telegram»** — 51% украинцев в Telegram, главный канал коммуникации
|
||
3. **«Зателефонувати»** — для тех кто старше или не в Telegram
|
||
4. Viber — дополнительный канал
|
||
5. Контактная форма — **только имя + телефон**, 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.tsx`
|
||
- `components/home/product-categories.tsx`
|
||
- `components/home/value-props.tsx`
|
||
- `components/forms/contact-form.tsx`
|
||
- `app/(site)/blog/page.tsx`
|
||
- `app/(site)/projects/page.tsx` + `[slug]/page.tsx`
|
||
- `app/(site)/calculator/page.tsx`
|
||
|
||
**Frontend — изменить:**
|
||
- `app/(site)/page.tsx` — замена placeholder на реальную главную
|
||
- `lib/navigation.ts` — добавить новые ссылки в шапку/футер
|
||
|
||
**Backend — создать:**
|
||
- `ContactFormsController.cs` + entity `ContactForm` (имя, телефон, сообщение)
|
||
- `ProjectsController.cs` + entity `Project`
|
||
|
||
**CMS (через `/admin/pages`, без кода):**
|
||
- `/contacts`, `/about`, `/faq`, `/dealers`, статьи блога
|
||
|
||
---
|
||
|
||
## Связанные файлы
|
||
|
||
- [[01 — Главная]]
|
||
- [[02 — Контакты]]
|
||
- [[03 — О компании]]
|
||
- [[04 — FAQ]]
|
||
- [[05 — Блог]]
|
||
- [[06 — Галерея проектов]]
|
||
- [[07 — Де купити]]
|
||
- [[08 — Калькулятор]]
|