dYdX — дизайн-концепт сайта для криптопроекта
Дизайн сайта для криптопроекта в виде независимого концепта: мы переосмыслили сайт грантовой программы dYdX от первого экрана до подачи заявки. dYdX не был нашим клиентом — концепт показывает, как говорить с Web3-сообществом просто и тепло.
Задача
dYdX — децентрализованная платформа для торговли криптовалютными бессрочными фьючерсами, а её грантовая программа финансирует проекты сообщества: инструменты, исследования, интеграции и работу с комьюнити. dYdX не был нашим клиентом: это независимый концепт редизайна сайта программы, который мы сделали по открытым материалам как дизайн-исследование.
Этот дизайн-концепт сайта для криптопроекта мы сделали по собственной инициативе: dYdX не заказывал работу, а сайт его грантовой программы стал для нас предметом независимого редизайна. Главная сложность темы — язык: криптопроекты легко уходят в терминологию, а грантовая программа должна быть понятна и опытному разработчику, и автору, который впервые думает о заявке.
Заявитель хочет увидеть доказательства раньше обещаний: какие проекты уже получили поддержку, на какие суммы можно рассчитывать и чем заняты команды. Без таких примеров слова о поддержке сообщества звучат абстрактно, а решение подать заявку откладывается.
Путь к гранту состоит из нескольких этапов — заявка, интервью, предложение, — и вокруг каждого возникают вопросы: сколько ждать ответа, как проходят выплаты, может ли участвовать компания из США, какие идеи подходят. Если ответы спрятаны, человек не доходит до формы.
Наконец, тон. Тёмные интерфейсы криптобирж выглядят технично, но холодно, а грантовая программа — это про людей и их идеи. Нужно было сохранить узнаваемую эстетику Web3 и добавить живости, чтобы сайт звал к участию, а не только информировал.
Решение
Мы выстроили страницу как путь заявителя: обещание программы и две кнопки на первом экране, карусель профинансированных проектов, новости о раундах одобрения, ответы на частые вопросы, три шага подачи и финальный призыв с кнопкой подачи заявки.
Карточки грантов показывают тип, название, диапазон финансирования, описание и аватары участников, поэтому за каждой суммой видны люди. Новости о раундах, аккордеон из семи вопросов и процесс из трёх карточек снимают главные сомнения ещё до заполнения формы, а кнопка «Apply for grant» остаётся под рукой — в шапке и в конце страницы.
Концепт собран в Figma в тёмной теме с фиолетовым акцентом и едва заметной сеткой на фоне. Моноширинный шрифт отвечает за навигацию, суммы и даты, а рукописные подчёркивания, овалы, стрелки и цифры добавляют живости: интерфейс остаётся техничным, но перестаёт быть холодным.
Первый экран с двумя сценариями
Заголовок о будущем dYdX, которое строят гранты сообщества, подчёркнут рукописной линией. Под ним две кнопки для разных посетителей — «Discover RFPs» для тех, кто ищет задачу, и «Apply for grant» для тех, у кого уже есть идея, — и строка ключевых цифр программы.
Карточки профинансированных проектов
Раздел «Projects built with grants» листается горизонтально. Каждая карточка показывает тип гранта, название проекта, диапазон финансирования моноширинным шрифтом, короткое описание и аватары участников, а ссылка ведёт ко всем профинансированным проектам.
Новости о раундах одобрения
Блок «What's new?» выводит свежие записи блога: карточки с обложкой в клетку и рукописным овалом, меткой «Funding round», названием раунда и датой публикации. Ссылка на блог стоит прямо под заголовком раздела.
Ответы до подачи заявки
Аккордеон из семи вопросов собирает то, что волнует заявителя: как подать заявку, можно ли участвовать из США, как проходят выплаты, какие проекты подходят, сколько ждать ответа, как повысить шансы и как часто проходят раунды. Ответы раскрываются по нажатию на плюс, поэтому список остаётся компактным.
Три шага подачи
Процесс показан тремя слегка повёрнутыми карточками с рукописными цифрами и стрелками: заявка, интервью, грантовое предложение. Каждый шаг описан одной-двумя фразами, поэтому путь от идеи до гранта читается за несколько секунд.
Тёмная тема с живыми акцентами
Фиолетовый акцент, сетка на тёмном фоне и моноширинный шрифт задают технологичный тон, а рукописные элементы смягчают его. Финальный баннер с градиентом зовёт подать заявку, а подвал ведёт к фонду dYdX, торговой платформе, бренд-материалам и соцсетям.
Результаты
Главные итоги проекта в цифрах.
- 6Секций страницы
Первый экран, гранты, новости, вопросы, процесс подачи и финальный призыв — в одной ленте.
- 3Шага подачи заявки
Заявка, интервью и грантовое предложение показаны карточками с рукописными цифрами и стрелками.
- 7Вопросов в FAQ
Аккордеон отвечает на главные вопросы заявителя: сроки, выплаты, требования к проектам и участие из США.
- 10 дн.Срок проработки
На структуру, визуальный язык и макет шести секций ушло десять дней.
Дизайн и интерфейсы
Ключевые экраны и интерфейсы проекта.
Технологии в проекте
Стек, на котором мы строили решение под задачи клиента.
- Figma
Похожие кейсы
Готовы стать следующим кейсом?
Расскажите о задаче — менеджер соберёт команду, посчитает смету и пришлёт коммерческое предложение в первый час после заявки. Без обязательств и без рассылок.