Проектирую интерфейсы, которыми пользуются миллионы. 13 лет в дизайне. Веб и мобильные продукты: телеком, личные кабинеты, платежи, корпоративные сайты
Подробнее обо мне
Генерирую визуалы, исследую идеи и ускоряю работу над проектами
Дизайн в работающие сайты с адаптивной вёрсткой и анимацией
Продумываю сценарии и создаю интерфейсы, в которых легко разобраться
Макеты, интерактивные прототипы, системные библиотеки компонентов
Чтобы интерфейс ощущался живым.
Таттелеком:
10 страниц внутри готовой дизайн‑системы
10 страниц внутри готовой дизайн‑системы
Роль
Дизайнер в команде Mark Weber
Объём
10 страниц, готовая дизайн‑система
Результат
Работа принята, одобрена заказчиком
Сделал десять страниц для оператора связи «Таттелеком». У заказчика была готовая дизайн система — я работал внутри неё и дополнял там, где компонентов не хватало
Задача
Спроектировать 10 страниц раздела «О компании»: от истории и руководства до вакансий, новостей и контактов. Встроить разный по структуре контент в готовую дизайн-систему заказчика.
Сохранить единый стиль страниц и дополнить систему компонентами, которых не хватало для новых задач.
Продумать навигацию между подразделами, чтобы нужную информацию было легко найти.
Страницы в едином стиле
Собрал страницы на базе общих компонентов дизайн-системы. Единая типографика, отступы и оформление блоков связывают разные по содержанию разделы — от новостей и приложений до контактов и предложений для дилеров.
Использовал готовые компоненты, а недостающие спроектировал по тем же правилам, чтобы они органично дополнили систему.
Повторяющиеся элементы работают одинаково на всех страницах и помогают быстрее ориентироваться.
Генерации для баннеров
Объединить информацию о предприятии и повседневные задачи пользователей: передачу показаний
Дополнительные генерации для блоков
Объединить информацию о предприятии и повседневные задачи пользователей: передачу показаний
Страница
История
компании
История
компании
Роль
Сделал переключатель периодов от 1888 до 2026 года: можно перейти к нужным годам сразу, а не листать всю страницу. Внутри периода события идут по вертикальной шкале с крупными годами, так что понятно, где ты находишься
Самая большая страница раздела: от Казанской телефонной сети 1888 года до «Таттелекома». Десятки событий, которые нужно было уложить в один понятный скролл
Добавил возможность раскрасить архивные фото
Архив компании чёрно‑белый. Сгенерировал цветные версии снимков и добавил к каждому переключатель «Раскрасить» — небольшая деталь, из‑за которой хронологию действительно листают до конца
Вакансии: три страницы
Роль
Фильтр по городу, опыту и типу занятости слева, карточки вакансий справа. В карточке сразу видно теги условий, район, зарплату и две кнопки — откликнуться или посмотреть контакты. Кандидат понимает, подходит ли ему вакансия, не открывая её
Раздел работы в компании я разложил на три страницы: сначала человек решает, хочет ли он тут работать, потом ищет конкретную вакансию, а третья страница — для тех, кто приводит друга
Генерации для баннеров
Объединить информацию о предприятии и повседневные задачи пользователей
Вакансии: три страницы
Роль
Фильтр по городу, опыту и типу занятости слева, карточки вакансий справа. В карточке сразу видно теги условий, район, зарплату и две кнопки — откликнуться или посмотреть контакты. Кандидат понимает, подходит ли ему вакансия, не открывая её
Раздел работы в компании я разложил на три страницы: сначала человек решает, хочет ли он тут работать, потом ищет конкретную вакансию, а третья страница — для тех, кто приводит друга
Страницы
Объединить информацию о предприятии и повседневные задачи пользователей: передачу показаний, поиск информации об отключениях, подключение к сетям и обращение в водоканал
Сохранить узнаваемые цвета компании и разработать спокойный, аккуратный дизайн, в котором удобно читать инструкции, заполнять формы и находить нужную информацию
Особое внимание — навигации и доступу к основным услугам
Вакансии: три страницы
Роль
Фильтр по городу, опыту и типу занятости слева, карточки вакансий справа. В карточке сразу видно теги условий, район, зарплату и две кнопки — откликнуться или посмотреть контакты. Кандидат понимает, подходит ли ему вакансия, не открывая её
Раздел работы в компании я разложил на три страницы: сначала человек решает, хочет ли он тут работать, потом ищет конкретную вакансию, а третья страница — для тех, кто приводит друга
Страницы
Объединить информацию о предприятии и повседневные задачи пользователей: передачу показаний, поиск информации об отключениях, подключение к сетям и обращение в водоканал
Сохранить узнаваемые цвета компании и разработать спокойный, аккуратный дизайн, в котором удобно читать инструкции, заполнять формы и находить нужную информацию
Особое внимание — навигации и доступу к основным услугам
Вакансии: три страницы
Роль
Фильтр по городу, опыту и типу занятости слева, карточки вакансий справа. В карточке сразу видно теги условий, район, зарплату и две кнопки — откликнуться или посмотреть контакты. Кандидат понимает, подходит ли ему вакансия, не открывая её
Раздел работы в компании я разложил на три страницы: сначала человек решает, хочет ли он тут работать, потом ищет конкретную вакансию, а третья страница — для тех, кто приводит друга