«Три продукта под одним брендом — авторизация, профиль, ALGO на Strapi и мультиязычность прокатились сразу по всей экосистеме.»
1EX — криптобиржа с собственной экосистемой: главный сайт 1ex.com, личный кабинет, направление ALGO с торговыми ботами и SmartDom. Мы занимались в основном разработкой: макеты были готовы — наша задача была сверстать клиентскую часть и разработать бэкенд (авторизация с e-mail-верификацией, профиль пользователя, главные страницы всех трёх продуктов). Дизайнеры Nocodered подключались в помощь разработчикам. Самый объёмный блок — ALGO: маркетинговый сайт про алгоритмы и ботов с контент-системой на Strapi, мультиязычностью и связкой с бэком. Архитектурно платформа живёт в пяти репозиториях — dashboard, algo (back + front) и smartdom (back + front) — три независимых продукта под одним брендом.
Провели аудит сайта 1ex.com, оценили доработки текущего решения и сформировали план работ по всем продуктам платформы.
Слайд «Пример использования» — три квадратных баннера 1EX AI News, 1EX Algo, 1EX Smart Dom в стиле Instagram-публикаций с тёмным фоном.
Построили модуль аутентификации с нуля — формы входа и регистрации, хуки useLogin / useLogout / useRegistration, хранилище пользователя (user store) и компонент подтверждения e-mail. Параллельно запустили ALGO: макеты и реализация главной, страниц «Trading bots», «Education» и «FAQ», UI-кит и технические страницы.
Мобильный экран регистрации Sign Up для платформы 1ex: поля имени, email, пароля и капча на тёмно-фиолетовом фоне.
Мобильный экран входа Log In для 1ex: поля email и пароля на тёмно-пурпурном фоне с кнопкой Sign Up.
Расскажите о задаче — предложим архитектуру решения. Без шаблонных КП и абстрактных смет: конкретика на старте.
Мобильный экран восстановления пароля «Password recovery» с полем email и блоком reCAPTCHA.
Вёрстка профиля и главной ALGO, первая волна локализации. Подняли Strapi, подключили бэкенд ALGO, прошли комплексное тестирование по тест-кейсам и собрали адаптивы. Параллельно вели SmartDom и поток фиксов.
Полная страница лендинга 1EX ALGO: секции hero, trading bots, education, pricing, pre-sale questions и about — тёмная тема с циановыми акцентами.
Сверстали главную страницу 1ex.com, подключили бэкенд ALGO к Strapi, добавили Google Analytics и RU-локализацию, собрали мини-бэк-прослойку между фронтом и внешними API.
Финальная итерация лендинга 1EX (правка 12/12) — полная страница с незначительными изменениями относительно предыдущей версии.
Довели локализацию 1ex Main, перевели ALGO, SmartDom и 1ex Main на новый почтовый сервис одним прогоном по всем продуктам. Подняли Strapi как боевую CMS — контент ALGO и SmartDom обновляется без правок в коде. Финальные правки: формы подписки и обратной связи, баги локализации и отображение картинок в статьях.
Страница подписок 1EX ALGO с планами Trial, Standart, Pro и Enterprise для платформы автоматизации торговых стратегий; выделен тариф 5 лет за $160.
Страница подписок 1EX SMARTDOM — версия «от заказчика», выбран тариф 1 год за $135 (скидка 10%) в колонке Crypto.
Вернулись к макетам ALGO для дальнейших доработок — пересмотр структуры разделов и обновление UI под актуальный стиль платформы.
Альтернативный концепт хиро 1EX с горизонтальным расположением — ноутбук по центру, логотипы бирж по краям.
Концепт хиро 1EX Smart DOM с аннотациями системных требований и ноутбуком справа, логотипами бирж снизу.
Концепт 3.1 хиро-секции 1EX с 3D-кубом рядом с ноутбуком и бегущей строкой логотипов бирж внизу.
Несколько продуктов под одним брендом. Dashboard, ALGO и SmartDom жили в пяти репозиториях параллельно: общие задачи — смена почтового сервиса, настройка ESLint + lint-staged — прокатывались сразу по всем продуктам без рассинхронизации.
Полная лендинговая страница торгового терминала 1EX Smart DOM — хиро, обзор, первый запуск, цены, форма подписки.
Мультиязычность через все продукты. Локализация тянулась на десятки часов и охватывала несколько проектов одновременно — держали её синхронной, отдельно ловили баги с неверным языком при переключении.
Контент ALGO и SmartDom вынесли в Strapi: статьи, блоки и страницы обновляются без правок в коде — редакторы работают в CMS, разработчик в процесс не вмешивается.
Мобильная страница 1EX Education с раскрытой статьёй о роботе ADXMa поверх списка обучающих материалов.
Мобильная страница «1EX Education» — список обучающих статей, ссылки на документацию и форма контакта.
Страница детального описания торгового робота ADXMa на мобильном устройстве с описанием стратегии и формой обратной связи.
Перед запуском каждой страницы прогоняли комплексное тестирование по тест-кейсам и собирали адаптивные версии — только так выходили на прод без регрессий на живом продукте.