Редизайн сайту

(https://www.figma.com/design/9N5RPhfNuek0bxOQsfMWdH/Untitled?node-id=0-1&t=A65Ro3nZVDsiyKXN-1) на новий, покращений.

Основна мета редизайну:

• Покращити візуальну подачу, зробити сайт більш сучасним

• Підвищити конверсію за рахунок кращої структури та зрозумілого UX/UI

• Впровадити нову кольорову схему

• Додати більше соціальних доказів та CTA

• ти добре видимими, синього кольору #4B87FF

1. Загальні вимоги до дизайну

• Стиль: Чистий, сучасний, без зайвих елементів

• Фокус на CTA: Кнопки мають бути виразними та чітко закликати до дії

• Соціальні докази: Використання відгуків, цифр, реальних запрошень

• Зручна навігація: Легкий UX/UI, інтуїтивна структура

Кольорова схема

• Основний колір: Чорний (фон, текст)

• Акцентний колір: #4B87FF (для CTA-кнопок, важливих елементів)

• Фон: #DDFF11 (фон, що створює контраст)

Шрифти

• Основний: Сучасний, читабельний (Open Sans, Roboto, Montserrat або аналогічний)

• Заголовки: Жирний, чіткий, легко помітний

• Текст: Легкий для читання, 14-16px

Адаптація

• Мобільна версія пріоритетна

• Контент добре читається на будь-якому екрані

• Максимально швидке завантаження

2. Структура лендінгу

Хедер

• Логотип Let Me Study (чорний на жовтому фоні)

• CTA-кнопка "Записатися на консультацію" (#4B87FF)

Головний екран (Hero Section)

Заголовок (H1):
"Як отримати ОСВІТУ БЕЗКОШТОВНО в АВСТРІЇ в Державному університеті для Вашої дитини?"

Підзаголовок (H2):
"Викладання англійською або німецькою. Починайте з рівня B2 або A2."

Форма збору заявок:

• Поля: Ім'я, Телефон, Email

• CTA-кнопка: "Зареєструватись" (#4B87FF)

Візуал:

• Фото експертів

• Соціальний доказ (100% вступ або повернемо кошти, 90+ студентів уже навчаються в Австрії)

Блок "Що ви отримаєте на консультації?"

Контент у форматі іконок або чек-листа:

• Отримаєте чітке бачення навчання в Австрії

• Дізнаєтесь про підходящу програму

• Не пропустите дедлайни подачі

• Сформуєте правильний пакет документів

• Отримаєте чіткий план переїзду та легалізації

Візуал:

• Іконки (чорні на жовтому фоні)

Блок "Чому ми?" (Соціальний доказ)

Контент у вигляді карток або стовпців:

• Експерти з Австрії

• 100% вступ або повернемо кошти

• 90+ студентів уже навчаються в Австрії

• 300+ запрошень від університетів

Візуал:

• Фото команди

• Чорний текст на жовтому фоні для виділення важливих моментів

Відгуки та запрошення (Testimonials)

Формат:

• Слайдер або блок зі скроллом

• Листи-запрошення від університетів (скріни, PDF)

• Відгуки студентів та батьків (цитати, фото, можливі відео)

Візуал:

• Справжні документи з печатками (розмито конфіденційну інформацію)

• Фон #DDFF11, текст чорний

Фінальний CTA (Форма заявки + повторний заклик)

Заголовок:
"Отримайте безкоштовну консультацію від експертів, які навчалися в Австрії!"

Форма збору даних

• Ім'я

• Телефон

• Email

Кнопка CTA:
"Зареєструватись зараз" (#4B87FF)

Додаткові елементи для довіри:

• Іконки безпеки даних

• Можливість обрати зручний месенджер (WhatsApp, Telegram)

Футер

• Логотип

• Соціальні мережі (Facebook, Instagram, YouTube)

• Контактна інформація

3. Функціональність та інтеграції

• Форма збору заявок інтегрована з CRM або Google Sheets

• Кнопка WhatsApp / Telegram для миттєвого контакту з менеджером

• Facebook Pixel + Google Analytics для відстеження конверсій та ефективності реклами

• Оптимізоване завантаження сторінки – мінімізація важких зображень та непотрібних анімацій

• Адаптивний дизайн – ідеально відображається на мобільних та планшетах

4. Основні завдання для дизайнера

• Використати нову брендовану палітру:

  • Чорний фон (#000000) для контрасту

  • Жовтий фон (#DDFF11) для основного контенту

  • Синій (#4B87FF) для CTA-кнопок, щоб вони виділялися

• Забезпечити логічну структуру сторінки – чітке розташування блоків, правильні відступи, спрощений UX

• CTA-кнопки мають бути яскравими і легко клікабельними

• Соціальні докази повинні бути максимально видимими (цифри, кейси, скріни запрошень)

• Зробити мобільну версію пріоритетною – велика кількість трафіку буде з телефонів

• Оптимізувати шрифти та текст – уникаємо занадто довгих абзаців, подаємо інформацію чітко

5. Візуальні елементи, які потрібно додати

Головний екран (Hero Section)

• Фото експертів або студентів, які вже вступили

• Графічний елемент із прапором Австрії (необов'язково, але може додати асоціативність)

Іконки для чек-листа (Що ви отримаєте на консультації?)

• Університетська шапка (для освітнього аспекту)

• Годинник (не пропустите дедлайни)

• Документ (оформлення документів)

Відгуки та запрошення

• Фото студентів, які навчалися в Австрії

• Реальні скріни запрошень із печатками

Кнопки CTA

• Повинні бути добре видимими, синього кольору #4B87FF

6. Дедлайни та передача матеріалів

• Очікувана дата готовності дизайну: [заповнити дату]

• Передача файлів у форматах: Figma / Adobe XD / PSD (для верстки)

Файли, які потрібно передати:

• Макет десктопної та мобільної версії

• Всі іконки та зображення у високій якості

• Стилістичні рекомендації для верстки

Фінальна мета: створити стильний, конверсійний, зручний для батьків та максимально простий у навігації лендінг!