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