Основа из реальной вывески
Сохранил ключевые визуальные особенности существующей вывески: насыщенный синий фон, объёмное название, контрастные цвета и ряд пиктограмм техники.
Корпоративный сайт · Концепт 2017
Когда вывеска становится интерфейсом.
- Направление
- Ремонт бытовой и цифровой техники
- Условный срок
- —
- Работа
- Разработка сайта, каталог, формы заявок, проверка статуса ремонта, интерактивная навигация
- Статус
- Работающий проект
- Сайт
- Перейти
01 / Задача
Перенести вывеску в цифровую среду.
У сервисного центра уже был сформирован узнаваемый визуальный образ — синяя вывеска с объёмным названием и рядом пиктограмм техники. Задача была сохранить этот характер в дизайне сайта.
Особенностью вывески был визуальный акцент на пиктограммах: одна из них увеличена и выступает вперёд относительно общего ряда. Этот принцип был переосмыслен для интерфейса сайта. В меню каждая категория при наведении получает собственное акцентное состояние — пиктограмма увеличивается, выходит вперёд и выделяется красным.
02 / Решение
Визуальный язык вывески — в интерфейсе.
Пиктограммы получили движение
Визуальный принцип вывески перенёс в навигацию сайта. При наведении любая категория может выйти вперёд: её пиктограмма увеличивается и выделяется фирменным красным цветом.
Интерактив продолжает образ
Анимация навигации построена не как отдельный декоративный эффект, а как развитие уже существующего визуального решения. Благодаря этому интерфейс сохраняет связь с реальным обликом сервисного центра.
03 / Результат концепции
Сайт как продолжение сервисного центра.
Получился не просто информационный сайт, а цифровая точка взаимодействия с сервисом, в которой визуальная концепция реальной вывески получила продолжение в интерфейсе.
- Визуальная концепция на основе реальной вывески
- Интерактивное меню с увеличением и выделением категорий
- Каталог товаров и услуг
- Проверка статуса ремонта онлайн
- Адаптивная версия сайта
Обсудим вашу задачу?
Начнём с короткого разговора. Разберёмся, что важно, и наметим следующий шаг.