Дизайн сайту petree.pro

Замовник: AI | Опубліковано: 15.01.2026
Бюджет: 186 $

Гаразд. Нижче даю короткий опис платформи PETree + окреме, лаконічне ТЗ для дизайнера саме для головної сторінки. Формат — щоб можна було скопіювати й одразу відправити дизайнеру.Короткий опис платформи PETree PETree — це цифрова платформа для спонсорства та моніторингу реальних дерев павловнії. Користувачі можуть обирати конкретне дерево на реальній плантації, стати його спонсором або інвестором та онлайн відстежувати ріст, заміри й оновлення через персональний цифровий паспорт дерева з QR-кодом. Платформа поєднує екологію, агробізнес і технології, забезпечуючи прозорість даних, довіру та довгострокову цінність живих активів. Головна сторінка платформи PETree1. Мета головної сторінки Пояснити ідею PETree за 5–10 секунд Сформувати довіру до платформи Підштовхнути користувача до дії: обрати дерево / плантацію2. Загальний стиль Premium eco / clean tech Dark mode — основний Мінімалізм, багато “повітря” Акцент на реальність дерев + дані3. Структура головної сторінки (обовʼязково)1) Hero-блок Короткий слоган (типу): “Sponsor a real tree. Track real growth.” Підзаголовок: 1–2 рядки пояснення CTA кнопки: «Обрати дерево» «Переглянути плантації» Фон: фото / відео плантації або дерева Мікро-метрики: кількість дерев плантацій країн2) Як працює PETree 3–4 кроки з іконками: Обираєте дерево Стаєте спонсором Отримуєте цифровий паспорт Спостерігаєте за ростом3) Каталог дерев (превʼю) Сітка карток дерев Картка містить: фото дерева Tree ID вік / висота статус (в продажу / спонсоровано) CTA: «Відкрити паспорт дерева»4) Чому PETree Блок переваг (4–6 пунктів): реальні плантації регулярні заміри фото-оновлення агрономічний супровід прозорість даних довгострокова цінність5) Візуальний блок росту Графік росту дерева (до 8 років) Пояснювальний текст Без фінансових обіцянок (нейтрально)6) Плантації Превʼю плантацій (картки) Країна / регіон Кількість дерев CTA: «Перейти до плантації»7) Про платформу Короткий текст (3–4 рядки) Фото плантації або команди Акцент на прозорість і довіру8) Footer Контакти Політики Соцмережі Юридична інформація4. UI-елементи Картки з легкими тінями / blur Статусні бейджі Чіткі CTA Акцент на цифри та метрики Плавні hover-ефекти5. Адаптивність Desktop + Mobile Mobile-first Каталог у свайп-картках