Главная витрина проп-фирмы
Сайт NEOMAAA Funded
Главный сайт проп-фирмы. Первая точка, где трейдер узнаёт о компании, и вход в челлендж, кабинет и условия выплат.
- Веб-дизайн
- UX/UI
- Дизайн-система
Что за продукт
Сама проп-фирма и основа всей экосистемы. Остальные направления выросли вокруг неё: брокер, обучение, медиа, ивенты.
Сайт это первая точка, где трейдер вообще узнаёт о компании. Отсюда он уходит на челлендж, в кабинет и к условиям выплат, и здесь же решает, стоит ли вообще заводить деньги.
Весь сайт одним листом
Так выглядит сайт целиком: главная, челленджи, условия, страницы вокруг торговли и всё служебное.
Собран на одном наборе блоков. При таком количестве экранов рисовать каждый отдельно нельзя: страницы разойдутся между собой раньше, чем закончится работа.
Компоненты, из которых он собран
А это набор, на котором сайт держится: кнопки и их состояния, поля, таблицы, карточки, вкладки, всплывающие окна, иконки.
Один источник правды. Правка в компоненте расходится по всем экранам сразу, руками её никуда переносить не надо.
Главная страница
Одна страница держит на себе всё: продукты, калькулятор, сравнение с конкурентами, новости, соцсети.
Длинная страница, которую надо прочитать за один проход. Блоки идут в порядке вопросов, которые задаёт трейдер: что это, сколько стоит у меня, чем вы лучше других.
Партнёрская программа
Отдельная страница под партнёрку: как устроено вознаграждение, сколько приносит уровень и сколько человек нужно привести, чтобы до него дойти. Внизу форма обратной связи.
Одна из первых версий сайта. Дальше визуальный язык менялся, и по этой странице видно, с чего начинали.
Мероприятия и вебинары
Список мероприятий, онлайн и офлайн, с фильтрами по состоянию: предстоящие, зарегистрирован, посещённые, прошедшие. Отдельная страница вебинара с таймером до начала и регистрацией.
Один вебинар часто шёл дважды, на испанском и английском. Человеку приходила своя ссылка, презентации тоже делались под каждый язык. Поэтому на странице события стоит выбор языка, одной кнопкой записи тут не обойтись.
Калькулятор
Готовой постановки по калькулятору не было. Как и на брокере, я разбирал чужие: смотрел, у кого он собран удобно, что и в каком порядке считается, какие поля человек реально заполняет. Из этого сложилась версия, которая стоит на сайте сейчас.
Сейчас сайт в редизайне. Его переделывают под новые веяния и оптимизируют под нейросети, ими же он и собирается. Справа калькулятор из этой работы. Из нового дизайна здесь только он.
Версия на сайте сейчас
Версия из редизайна
Покупка челленджа
Что происходит после того, как продукт выбран в калькуляторе: контактные данные, проверка телефона по коду, финальный чекаут с промокодом, составом заказа и итоговой суммой.
Три шага, и счётчик шагов виден на каждом экране. Рядом всё время висит состав заказа: платформа, баланс, просадки, цель, сплит. Человек в любой момент видит, за что платит.
