Add new pages for sustainability, contacts, technical requirements, glossary, and related content

- 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.
This commit is contained in:
2026-02-19 23:07:51 +02:00
parent 97f0036fe0
commit ef38a90059
50 changed files with 1040 additions and 236 deletions

View File

@@ -0,0 +1,146 @@
---
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 (без этого не запускаемся)
| День | Задача | Оценка | Выход |
|---|---|---|---|
| 12 | Главная (Hero + Категории + УТП) | ~12ч | `/` с реальным контентом |
| 23 | Контакты через CMS | ~3ч | `/contacts` опубликована |
| 3 | О компании через CMS | ~3ч | `/about` опубликована |
| 4 | FAQ через CMS (20+ вопросов) | ~3ч | `/faq` + FAQPage schema |
| 45 | Данные товаров (Google Sheets) | ~6ч | Реальные цены у 50+ товаров |
| 5 | Загрузка 25+ фото через админку | ~4ч | Каталог с реальными фото |
### Неделя 2 — P1 (усиление SEO и конверсии)
| День | Задача | Оценка | Выход |
|---|---|---|---|
| 67 | Галерея проектов (новая сущность + frontend) | ~12ч | `/projects` masonry grid |
| 78 | Блог (листинг + написать 3 статьи) | ~8ч | `/blog` — 3 SEO-статьи |
| 9 | Де купити через CMS + карта | ~2ч | `/dealers` — 3 дилера |
| 910 | Калькулятор (client-side) | ~6ч | `/calculator` |
| 10 | Тестирование + деплой | ~4ч | Всё на продакшне |
---
## Ключевые принципы конверсии (high-ticket, 515k$)
> [!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 недели)
| Страница | Почему |
|---|---|
| Конфигуратор фасада | 23 месяца — 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 — Калькулятор]]