Клиентский проект · Электроника · 2026

Техно-БатяТехнологии. С характером.

Создал фирменный стиль и перенёс его в работающий интернет-магазин. Один визуальный язык для логотипа, каталога и каждого действия покупателя.

Заказ сдан и принятПосмотреть результат ↓
Десктопная и мобильная версии магазина Техно-Батя

Задача

Свой бренд. Удобный магазин.

Заказчику нужен был узнаваемый магазин электроники: светлая основа, лёгкая фактура и неоновые акценты. Важно было сохранить удобство готовой платформы и придать ей собственный характер.

Моя роль
Логотип, визуальная система, UX/UI, frontend и внедрение
Платформа
Webasyst Shop-Script · Техностор Premium
Результат
Работающий сайт, исходники и инструкции для дальнейшей поддержки

Фирменный стиль

Неон, у которого есть своя роль.

Циан и маджента делают бренд узнаваемым. Зелёный выделяет покупку. Спокойная фактурная основа помогает рассматривать товар и читать характеристики.

Логотип с синхронным переливом светаОбъединённый знак ТБ и авторская надпись
Логотип на тёмном фоне с мягким свечениемПерелив слева направо, мягкий ореол на тёмном
UnboundedТехника для каждого дня.Golos Text

Выбирайте по характеристикам. Сравнивайте. Находите своё.

Cyan#00CAE5
Magenta#F11FDB
Покупка#11C48B
Основа#EDF0F3

Две темы

Тот же магазин. Другое настроение.

Техно-Батя
Главная магазина, светлая тема

Реальные экраны готового сайта. На витрине также есть автоматическое переключение темы по времени суток.

Каталог и карточка

От выбора техники до выбора цвета.

Единый набор иконок связывает категории на главной и в меню. В карточке выбор цвета сразу меняет фотографию устройства. Цена и зелёная кнопка покупки остаются рядом.

Карточка HUAWEI с выбранным голубым цветом и соответствующей фотографией
01

Понятная навигация

Категории, поиск и фильтры помогают сориентироваться в ассортименте.

02

Видимый выбор

Название цвета, отметка активного варианта и соответствующее фото работают вместе.

03

Продуманные состояния

Оформлены корзина, кабинет, формы, пустые списки и сообщения об ошибках.

Мобильная версия

Весь магазин под рукой.

Компактная шапка, крупные элементы управления и нижняя навигация. Каталог, избранное, корзина и кабинет доступны с любого экрана.

Проверить на своём устройстве ↗
Мобильная главная в светлой теме
Мобильная главная в тёмной теме

Результат

От идеи до сайта, который можно открыть.

Дизайн внедрён в лицензированную тему Техностор Premium на Shop-Script. Проверены адаптив, обе темы и основные пользовательские сценарии. Заказчик принял работу; исходники и понятные инструкции переданы для дальнейшего развития.

Открыть работающий сайт ↗Публичная тестовая витрина с демонстрационным ассортиментом. Коммерческие платежи и службы доставки не входили в объём работ.