Концепт редизайна · ЯРЧЕ · 2026
Сайтпо мерке.
Концепт редизайна сайта минского ателье «Приматекс» — одежда пчеловода, рабочая одежда, халаты для уроков труда. Сделали по своей инициативе, чтобы показать, каким может быть их сайт.
01 · Задача
Былои стало
Не «переделали чужой сайт», а показали ателье вариант: те же изделия и цены, но в съёмке, которая им под стать, и с заказом в пару кликов.
- 01
По своей инициативе
Ателье сайт не заказывало. Мы сделали концепт, чтобы показать «Приматексу», каким может быть их сайт, — на их же каталоге.
- 02
Их изделия, их цены
Каталог разобрали со старого сайта: 17 позиций, четыре раздела. Тексты написали заново, цены и размеры — только из того, что указано у ателье.
- 03
Как ателье работает
Оплата при получении, отправка почтой по Беларуси, самовывоз. ЕРИП — имитацией, без полей карты: на концепте нечего «платить».
02 · Брендбук
Хлопок,графит и мёд
Соты — сквозной язык: шестиугольник это и пчёлы, и прочная конструкция, и стежок к стежку. Пять цветов, три шрифта.
Никакого «спецодежда в сине-оранжевом»: палитра снята с ткани и мёда. Нажмите на образец — карточка покажет, где цвет работает.
Фон всего сайта — цвет неотбелённой ткани, из которой шьют костюмы пчеловода. Тёплый, а не больничный белый.
Текст, тёмные секции и итог конструктора. Тёплый почти-чёрный, чтобы не спорить с мёдом.
Главный акцент: кнопки, сумма комплекта, рой и строчка шва. Для мелкого текста на светлом — глубокий тон #B77A06.
Подложка под фото в сотах, плашки и карточки. На тон темнее фона — как плотная ткань рядом с тонкой.
Только для рабочей одежды: подпись раздела, жилеты, заказ партией. В остальном сайте его нет — поэтому он и работает.
Заголовки и цены. Плотный широкий гротеск — крепкий, как двойная строчка.
Текст, кнопки и формы. Спокойный гротеск, который легко читать с телефона.
Бирки: артикулы, размеры, ткань, номера заказов — как на швейной этикетке.
03 · Экраны
Чтосшили
Шесть экранов — в формате карточек-сот, как изделия в каталоге: наведите, сота раскроется, а лупа покажет интерфейс крупно.
03.1 · На телефоне
Пальцем — тоже
На телефоне рой летит за пальцем и становится легче — 70 пчёл вместо 220. Конструктор комплекта складывается в колонку, итог всегда рядом с кнопкой.
04 · Фото изделий
Те же вещи,новый свет
Все 17 изделий сгенерированы по фото ателье как по образцу: крой, карманы, резинки — их, свет и фон — новые. Оранжевый — только у рабочей одежды.
х/б 100%
плёночное покрытие
светоотражающий
х/б + п/э
140 г/м²
245 г/м²
300 г/м²
бязь суроваяФото сгенерированы для концепта по снимкам изделий ателье.
05 · Как собирали
Стежокк стежку
- 01
Разобрали старый сайт
Каталог сняли со старого сайта скриптом: названия, описания, цены, фото. Потом собрали заново — четыре раздела, варианты ткани, «цена по запросу» там, где её нет.
- 02
Пересняли изделия
Каждое из 17 изделий сгенерировано по фото ателье как по референсу: крой и детали те же, свет и фон новые. Плюс четыре сцены — пасека, мастерская, строчка, руки швеи.
- 03
Собрали путь покупателя
Корзина, оформление, «заказ принят», заявки и админка. Бренд, контакты и цвета — в одном файле настроек, чтобы сайт легко было передать ателье.
06 · Конструктор
Соберитесайт
На сайте ателье здесь собирают комплект пчеловода и сразу видят сумму. В кейсе та же механика собирает сайт: основа, блоки, ширина экрана. Цены нет — только честный список того, что уже сделано.
01 · Основа
02 · Что добавить
03 · Ширина экрана
Выбор ни на что не влияет: концепт свёрстан под телефон, планшет и десктоп сразу. Как и должно быть.
Ваш сайт
экран 1440 px
- Главная и каталог из 4 разделовесть ✓
- Карточки изделий с биркамиесть ✓
- Корзина → оформление → «заказ принят»есть ✓
- Админка: заказы, заявки, товарыесть ✓
- Рой и мини-играесть ✓
- Конструктор комплектаесть ✓
- Карточки-соты с лупойесть ✓
Всё из списка уже работает на primateks.vercel.app
07 · От корзины до админки
Путьзаказа
Как работает ателье, так работает и сайт: почта наложенным платежом или самовывоз, оплата при получении. ЕРИП — имитацией. Оформите заказ — он сразу появится в демо-админке.
01 · Корзина
Перчатки пчеловода с крагами102 · Доставка
03 · Оплата
Демо на этой странице: ни имени, ни телефона не просим, ничего не отправляется.
- ПТ-1012Елена30 BYN
- ПТ-1010Светлана30 BYN
- ПТ-1006Людмила9 BYN
Шесть статусов: новый → подтверждён → в пошиве → отправлен → выполнен, и отмена.
Демо на этой странице повторяет механику концепта; в самом концепте заказ сохраняется в базу, а админка показывает заказы, заявки и товары.
08 · Обзор
В цифрах
Позиций в каталоге
17
все пересняты по фото ателье
Раздела каталога
4
пчеловодам, работа, школы, текстиль
Пчёл в рое
220
70 — на телефоне и слабых устройствах
Статусов заказа
6
от «новый» до «выполнен» и отмена
Итог
Хочу такой же сайт
Получился концепт, который можно открыть по ссылке и потрогать: каталог ателье в новой съёмке, конструктор комплекта, корзина с почтой наложенным платежом и админка заказов. Это предложение «Приматексу», а не их сайт: если ателье захочет, концепт станет рабочим — с их доменом и уведомлениями о заказах.
- Что этоКонцепт редизайна от ЯРЧЕ, сделанный по нашей инициативе. Не заказ ателье.
- СтекNext.js 16 · React 19 · Tailwind CSS 4 · three.js · GSAP · SQLite
- ВнутриРой и мини-игра, конструктор комплекта, каталог-соты, корзина, оформление, админка
- Былоprimateks.by — WordPress 2018 года
Концепт сайта для ателье «Приматекс» — студия ЯРЧЕ. Фото изделий и сцены сгенерированы.
Хотите такой же результат?
Обсудим задачу, рассчитаем стоимость и сроки. Первый разбор — бесплатно.
Обсудить проект →