Кейс · Интернет-магазин · 2025
Новая версия интернет-магазина бренда льняного текстиля для дома: лёгкий журнальный дизайн, 62 макета страниц, конструктор постельного белья и десятки нестандартных разделов — от сертификатов до вакансий.
- 62
- макета страниц — 34 для компьютера и 28 для телефона
- 26
- прототипов перед дизайном
- 16
- цветов в конструкторе белья
- 15
- размеров простыней на выбор
Главная функция
Конструктор постельного белья
Покупатель собирает комплект сам: выбирает лён или хлопок, наволочки, пододеяльник и простыню нужных размеров и цветов. Кровать на экране сразу перекрашивается, состав и цена комплекта считаются тут же, а готовый набор уходит в корзину одной кнопкой.
- 2 материала — лён и хлопок
- 6 размеров пододеяльника
- 15 размеров простыни
- 16 цветов каждого изделия
Попробуйте — нажмите на цвет пододеяльника.
Прототип → дизайн
Сначала схема, потом журнал
Каждую страницу сначала собирали в прототипе — без фотографий, только порядок блоков и путь к покупке. Потягайте ползунок: слева прототип главной, справа — дизайн, по которому мы сверстали сайт.
Нестандартные страницы
Ни одной страницы «по шаблону»
У каждого раздела своя раскладка в общем стиле бренда. Наведите на страницу — она прокрутится.
-
(01)
Подарочный сертификат
Виртуальный на любую сумму до 300 000 ₽ или бумажный с фиксированным номиналом — оформление в четыре шага.
-
(02)
Каталог
Два вида отображения — крупные фото и плотная сетка, фильтры и подборки коллекций.
-
(03)
Карточка товара
Галерея, размеры и цвета, состав и уход; для штор — своя карточка с расчётом.
-
(04)
Пошив на заказ
Отдельная страница для индивидуальных размеров и заказов для бизнеса.
-
(05)
О бренде
История и производство языком журнала: крупная типографика и фотографии.
-
(06)
Linen Texture × Безе
Страница коллаборации со своей подачей внутри общего стиля.
-
(07)
Дизайнерам
Условия для дизайнеров интерьера и декораторов.
-
(08)
Уход за льном
Правила стирки и хранения — в том же спокойном стиле.
-
(09)
Вакансии
Список, страница вакансии и отдельный экран на случай, когда вакансий нет.
-
(10)
Блог
Статьи о льне, доме и сне с крупными обложками.
Телефоны
28 мобильных макетов
Мобильная версия — не ужатая копия: у главной, конструктора, карточки товара и сертификата свои раскладки для телефона.
Что сделали
Вёрстка, программирование и конструктор
- 01
Вёрстка 62 макетов
Десктоп и телефоны по Figma: сложная адаптивная сетка, нестандартная типографика и аккуратная работа с фотографиями.
- 02
Конструктор белья
Интерфейс, расчёт комплекта и связь с каталогом: материал, размеры и цвета каждого изделия, итог сразу.
- 03
Анимации и переходы
Плавные карусели, бегущие строки и появление блоков — без потери скорости загрузки.
- 04
Магазин на SkeekS CMS
Каталог, корзина и оформление заказа, избранное, личный кабинет, сертификаты и подписка.
- 05
Модульная архитектура
Новые коллекции, разделы и инструменты добавляются, не ломая существующее.
- 06
Скорость и стабильность
Сайт быстро открывается и одинаково работает на компьютерах и смартфонах.
Сделаем магазин, который хочется листать
Сверстаем ваш дизайн без потерь, добавим нестандартные функции и запустим на SkeekS CMS.