Задание: Редизайн и разработка сайта для винного сообщества (Дистанционная работа)
Добрый день,
1. Проанализировать текущую структуру сайта
2. Полностью переработать структуру и дизайн главной страницы и создать шаблоны для страниц туров, ориентируясь на функционал и визуал сайта-аналога
3. Реализовать на Tilda функционал динамического добавления туров через админ-панель.
4. Настроить интеграцию форм с Telegram для автоматических уведомлений.
5. Адаптировать интерфейс под все типы устройств.
6. Протестировать все формы и ссылки перед сдачей проекта.
1. Общая информация
· Проект: Сайт для продвижения поездок винного сообщества
· Образец для ориентира (референс): по запросу
· Цель проекта: Превратить сайт из новостного портала в мощный маркетинговый инструмент для продажи винных туров. Ключевые задачи - наглядный календарь туров, упрощение процесса записи и автоматизация уведомлений для организатора.
2. Целевое действие пользователя
Пользователь, зашедший на сайт, должен:
1. Легко найти подходящий тур.
2. Понять его программу, даты и условия.
3. Выполнить одно из двух целевых действий:
· Записаться на тур через форму на сайте (основное действие).
· Написать организатору в Telegram (альтернативное действие).
3. Основные требования к функционалу и структуре
3.1. Главная страница
· Герой-блок (Hero Section): Крупный, привлекающий внимание баннер с кратким слоганом (например, "Винные туры с сообществом «название»") и кнопкой-призывом "Смотреть туры".
· Календарь/Лента предстоящих туров: Это центральный элемент страницы. Туры должны отображаться в виде карточек (блоков) с четкой структурой:
· Превью-изображение (обложка тура).
· Название тура.
· Даты (или период) проведения.
· Краткое описание (1-2 строки).
· Кнопка "Подробнее" (ведет на страницу тура).
· Ориентироваться на визуальную подачу туров на сайте-референсе
3.2. Страница тура (индивидуальная для каждого тура)
Страница должна содержать исчерпывающую информацию:
· Галерея: Красиво оформленный блок с фотографиями (3-5 фото), которые передают атмосферу поездки.
· Название тура.
· Даты проведения.
· Детальное описание: Текст о туре, его уникальности, регионе посещения.
· Программа по дням: Структурированный список (accordion или список) с описанием каждого дня.
· Что включено в стоимость / Важно знать: Блок с условиями.
· Блок призыва к действию (Call to Action):
· Форма записи. Простая форма с полями: "Имя", "Телефон", "E-mail" (поле e-mail опционально). Кнопка "Отправить заявку".
· Альтернативная связь. Яркий, заметный блок с текстом "Есть вопросы? Напишите нам в Telegram" и кликальной иконкой/кнопкой Telegram, ведущей в личные сообщения организатора.
3.3. Навигация и общие элементы
· Меню: Должно быть простым и понятным. Пример: "Главная", "Все туры", "О нас", "Контакты".
· Футер (подвал): Контактная информация, ссылки на социальные сети (особенно Telegram), копирайт.
4. Технические требования
4.1. Интеграция с Telegram
· Настроить отправку данных из форм записи (с любой страницы сайта) в Telegram-чат организатора.
· Формат уведомления в Telegram: "Новая заявка на сайте! Тур: [Название тура]. Имя: [Имя пользователя]. Телефон: [Телефон]. E-mail: [E-mail]".
· Обеспечить корректную работу кнопки/ссылки для перехода в Telegram.
4.2. Административная часть (для контент-менеджера)
· Реализовать удобный функционал на Tilda для добавления, редактирования и удаления туров.
· Для каждого тура должны быть заполняемые поля:
· Название.
· Дата/Период.
· Обложка (главное фото).
· Галерея фото.
· Описание (текстовый редактор).
· Программа (текстовый редактор с возможностью добавления списков).
· Прочие детали (что включено).
· Ссылка для кнопки Telegram (настраиваемая для каждого тура, если нужно).
4.3. Прочее
· Сайт должен быть адаптирован под мобильные устройства (Mobile-first подход).
· Обеспечить высокую скорость загрузки страниц.
· Сохранить или улучшить базовые SEO-параметры (человеко-понятные URL, мета-теги).
5. Визуальный стиль и дизайн
· Общий тон: Премиальный, но гостеприимный и вызывающий доверие - качественные фото, много воздуха, аккуратная типографика.
· Цветовая палитра: Пересмотреть текущую палитру. Использовать элегантные, "винные" цвета (бордовый, глубокий зеленый, золотой), сочетающиеся с нейтральными оттенками (белый, бежевый, темно-серый).
· Шрифты: Использовать современные, легкочитаемые шрифтовые пары (например, один шрифт для заголовков, другой - для текста).
