1. Цель проекта
Переработать визуал, структуру и пользовательский интерфейс существующего сайта. Сохранить все текущие тексты, фото и SEO-адреса (URL), но полностью обновить «обертку». Сайт должен выглядеть как премиальный международный бренд, вызвать доверие у серьезной аудитории и конвертировать посетителей в заявки.
---
2. Объем работ (Страницы, которые нужно перерисовать)
В разработку входят следующие разделы. Дизайн должен быть единым (использовать одну библиотеку компонентов).
1. Главная страница (Hero):
· Крупный баннер с фото велосапа на воде.
· Блок «О бренде» (кратко).
· Превью 2-3 топовых моделей (карусель или сетка).
· Блок преимуществ (легкость, надежность, грузоподъемность).
· Отзывы или медиа-галерея.
2. Каталог / Список моделей:
· Сетка карточек (плитка по 3-4 в ряд). На каждой: фото, название, цена, кнопка «Подробнее».
· Фильтры (по типу: прогулочный/туристический/спортивный) – если нужно.
3. Карточка товара (Самое важное):
· Крупное фото велосапа.
· Интерактивная инфографика с кликабельными точками (6-8 точек: корпус, педали, пропеллер, руль, сиденье, поплавки).
· Полная таблица характеристик.
· Кнопка заказа / консультации.
· Похожие модели.
4. Страница «О компании» / «О бренде»: Текст + фото производства или команды.
5. Контакты: Карта (API Яндекс/Google), телефон, почта, форма обратной связи.
---
3. Требования к дизайну (Look & Feel)
· Стиль: Активный отдых, премиум. Референсы: сайты брендов Aqua Marina, Jobe, Bote.
· Цветовая гамма: Светлый и чистый фон (белый / небесно-голубой) в сочетании с глубоким синим (вода) и акцентным цветом бренда (предоставим).
· Типографика: Крупные, читаемые заголовки. Акцент на цифры (вес, нагрузка).
· Настроение: Скорость, свобода, надежность на воде.
---
4. Технические требования (Критично)
· Адаптивность (Mobile First): Сайт обязан безупречно выглядеть на iPhone (всех размеров), Android и планшетах.
· Скорость: Оптимизация изображений (формат WebP, сжатие). Загрузка главной страницы < 2-х секунд. Google PageSpeed Insights – не ниже 80 баллов для мобильных.
· Сохранение позиций: ВАЖНО! Все старые адреса страниц (URL) должны остаться теми же самыми, чтобы не потерять поисковый трафик. Если вы меняете структуру, то обязаны настроить 301-редиректы со старых адресов на новые.
---
5. Работа со старым контентом (Редизайн, а не создание с нуля)
· Все тексты с текущего сайта нужно перенести в новые макеты (скопировать и вставить).
· Старые фото пересохранить в новых форматах (WebP) для скорости, но не потерять качество.
· Если на старом сайте есть кривые таблицы – их нужно переверстать в аккуратные, читаемые блоки.
---
6. Юридические требования (Выполнить обязательно)
1. Cookie-баннер: При первом посещении плашка внизу экрана. Кнопки «Согласен» и «Отказаться» должны быть видны одинаково хорошо.
2. Отказ от метрик: При нажатии «Отказаться» – счетчики (Яндекс.Метрика) не запускаются.
3. Формы: Под всеми формами («Заказать звонок», «Оставить заявку») – чекбокс «Я согласен на обработку ПД» со ссылкой на Политику конфиденциальности. Чекбокс по умолчанию должен быть пустым.
---
7. Этапы работы и формат сдачи
1. Дизайн-макет главной страницы и карточки товара (в Figma) – для утверждения.
2. Верстка всех страниц + настройка адаптива.
3. Настройка технической части (Куки, формы, метрики).
4. Тестирование и передача проекта.
---
8. Исходные данные
· Доступ к текущему сайту (админка) для выгрузки контента.
· Логотип, фирменный цвет.
· Фото и видео велосапов (высокое разрешение).
---
9. Вопросы к вам
В ответном письме прошу указать:
1. Общая стоимость полного редизайна (всех страниц).
2. Сроки выполнения (календарный план).
3. Готовы ли вы сами переносить контент со старого сайта в новый, или этим должен заниматься я?
4. Какая гарантия на работы (исправление багов после сдачи).