I: (ОБЗОР)

ДИЗАЙНЕР

Виктор Федорчук

КАТЕГОРИЯ

TMA

ГОД

2024

ДИЗАЙНЕР

Виктор Федорчук

КАТЕГОРИЯ

UX/UI

ГОД

2026

ДИЗАЙНЕР

Виктор Федорчук

КАТЕГОРИЯ

TMA

ГОД

2024

clayton

clayton

clayton

clayton

РОЛЬ

UX/UI Designer

ОПИСАНИЕ

Редизайн игрового Telegram Mini App в формате Play-to-Earn. Пользователи играют в мини-игры, выполняют задания и приглашают друзей, накапливая очки для будущего распределения токена проекта.

II: (МАСШТАБ ПРОДУКТА)

III: (ЗАДАЧА И МОЯ РОЛЬ)

Редизайн Clayton 4.0

Я подключился к обновлению существующего приложения. Задача включала редизайн интерфейса, упрощение приложения и работу над игровыми сценариями.


Проектировал главную страницу, задания, ежедневные награды, профиль, список друзей и лидерборд. Для 1024, Stack и Tiles разрабатывал визуальное оформление и интерфейсы игровых сценариев.


Логотип, маскот и иллюстрации уже существовали. В работе я опирался на готовые материалы бренда, созданные художниками проекта.

IV: (ИГРЫ И ПРОГРЕСС)

От выбора игры к накоплению наград

В приложении связаны несколько способов получения очков: мини-игры, задания и приглашение друзей. На главной пользователь видит баланс и доступные задания, а в игровом разделе — запас энергии и выбор игры.

Профиль объединяет ежедневные награды и игровую статистику. Раздел друзей показывает приглашённых пользователей и их результаты, а лидерборд позволяет сравнивать прогресс с другими игроками.

V: (ЕЖЕДНЕВНЫЕ АКТИВНОСТИ)

V:

(ЕЖЕДНЕВНЫЕ АКТИВНОСТИ)

Награды и доступные попытки

Для ежедневных активностей предусмотрены отдельные сценарии: получение награды за вход, колесо удачи и мини-игры.


Календарь показывает серию посещений, полученные и предстоящие награды. На экране колеса собраны доступные попытки, множитель и возможный выигрыш; дополнительную попытку можно получить за выполнение задания.

VI: (ВИЗУАЛЬНАЯ СИСТЕМА)

Общий язык для приложения и игр

В интерфейсе я продолжил визуальный характер Clayton: синюю палитру, выразительные иллюстрации и мягкие формы. Общие принципы оформления карточек, кнопок и показателей связывают основные разделы и игровые экраны.


Размер текста, контраст и цветовые акценты помогают разделять баланс, награды, статистику и доступные действия на насыщенных экранах.

Bright Blue

HEX — #3B9BFE

#3B9BFE

Black Navy

HEX — #011227

#011227

Dark Navy Blue

HEX — #153158

#153158

Blue-Gray

HEX — #5E729F

#5E729F

White

HEX — #FFFFFF

#FFFFFF

VII: (ИТОГ)

Обновлённый интерфейс Clayton

Для версии 4.0 я переработал интерфейсы основных разделов и оформил игровые сценарии 1024, Stack и Tiles. Работа охватила игры, задания, ежедневные награды, статистику и взаимодействие с друзьями.

Обновлённые интерфейсы были реализованы в приложении.

ВИКТОР ФЕДОРЧУК

ПЕРМЬ RU

ВИКТОР ФЕДОРЧУК

ПЕРМЬ RU

ВИКТОР ФЕДОРЧУК

ПЕРМЬ RU