1

1.

Приложение № 1.
ГАУ КО «Колледж предпринимательства»
Дизайн одностраничного сайта для увеличения продаж
(Индивидуальный, практико-ориентированный)
Автор(ы): Кириллов Никита Васильевич ИСП 25/21
ГАУ КО «Колледж предпринимательства»
Научный руководитель: Фамилия, Имя, Отчество, должность, место работы
2026 год

2.

Введение
Проблема
Решение
Современный рынок
люксовой моды и
премиальной парфюмерии
перенасыщен.
В люкс-сегменте агрессивный
маркетинг не работает.
Покупатель дорогих товаров
(одежда, обувь, ароматы) ищет
не скидку, а атмосферу,
философию, доверие.
Одностраничный сайт
(лендинг), выполненный в
минималистичной эстетике. Его
задача — не «продать здесь и
сейчас», а вовлечь, передать
ДНК бренда и мягко подвести к
целевому действию.
Пользователь видит десятки
интернет-магазинов в день,
большинство из которых
перегружены баннерами,
всплывающими окнами и
агрессивными продажами.

3.

Цель и задачи
Цель
Задачи
Разработать и реализовать дизайн
1. Анализ ЦА и требований к
одностраничного сайта (лендинга),
премиальному лендингу.
который увеличивает вовлечённость
пользователей и стимулирует целевые
действия за счёт продуманной
структуры, фирменного
2.
Проектирование структуры
(wireframe).
3. Дизайн-система: типографика, сетка,
цвет.
минималистичного стиля и высокой
4. Адаптивный дизайн и вёрстка.
скорости восприятия информации.
5. Реализация и подготовка
тестирования.

4.

План работы (2 дня)
Этапы
День
День 1
Анализ
Wireframe
Дизайн система
Макеты ключевых блоков
День 2
Адаптивная вёрстка
Тестирование
Правки
Подготовка презентации
Общее время: ~19 часов. План разбит на краткие фазы с акцентом на приоритетные элементы, что позволяет получить рабочий прототип в
короткие сроки.

5.

Выполнение — Этапы 1–2:
Анализ и дизайн-система
Референсы
Целевая аудитория
Дизайн-система
Maison Margiela:
Коллекционеры моды
белый фон, чёрный
и прогрессивные
(десктоп), 4 колонки
текст, строгая
покупатели 25–40
(мобильные)
типографика, чёткое
лет; аудитория,
разделение категорий
ценящая концепт и
Woman / Man / Unisex.
качество
Сетка: 12 колонок
Типографика: гротеск
(Inter / Helvetica)
Палитра: #E1E1DF
(Scentsorium —
(акцент), #1F1F1E,
поклонники редких
#1A1A1A
ароматов).
CTA: чёткие кнопки с
текстом «FIND OUT
MORE»

6.

Выполнение — Этап 3: Реализация
(вёрстка)
Технологии: HTML5, CSS3 (Flexbox + Grid), адаптивные медиазапросы. Навигация на
мобильных устройствах превращается в лаконичный гамбургер-меню; основные CTA
остаются доступными сверху.
Почему уложились в 2 дня
Отказ от сложных анимаций, системные шрифты, модульность блоков и повторяемые
паттерны ускорили процесс разработки.
Результат
Полностью рабочий прототип лендинга, но есть не
доделанные вкладки

7.

Презентация — Навигация и категории
Верхнее меню: Woman | Man | Unisex | Maison Margiela | Search | Cart — минималистично и функционально. Лупа и корзина
постоянны, чтобы сократить путь к покупке.
Clothing
Bags
Shoes
Coats, Knitwear, Jeans, T-shirts
Box bag, Dress Age, Glam
Tabi, Boots, Sneakers —
— визуальная иерархия
Slam — акцент на знаковых
выделяем культовые модели
помогает быстро найти
моделях сезона.
с быстрым переходом в
нужный сегмент.
карточку товара.

8.

Презентация — Hero-блок и Scentsorium
Hero-блок: крупный баннер с преимуществом сезона «SPRING SUMMER 2026 BAGS», утончённая типографика и CTA
«FIND OUT MORE». Текст блокирует визуальный шум и транслирует философию бренда — nonconformity и субверсию
норм.
Scentsorium Collection
«Six couture-inspired fragrances» — каждый аромат сопровождается
Цель обоих блоков — вовлечь без навязчивости:
короткой историей, визуальной метафорой и ссылкой на описание.
выразительный визуал + лаконичный текст →
CTA ведёт к карточке с детальным сторителлингом и опциями
пользователь естественно кликает для изучения
покупки.
коллекции.

9.

Презентация — Футер и доверие
Client Care
CONTACT US | FAQS | SHIPPING — телефонная поддержка: +33 1 70 38 50 98.
Прямой контакт повышает доверие и снижает барьер к покупке.
Legal
Terms, Privacy, Cookie, Accessibility Statement — прозрачная юридическая политика
поддерживает лояльность и соответствие ожиданиям премиум-клиентов.
Подписка
RECEIVE THE NEWSLETTER — лаконичное поле для email с обещанием
эксклюзивных запусков. Выбор страны и языка.

10.

Итоги выполнения проекта
Структура
Дизайн-система
Адаптивность
Разработана структура
Готова сетка,
Вёрстка поддерживает
лендинга с 6 основными
типографика и цветовая
десктоп и мобильную
блоками — навигация,
схема с акцентом на
версии; важные элементы
hero, категории,
#E1E1DF и тёмные
доступны из верхней
коллекции, подписка,
нейтральные оттенки.
панели.
футер.
Реализация
Прототип готов к тестированию: все CTA размечены и работают, проект завершён за 2 дня
без снижения качества.

11.

Выводы
1. Минималистичный лендинг эффективнее продаёт в люкс-сегменте:
отсутствие визуального шума помогает сфокусировать внимание на
продукте.
2. Чёткая структура (навигация → герой → категории → промо →
подписка → футер) удерживает внимание в пределах 3–4 экранов и
сокращает путь к конверсии.
3. Адаптивность критически важна: более 60% трафика fashionплатформ приходит с мобильных, поэтому мобильный UX должен
быть приоритетом.
4. Практическая значимость: макет готов к передаче в разработку.
Ожидаемые метрики (оценочные): подписка 4–6%, CTR 8–12% —
метрики требуют подтверждения тестированием.