Проектирую интерфейсы, которыми пользуются миллионы. 13 лет в дизайне. Веб и мобильные продукты: телеком, личные кабинеты, платежи, корпоративные сайты
Подробнее обо мне
Генерирую визуалы, исследую идеи и ускоряю работу над проектами
Дизайн в работающие сайты с адаптивной вёрсткой и анимацией
Продумываю сценарии и создаю интерфейсы, в которых легко разобраться
Макеты, интерактивные прототипы, системные библиотеки компонентов
Чтобы интерфейс ощущался живым.
Дизайн сайта,
личного кабинета
и сервисов для абонентов
личного кабинета
и сервисов для абонентов
Роль
UX/UI дизайнер
Объём
15 страниц, создание дизайн‑системы
Результат
Работа принята, одобрена заказчиком
Разработал дизайн многостраничного сайта «Челныводоканала» с нуля: основные и внутренние страницы, интерфейсы абонентских сервисов, дизайн-систему и библиотеку компонентов
Задача
Объединить информацию о предприятии и повседневные задачи пользователей: передачу показаний, поиск информации об отключениях, подключение к сетям и обращение в водоканал
Повторяющиеся элементы занимают привычные места — при переходе между разделами не приходится заново разбираться в интерфейсе
Особое внимание — навигации и доступу к основным услугам
Страницы
Объединить информацию о предприятии и повседневные задачи пользователей: передачу показаний, поиск информации об отключениях, подключение к сетям и обращение в водоканал
Сохранить узнаваемые цвета компании и разработать спокойный, аккуратный дизайн, в котором удобно читать инструкции, заполнять формы и находить нужную информацию
Особое внимание — навигации и доступу к основным услугам
Страницы
Объединить информацию о предприятии и повседневные задачи пользователей: передачу показаний
Интерактивный прототип
в Figma
в Figma
Собрал полностью интерактивный прототип в Figma: связал страницы переходами, настроил поведение меню, кнопок и форм. Пользовательские сценарии можно пройти ещё до разработки — от выбора услуги до подтверждения действия
Проработал реакции интерфейса на действия пользователя: наведение, нажатие, открытие окон и переключение состояний элементов.
Прототип показывает разработчикам логику взаимодействий и поведение интерфейса
Дизайн-система
на переменных
на переменных
Построил дизайн-систему на переменных Figma. Связал цвета интерфейса и состояний компонентов с общими значениями: изменение переменной обновляет все связанные элементы на страницах
Собрал библиотеку компонентов и задал единые правила оформления. Новые страницы можно собирать из готовых элементов, сохраняя логику и стиль сайта
Централизованное управление стилем упрощает поддержку макетов и помогает избежать расхождений между разделами
Продуманная навигация
Проанализировал состав разделов и задачи пользователей, разработал структуру навигации. Определил иерархию, сгруппировал страницы по назначению и связал корпоративную информацию с сервисами для абонентов в едином меню.
Частые действия — поиск, личный кабинет и связь с компанией — выделил в отдельный уровень навигации в шапке сайта.
Для разветвлённой структуры выбрал мегаменю: категории и вложенные страницы видны одновременно
Сценарии записи
и подачи заявок
и подачи заявок
Спроектировал сценарии записи на мероприятия, заказа услуг и отправки обращений. Для каждой задачи проработал последовательность действий, состав полей и подтверждение отправки — чтобы на каждом этапе пользователь понимал, что нужно сделать и какой результат он получит.
Для записи разработал недельное расписание с выбором времени. Оно позволяет сравнить варианты на одном экране и выбрать подходящий день без перебора отдельных дат
Предусмотрел дни без мероприятий и сообщения после отправки формы — интерфейс объясняет текущую ситуацию и следующий шаг.
Личный кабинет
абонента
абонента
Разработал дизайн личного кабинета и выстроил его структуру вокруг регулярных задач абонента. На главном экране объединил оплату, передачу показаний и контроль обращений.
Продумал работу с данными: график помогает сравнивать потребление по месяцам, история платежей — отслеживать суммы и статусы, а отдельный блок документов — находить и скачивать квитанции и справки
Разделил оперативную сводку и подробную историю, чтобы главные задачи оставались в фокусе, а детали были доступны при необходимости.
Результат
Разработал целостный дизайн сайта «Форс»: структуру страниц, визуальную концепцию, графику, состояния элементов и мобильную версию. Яркая подача передаёт атмосферу клуба, а единый интерфейс помогает разобраться в игровых форматах. Сборку сайта выполнил другой специалист.