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