СПАСИБО ЗА ЗАЯВКУ !

Мы свяжемся с вами в ближайшее время

Укажите ваши данные и я свяжусь с вами в ближайшее время!

Era Exchange - Next gen financial ecosystem

Основное

Основное

Предисловие

Задача

Создать веб-сайт Blockchain проекта, для привлечения новых инвесторов. Учитывая что целевая аудитория будет хорошо знакома с IT сферой, сайт должен был выглядеть современно, используя ненавязчивую анимацию, и небольшую палитру цветов. Было принято решения создать в формате Landing Page где каждый блок отвечал бы на определенный вопрос потенциального инвестора.

Первый экран

Первый экран

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

Case Image
Основные характеристики и краткое описание

Основные характеристики

Секция содержит основные достоинства и характеристики, показывающее инвестору ряд преимуществ перед другими системами. Иконки были выбраны в едином стиле. Справа от преимуществ расположился блок с возможностью скачать краткое описание о продукте в формате PDF. Кнопка с возможностью покупать токены, и логотипы платежных систем которые принимаются на сайте.

Case Image
Распределения средств

Распределения средств

Один из важнейших вопросов для инвесторов — каким образом будут потрачены их средства. Создав простую, но красивую диаграмму, инвестор может с точностью до процента понять каким образом будут использованы его средства. Так же это отлично показывает приоритеты компании, и план развития. Помимо графиков присутствует кнопка для покупки токенов и информация о возможностях оплаты.

Case Image
Технологическая дорожная карта

Дорожная карта

Технологическая дорожная карта предоставляет отличную возможность визуально понять все цели компании по ее развитие. Так же на карте присутствуют и прошлые года, изучив которых можно понять рост компании, количество правильных действий и намерения на будущее На всем сайте используется формат сухих цифр, статистик и диаграмм. Подобный стиль располагает к себе инвесторов, которые привыкли доверять лишь фактам.

Case Image
Технические показатели

Технические показатели

При создании сайта важно учитывать не только внешний образ, но и техническую часть сайта. Дабы получить наилучшую скорость загрузки было принято много действий. В том числе: оптимизация изображений, использование векторной графики, сокращение количество запросов за счет использование CSS-Sprite. Имея вес сайта всего 2 мб, это позволила добиться высокой скорости загрузки даже на 3G.

Case Image
Мобильная версия

Адаптивность

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

Case Image
Case Image
Case Image
Заключение

Заключение

Заказчик получил адаптивный сайт, с высокой скоростью загрузки, приятным дизайном и большим количеством информации в виде графиков и интерактивных элементов. Проведя ряд тестов, сайт отлично показал себя во всех современных браузерах, на IOS/Android, на планшетах и мобильных версиях. В дополнение сайт был дублирован на русский язык, сохранив такой же лаконичный внешний вид.

Понравился кейс? Хотите похожий продукт?

Заполните форму и я гарантирую прекрасное взаимное сотрудничество

Контакты

Для быстрой обратной связи, можете написать на почту,
позвонить по телефону или обратиться через социальные сети.

Разработка сайтов под ключ
Instagram