Сайт одежды бренда "Велес"

Велес — производитель и оптовый поставщик одежды (спецодежда, рабочая одежда, форма). Продаёт через собственный сайт и маркетплейсы (Wildberries). Аудитория — b2b-покупатели, минимальная партия от 5 единиц. Задача: Разработать корпоративный сайт с оптовым каталогом, личным кабинетом и интеграцией с 1С. Дизайн — готовый Figma-прототип по всем страницам.

Дизайн реализован по Figma-прототипу на 10 страниц.

Адаптив — проверка корректности на трёх разрешениях: 1920 / 1024 / 375 px.

Анимации реализованы в соответствии с дизайном на каждой из страниц.

Хедер:

• Фиксируется при скролле

• Бургер-меню: клик — переход на страницу, наведение — раскрытие подраздела

• Поиск по товарам и заголовкам страниц

Футер:

• Адаптив с центрированием всех объектов

• Ссылки на соцсети: ВКонтакте, Telegram, Instagram, Wildberries

3. Каталог и интеграция с 1С

• Разделы (Брюки, Куртки, Футболки и т.д.) и подразделы выгружаются из 1С через CommerceML

• Фильтры (Бренд, Цвет, Материал, Размер, Особенности) синхронизируются автоматически с товарами текущего раздела

• Для каждого раздела — свой набор "Особенностей" (например, для брюк: с защипами, с манжетами)

• Параметры фильтров берутся из раздела «Параметры» товара в 1С

• Чекбоксы подкатегорий: включение чекбокса показывает все модели подкатегории, можно выбрать несколько

4. Карточка товара

• Реализована через механизм Торговых предложений WooCommerce (выбор цвета и размера — вариации товара)

• Клик по карточке в любом месте (не только по кнопке «Подробнее») открывает карточку товара

• Минимальный заказ — 5 единиц; корзина блокирует переход к оформлению, если выбрано меньше

• Кнопка «Таблица размеров» — открывается в попапе, картинка выгружается из 1С

• Блок «Таблица параметров модели» — картинки из 1С

• Блок «С чем носить» — ручная привязка сопутствующих товаров в карточке

• Добавление в Избранное

5. Корзина и оформление заказа

• Блоки: Регион доставки, Способ доставки, Способ оплаты

• Контентное наполнение блоков взято из раздела «Доставка и оплата» сайта

• Минимальная сумма/количество заказа: не менее 5 единиц — при нарушении условия кнопка «Оформить» недоступна

6. Акции

• Страница акций — каталог с фильтрами, выводит только товары со скидкой

• Логика идентична основному каталогу

7. Новости и статьи

Новости:

• Карточка новости: возможность прикрепить видео (с сервера хоста) или фото

• Подписка на новости: email пользователя отправляется на почту администратора

Статья:

• Поддержка блока «текст + фото слева» (как в дизайне)

• Фотогалерея снизу статьи

8. Контакты

• Интерактивная Яндекс.Карта с тремя точками:

  • г. Невинномысск, ул. Революционная, 286

  • г. Невинномысск, ул. Северная, 9

  • г. Невинномысск, ул. Шоссейная, 95г

9. Личный кабинет

• Регистрация

• Авторизация

• Смена пароля

• Разделы ЛК:

  • Текущие заказы

  • История заказов

  • Личные данные с возможностью редактирования

10. Формы обратной связи

• Все формы направляют уведомления на почту администратора

• В полях телефона — плейсхолдер с маской ввода, запрещающий буквы

• Поля email и телефон валидируются на стороне клиента и сервера

11. SEO и технические метатеги

• Title, Description, H1 настраиваются индивидуально для каждой страницы через Yoast SEO / аналог

• Sitemap.xml генерируется автоматически

• robots.txt настроен под структуру сайта

• ЧПУ включены для товаров, категорий, статей, акций

12. Инструкция для редактора

Подготовлена инструкция по работе с сайтом со следующими разделами:

• Добавление и изменение статей

• Изменение видео на главной странице

• Проверка отображения на разрешениях 1920 / 1024 / 375 px

• Настройка метатегов (title, description, h1)

• Создание и обновление sitemap.xml

• Подключение Яндекс.Метрики

• Установка и замена фавикона

• Настройка robots.txt

В рамках проекта реализованы 10 страниц по готовому Figma-макету с анимациями и адаптивной вёрсткой под три разрешения: десктоп (1920 px), планшет (1024 px) и мобильный (375 px). Сайт полностью интегрирован с 1С: разделы каталога, подразделы, фильтры и параметры товаров синхронизируются автоматически без ручного вмешательства. Подключены Яндекс.Метрика для аналитики и Яндекс.Карты с тремя торговыми точками клиента. На карточке товара реализована оптовая логика — минимальная партия от 5 единиц с блокировкой корзины. В хедере и футере прописаны ссылки на четыре площадки: ВКонтакте, Telegram, Instagram и Wildberries.

Сайт проходит приёмочное тестирование на всех разрешениях.