Add wireframes and content structure for main pages, including Home, Contacts, About, FAQ, Blog, Projects, Dealers, and Calculator; introduce new images for products.

This commit is contained in:
2026-02-18 11:19:44 +02:00
parent ad444871de
commit 97f0036fe0
10 changed files with 464 additions and 0 deletions

View File

@@ -33,6 +33,80 @@ created: 2026-02-17
--- ---
## Макет сторінки (wireframe)
```
┌──────────────────────────────────────────────────────────────────┐
│ GoodBrick Каталог Про нас Ціни Ще КОНТАКТИ │
├──────────────────────────────────────────────────────────────────┤
│ │
│ ┌──────────────── HERO (full-width фото фасаду) ─────────────┐ │
│ │ │ │
│ │ ФАСАДИ, ЯКІ СЛУЖАТЬ ПОКОЛІННЯМ │ │
│ │ Фасадна плитка ручного формування. │ │
│ │ Єдині в Україні з мінеральною технологією. │ │
│ │ │ │
│ │ ╔══════════════════════╗ ╔══════════════════════╗ │ │
│ │ ║ Замовити зразок ║ ║ Переглянути каталог ║ │ │
│ │ ╚══════════════════════╝ ╚══════════════════════╝ │ │
│ └────────────────────────────────────────────────────────────┘ │
│ │
│ ── КАТЕГОРІЇ ПРОДУКЦІЇ ── │
│ │
│ ┌─────────────────┐ ┌─────────────────┐ ┌─────────────────┐ │
│ │ [фото] │ │ [фото] │ │ [фото] │ │
│ │ │ │ │ │ │ │
│ │ ПЛИТКА │ │ ПОЛОВИНКА │ │ ЦЕГЛА │ │
│ │ 1525 мм │ │ ЦЕГЛИ │ │ NF, WDF… │ │
│ │ товщина │ │ дешевша │ │ класична │ │
│ │ Каталог → │ │ логістика │ │ укладка │ │
│ │ │ │ Каталог → │ │ Каталог → │ │
│ └─────────────────┘ └─────────────────┘ └─────────────────┘ │
│ │
│ ── ЧОМУ GOODBRICK ── │
│ │
│ ┌────────────┐ ┌────────────┐ ┌────────────┐ ┌──────────┐ │
│ │ 🏭 │ │ 💪 │ │ 💧 │ │ 📅 │ │
│ │ Єдині │ │ М200, F300 │ │ 35% │ │ З 2022 │ │
│ │ в Україні │ │ міцність + │ │ вологопогл.│ │ року │ │
│ │ │ │ морозост. │ │ │ │ │ │
│ └────────────┘ └────────────┘ └────────────┘ └──────────┘ │
│ │
│ ── ПРОЕКТИ ── │
│ │
│ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌──────────┐ │
│ │ [фото] │ │ [фото] │ │ [фото] │ │ [фото] │ │
│ │ Одеса │ │ Київ │ │ Хмельн. │ │ … │ │
│ │ 850 м² │ │ │ │ │ │ │ │
│ └──────────┘ └──────────┘ └──────────┘ └──────────┘ │
│ [Усі проекти →] │
│ │
│ ── ЯК ЦЕ ПРАЦЮЄ ── │
│ │
│ ①─────────────────②─────────────────③ │
│ Замовте Оберіть Отримайте │
│ зразок колір і поверхню доставку │
│ │
│ ── ЧОМУ НАМ ДОВІРЯЮТЬ ── │
│ │
│ 23 5 3 2022 │
│ кольори поверхонь міста рік │
│ │
│ [фото] «Засновник» «Ми шукали плитку для власного…» │
│ │
│ ┌──────────── TELEGRAM CTA (темний фон) ─────────────────────┐ │
│ │ Залишились питання? Пишіть у Telegram │ │
│ │ Відповімо протягом години │ │
│ │ [Написати →] [Зателефонувати] │ │
│ └────────────────────────────────────────────────────────────┘ │
│ │
│ ── FOOTER ──────────────────────────────────────────────────── │
│ GoodBrick │ Каталог │ Інфо │ Контакти │ Соцмережі │
└──────────────────────────────────────────────────────────────────┘
```
---
## Блоки страницы ## Блоки страницы
### 1. Hero (full-bleed, первый экран) ### 1. Hero (full-bleed, первый экран)

View File

@@ -34,6 +34,52 @@ created: 2026-02-17
--- ---
## Макет сторінки (wireframe)
```
┌──────────────────────────────────────────────────────────────────┐
│ GoodBrick Каталог Про нас Ціни Ще КОНТАКТИ │
├──────────────────────────────────────────────────────────────────┤
│ │
│ Зв'яжіться з нами │
│ Ми завжди раді відповісти на питання про продукцію та ціни… │
│ │
│ ┌────────────────────────────┐ ┌──────────────────────────┐ │
│ │ 📱 КОНТАКТИ │ │ [Google Maps] │ │
│ │ │ │ │ │
│ │ 💬 Telegram → t.me/… │ │ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ │ │
│ │ 📞 Телефон → +380 … │ │ ~ 📍 Одеса ~ ~ ~ │ │
│ │ 📲 Viber → +380 … │ │ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ │ │
│ │ │ │ │ │
│ │ Пн–Пт: 9:0018:00 │ └──────────────────────────┘ │
│ │ Сб: 10:0015:00 │ │
│ │ │ │
│ │ Одеса, вул. … │ │
│ └────────────────────────────┘ │
│ │
│ ── ФОРМА ──────────────────────────────────────────────────── │
│ │
│ Ім'я: [______________________________________] │
│ Телефон: [______________________________________] │
│ Повідомлення: [______________________________________] │
│ [______________________________________] │
│ [Надіслати заявку] │
│ │
│ ── ДЕ НАС ЗНАЙТИ ─────────────────────────────────────────── │
│ Виробництво: Одеса, вул. … │
│ Дилери: Одеса · Хмельницький · Київ → /dealers │
│ │
│ ── РЕКВІЗИТИ ──────────────────────────────────────────────── │
│ ФОП Карпенко Нікіта Сергійович · ЄДРПОУ: … │
│ Юридична адреса: Одеса, … │
│ │
│ ── FOOTER ──────────────────────────────────────────────────── │
│ GoodBrick │ Каталог │ Інфо │ Контакти │ Соцмережі │
└──────────────────────────────────────────────────────────────────┘
```
---
## Блоки страницы (через CMS админку) ## Блоки страницы (через CMS админку)
### 1. TextBlock — интро ### 1. TextBlock — интро

View File

@@ -33,6 +33,66 @@ created: 2026-02-17
--- ---
## Макет сторінки (wireframe)
```
┌──────────────────────────────────────────────────────────────────┐
│ GoodBrick Каталог Про нас Ціни Ще КОНТАКТИ │
├──────────────────────────────────────────────────────────────────┤
│ │
│ Про компанію GoodBrick │
│ │
│ ── ЯК ВСЕ ПОЧИНАЛОСЬ ─────────────────────────────────────── │
│ GoodBrick засновано у 2022 році в Одесі. Ми шукали фасадну │
│ плитку для власного будинку і не знайшли нічого, що поєднувало │
б ручну роботу з сучасними технічними характеристиками… │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ │ │
│ │ [фото виробничого цеху — реальне] │ │
│ │ │ │
│ │ Власне виробництво в Одесі │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ── УНІКАЛЬНА ТЕХНОЛОГІЯ ─────────────────────────────────── │
│ Примусовий змішувач + дерев'яні та металеві матриці… │
│ │
│ ┌──────────────────┬──────────────────────────────────────┐ │
│ │ Міцність │ М200 (200 кг/см²) │ │
│ │ Морозостійкість │ F300 (300 циклів заморожування) │ │
│ │ Вологопоглинання │ 35% │ │
│ │ Товщина плитки │ 1525 мм │ │
│ └──────────────────┴──────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ │ │
│ │ [макро-фото текстури — ручне формування] │ │
│ │ │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ── ЩО МИ ВИРОБЛЯЄМО ─────────────────────────────────────── │
│ · Фасадна плитка (1525 мм) │
│ · Цегла — NF, WDF та інші формати │
│ · Половинка цегли — дешевша логістика, не треба пиляти │
│ Кольори: 23 · Поверхні: Standart, Klasik, Khvylia, Loft, │
│ Heritage │
│ │
│ ── ДЕ НАС ЗНАЙТИ ─────────────────────────────────────────── │
│ Дилери: Одеса · Хмельницький · Київ │
│ Доставляємо по всій Україні │
│ │
│ ╔══════════════════════════╗ │
│ ║ Переглянути каталог → ║ │
│ ╚══════════════════════════╝ │
Або напишіть у Telegram — замовте безкоштовний зразок │
│ │
│ ── FOOTER ──────────────────────────────────────────────────── │
│ GoodBrick │ Каталог │ Інфо │ Контакти │ Соцмережі │
└──────────────────────────────────────────────────────────────────┘
```
---
## Блоки страницы (через CMS админку) ## Блоки страницы (через CMS админку)
### 1. TextBlock — История и миссия ### 1. TextBlock — История и миссия

View File

@@ -33,6 +33,65 @@ created: 2026-02-17
--- ---
## Макет сторінки (wireframe)
```
┌──────────────────────────────────────────────────────────────────┐
│ GoodBrick Каталог Про нас Ціни Ще КОНТАКТИ │
├──────────────────────────────────────────────────────────────────┤
│ │
│ Часті запитання про фасадну плитку GoodBrick │
│ Тут зібрані відповіді на найпоширеніші запитання… │
│ Якщо не знайшли — напишіть у Telegram. │
│ │
│ ── ПРО ПРОДУКЦІЮ ─────────────────────────────────────────── │
│ │
│ ▼ Які характеристики вашої продукції? │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ М200, F300, вологопоглинання 35%… │ │
│ └──────────────────────────────────────────────────────────┘ │
│ ▶ Що означає М200 і F300? │
│ ▶ Яка товщина плитки? │
│ ▶ Які формати та розміри є в наявності? │
│ ▶ Що таке «половинка цегли» і навіщо вона? │
│ ▶ Скільки варіантів кольорів та поверхонь? │
│ ▶ Чи підходить продукція для вологих приміщень? │
│ │
│ ── ПРО ЗАМОВЛЕННЯ ───────────────────────────────────────── │
│ ▶ Як замовити безкоштовний зразок? │
│ ▶ Яка мінімальна партія для замовлення? │
│ ▶ Чи можна купити безпосередньо у виробника? │
│ ▶ Як розрахувати кількість матеріалу? → /calculator │
│ ▶ Які ціни? │
│ │
│ ── ПРО ДОСТАВКУ ─────────────────────────────────────────── │
│ ▶ Чи є доставка до Києва, Хмельницького та інших міст? │
│ ▶ Скільки коштує доставка? │
│ ▶ Як упакована продукція для перевезення? │
│ │
│ ── ПРО МОНТАЖ ───────────────────────────────────────────── │
│ ▶ Який клей використовувати для монтажу? │
│ ▶ Чи потрібна спеціальна підготовка фасаду? │
│ ▶ Яка ширина шва рекомендується? │
│ ▶ Чи можна монтувати плитку самостійно? │
│ │
│ ── ПРО ГАРАНТІЮ ─────────────────────────────────────────── │
│ ▶ Яка гарантія на продукцію? │
│ ▶ Чому у вас дорожче ніж в інших? │
│ ▶ Чи є у вас сертифікати якості? │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ Не знайшли відповідь? │ │
│ │ [Написати в Telegram →] │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ── FOOTER ──────────────────────────────────────────────────── │
│ GoodBrick │ Каталог │ Інфо │ Контакти │ Соцмережі │
└──────────────────────────────────────────────────────────────────┘
```
---
## Блоки страницы ## Блоки страницы
### 1. TextBlock — интро ### 1. TextBlock — интро

View File

@@ -34,6 +34,71 @@ created: 2026-02-17
--- ---
## Макет сторінки (wireframe)
```
┌──────────────────────────────────────────────────────────────────┐
│ GoodBrick Каталог Про нас Ціни Ще КОНТАКТИ │
├──────────────────────────────────────────────────────────────────┤
│ │
│ Блог GoodBrick — Поради з вибору та монтажу фасадних матеріалів│
│ │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ [фото] │ Як обрати колір фасаду: 7 правил від виробника │ │
│ │ │ 18 лют 2026 · 5 хв читання │ │
│ │ │ Чому колір фасаду важливий і як обирати… │ │
│ │ │ [Читати →] │ │
│ └────────────────────────────────────────────────────────────┘ │
│ │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ [фото] │ Клінкер vs мінеральна плитка: що обрати │ │
│ │ │ 15 лют 2026 · 4 хв читання │ │
│ │ │ Порівняння технологій, міцності, ціни… │ │
│ │ │ [Читати →] │ │
│ └────────────────────────────────────────────────────────────┘ │
│ │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ [фото] │ 5 помилок при укладанні фасадної плитки │ │
│ │ │ 10 лют 2026 · 4 хв читання │ │
│ │ │ Помилки, які призводять до тріщин… │ │
│ │ │ [Читати →] │ │
│ └────────────────────────────────────────────────────────────┘ │
│ │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ [фото] │ Морозостійкість: F25, F50, F300 — різниця │ │
│ │ │ 5 лют 2026 · 3 хв читання │ │
│ │ │ Що означають цикли та чому F300 — це захист… │ │
│ │ │ [Читати →] │ │
│ └────────────────────────────────────────────────────────────┘ │
│ │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ [фото] │ Тренди фасадного дизайну 2026 │ │
│ │ │ 1 лют 2026 · 5 хв читання │ │
│ │ │ Темні відтінки, натуральні текстури… │ │
│ │ │ [Читати →] │ │
│ └────────────────────────────────────────────────────────────┘ │
│ │
│ ── СТОРІНКА СТАТТІ /blog/{slug} ────────────────────────────── │
│ │
│ Breadcrumb: Головна Блог Назва статті │
│ │
│ # Як обрати колір фасаду: 7 правил від виробника │
│ 18 лютого 2026 │
│ │
│ [повний текст статті з підзаголовками H2/H3] │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ Замовте безкоштовний зразок — побачте колір наживо │ │
│ │ [Написати в Telegram →] │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ── FOOTER ──────────────────────────────────────────────────── │
│ GoodBrick │ Каталог │ Інфо │ Контакти │ Соцмережі │
└──────────────────────────────────────────────────────────────────┘
```
---
## Структура ## Структура
``` ```

View File

@@ -33,6 +33,64 @@ created: 2026-02-17
--- ---
## Макет сторінки (wireframe)
```
┌──────────────────────────────────────────────────────────────────┐
│ GoodBrick Каталог Про нас Ціни Ще КОНТАКТИ │
├──────────────────────────────────────────────────────────────────┤
│ │
│ Проєкти з фасадною плиткою GoodBrick │
│ │
│ ┌──────────────┐ ┌──────────────┐ ┌──────────────┐ │
│ │ │ │ │ │ │ │
│ │ [фото] │ │ [фото] │ │ [фото] │ │
│ │ │ │ (вищий) │ │ │ │
│ │ Одеса · 850м²│ │ │ │ Київ · 200м² │ │
│ └──────────────┘ │Хмельн.·450м²│ └──────────────┘ │
│ └──────────────┘ │
│ ┌──────────────┐ ┌──────────────┐ ┌──────────────┐ │
│ │ [фото] │ │ │ │ [фото] │ │
│ │ (вищий) │ │ [фото] │ │ │ │
│ │ │ │ │ │ │ │
│ │ Одеса · 120м²│ │ … │ │ … │ │
│ └──────────────┘ └──────────────┘ └──────────────┘ │
│ │
│ ┌─────────────────── STICKY BANNER ─────────────────────────┐ │
│ │ Хочете такий фасад? [Замовити безкоштовний зразок →] │ │
│ └───────────────────────────────────────────────────────────┘ │
│ │
│ ── СТОРІНКА ПРОЕКТУ /projects/{slug} ────────────────────────── │
│ │
│ Breadcrumb: Головна Проєкти Котеджне містечко, Одеса │
│ │
│ # Котеджне містечко, Одеса │
│ Приватний будинок · 850 м² · 2024 │
│ │
│ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌──────────┐ │
│ │ [фото 1] │ │ [фото 2] │ │ [фото 3] │ │ [фото 4] │ … │
│ └──────────┘ └──────────┘ └──────────┘ └──────────┘ │
│ │
│ Комбінація травертину та фасадної плитки. Для стриманішого │
│ вигляду було прибрано помаранчеві акценти… │
│ │
│ Використані матеріали: │
│ ┌────────────────────────┐ ┌────────────────────────┐ │
│ │ Колір Граніт · Khvylia │ │ Колір Охра · Standart │ │
│ │ → /product/hranit │ │ → /product/okhra │ │
│ └────────────────────────┘ └────────────────────────┘ │
│ │
│ ╔══════════════════════════════════════════╗ │
│ ║ Замовити матеріали для схожого проекту ║ │
│ ╚══════════════════════════════════════════╝ │
│ │
│ ── FOOTER ──────────────────────────────────────────────────── │
│ GoodBrick │ Каталог │ Інфо │ Контакти │ Соцмережі │
└──────────────────────────────────────────────────────────────────┘
```
---
## Бэкенд — новая сущность ## Бэкенд — новая сущность
### Entity `Project` ### Entity `Project`

View File

@@ -32,6 +32,49 @@ created: 2026-02-17
--- ---
## Макет сторінки (wireframe)
```
┌──────────────────────────────────────────────────────────────────┐
│ GoodBrick Каталог Про нас Ціни Ще КОНТАКТИ │
├──────────────────────────────────────────────────────────────────┤
│ │
│ Де купити продукцію GoodBrick │
│ Придбати через дилерів або замовити від виробника… │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ [Google Maps] │ │
│ │ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ │ │
│ │ ~ ~ ~ ~ ~ 📍 Одеса ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ │ │
│ │ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ 📍 Хмельницький ~ ~ ~ │ │
│ │ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ 📍 Київ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ │ │
│ │ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────┐ ┌──────────────────┐ ┌──────────────┐ │
│ │ 📍 ОДЕСА │ │ 📍 ХМЕЛЬНИЦЬКИЙ │ │ 📍 КИЇВ │ │
│ │ GoodBrick │ │ {Назва дилера} │ │ {Дилер} │ │
│ │ Головний офіс │ │ вул. … │ │ вул. … │ │
│ │ +380 … │ │ +380 … │ │ +380 … │ │
│ │ Пн–Пт 9:0018:00 │ │ Пн–Сб … │ │ Пн–Сб … │ │
│ └──────────────────┘ └──────────────────┘ └──────────────┘ │
│ │
│ ── ЗАМОВЛЕННЯ ВІД ВИРОБНИКА ──────────────────────────────── │
│ Замовте продукцію напряму з доставкою в будь-яке місто: │
│ │
│ [💬 Написати в Telegram] [📞 Зателефонувати] │
│ │
│ ╔═══════════════════════════╗ │
│ ║ Переглянути каталог → ║ │
│ ╚═══════════════════════════╝ │
│ │
│ ── FOOTER ──────────────────────────────────────────────────── │
│ GoodBrick │ Каталог │ Інфо │ Контакти │ Соцмережі │
└──────────────────────────────────────────────────────────────────┘
```
---
## Блоки страницы ## Блоки страницы
### 1. TextBlock — интро ### 1. TextBlock — интро

View File

@@ -34,6 +34,65 @@ created: 2026-02-17
--- ---
## Макет сторінки (wireframe)
```
┌──────────────────────────────────────────────────────────────────┐
│ GoodBrick Каталог Про нас Ціни Ще КОНТАКТИ │
├──────────────────────────────────────────────────────────────────┤
│ │
│ Калькулятор розходу фасадної плитки та цегли │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ │ │
│ │ Тип продукту: │ │
│ │ ● Фасадна плитка ○ Половинка цегли ○ Цегла │ │
│ │ │ │
│ │ Формат: [▾ NF — 250×65×15 мм ] │ │
│ │ 50 штук на кв.м. · від 1 200 грн/м² │ │
│ │ │ │
│ │ ────────────────────────────────────────────── │ │
│ │ │ │
│ │ Площа фасаду: │ │
│ │ Спосіб 1: [ __________ ] кв.м. │ │
│ │ │ │
│ │ Спосіб 2: Ширина [ ___ ] м × Висота [ ___ ] м │ │
│ │ = 120 кв.м. │ │
│ │ │ │
│ │ Запас: [+10%] [+15%] [без запасу] │ │
│ │ (рекомендуємо +10% для прямих поверхонь) │ │
│ │ │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ ✓ Результат розрахунку │ │
│ │ │ │
│ │ Площа з запасом: 132 кв.м. (+10%) │ │
│ │ Кількість: 6 600 штук │ │
│ │ Орієнтовна вартість: від 158 400 грн │ │
│ │ │ │
│ │ ╔════════════════════════════════════╗ │ │
│ │ ║ Замовити зразок у Telegram → ║ │ │
│ │ ╚════════════════════════════════════╝ │ │
│ │ [Зателефонувати для уточнення] │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ Потрібний точний кошторис? │ │
│ │ Напишіть нам — розрахуємо з урахуванням: │ │
│ │ · Вартості доставки до вашого міста │ │
│ │ · Знижок при великому замовленні │ │
│ │ · Кутових елементів │ │
│ │ [Написати в Telegram →] │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ── FOOTER ──────────────────────────────────────────────────── │
│ GoodBrick │ Каталог │ Інфо │ Контакти │ Соцмережі │
└──────────────────────────────────────────────────────────────────┘
```
---
## UX / Структура калькулятора ## UX / Структура калькулятора
### Шаг 1: Выбор продукта ### Шаг 1: Выбор продукта

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 MiB

BIN
site-v2/img/products.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 MiB