Блокчейн
обозреватель
GetBlock
Сервис для получения информации
о криптовалюте с функциями AML-проверки
сервис
аналитика
проектирование
дизайн
О проекте
01
Клиент
GetBlock — новостной портал, освещающий мир криптовалюты, который имеет значительное отличие от аналогичных сервисов наличием функции AML-проверки транзакций и кошельков.
AML-проверка — выявление случаев отмывания криптовалют, полученных мошенническими способами.
02
Цель
Быстро запустить сайт и привлечь первую аудиторию за счёт удобной подачи контента и побудить покупать AML-проверки кошельков и транзакций.
03
Задачи
Разработать удобный новостной блог для привлечения аудитории;
Разработать способы мотивации пользователей к AML-проверке перед совершением сделок;
Спроектировать и сделать дизайн простого и информативного обозревателя блокчейна;
Провести аудит сайта после его реализации на предмет соответствия дизайну.
Подготовка к проекту
На старте клиент направил нам примеры похожих сервисов… Но мы ничего не поняли ;(((
Поэтому пошли изучать тему крипты с самого начала. Часть информации искали сами, часть обсуждали с клиентом. Задавали много вопросов, чтобы точно все понимать.
Разобрались, что такое блокчейн, чем отличается бык от медведя, а хомяк от кита, что значит «скамить», «шортить» и многое другое.
Погрузившись в тему и поняв, как там все работает, мы приступили к следующему шагу.
Анализ конкурентов
После того, как нам стала понятна вся информация на сайтах, которые направил клиент и которые нашли сами, провели их анализ.
01
Выделили важную и второстепенную информацию
02
Отметили интересные решения и функции
03
Нашли слабые места, которых важно не допустить при разработке сервиса
Функционал и структура
Для разрабатываемого сервиса мы выделили 5 основных функций:
AML-проверка крипто кошелька;
AML-проверка крипто транзакций;
Просмотр новостного блога;
Просмотр информации о блокчейн-операции;
Просмотр информации о криптовалюте.
На основании этих функций была разработана структура будущего сайта.
Главная страница
01
Разработку сервиса начали с главной страницы, поскольку она является точкой старта для большинства основных функций.
Ключевой функционал — поиск по блокчейн операциям, разместили на первом экране главной страницы, чтобы пользователи, которые заходят напрямую или через поисковые системы сразу могли приступить к работе.
02
Мудборд
Сроки проекта были сжатыми, поэтому после того, как согласовали прототип главной страницы, передали его в дизайн, не дожидаясь остальных страниц.
Помимо этого рассказали на главной о функционале проверки чистоты операций и кошельков, а также предоставили контентные блоки предназначенные для разных целевых аудиторий.
Прототип
Перед тем, как предлагать дизайн-концепции, подготовили мудборд и обсудили его с клиентом.
03
Благодаря тому, что перед этапом дизайна мы выяснили, каким клиент хотел бы видеть сайт, подготовленная нами концепция была утверждена без правок.
Дизайн
04
После утверждения сделали адаптивы для 5 разрешений: 1920 рх, 1440 рх, 768 рх, 480 рх, 320 рх.
Адаптивы
Проектирование
Параллельно с дизайном главной страницы мы продолжили проектировать остальные разделы сервиса и по мере готовности передавали их в дизайн.
Ключевые разделы
Сервис рассчитан на широкую аудиторию: блокчейн-разработчики, трейдеры, новички в мире криптовалюты и других. Поэтому основная задача была сделать детальные страницы кошелька и транзакции понятными и информативными для всех.
А чтобы побудить пользователей сделать проверку кошелька или транзакции, которую они смотрят, добавили промо-блок AML-проверки.
Страница анализа крипто кошелька
01
После того, как пользователь провёл проверку, её результаты отображаются в правой части страницы с детальной информацией о транзакции.
В верхней части расположили главную информацию: насколько безопасна операция. Для наглядности использовали понятное цветовое кодирование. Ниже расписали подробнее, из каких источников пришла валюта.
Страница анализа транзакции с проведённой AML-проверкой
02
03
Данный раздел прежде всего интересен трейдерам, чтобы следить за актуальной ситуацией на крипто рынке, поэтому мы предоставили им всю информацию по валюте.
В первом блоке расположили ключевые показатели, которые обновляются в режиме реального времени. Это позволит пользователям делать точные прогнозы и совершать выгодные сделки.
Детальная страница валюты
Ниже — второстепенную информацию о валюте, которая поможет оценить ситуацию на рынке путём анализа общей статистики и динамики проводимых сделок.
04
Раздел предназначен для того, чтобы за счёт обновляемого контента обеспечивать возвращаемостьпользователей.
Поскольку новостной блог привлекает аудиторию из соцсетей и поисковых систем, разметили в разделе промо-блоки с описанием возможностей сайта.
Новостной блок
Карточки новостей разделили на 2 отображения исходя из разных целевых аудиторий: главные и второстепенные.
Главные — для тех, у кого мало времени и при этом они хотят держать руку на пульсе.
Второстепенные — для тех, кто работает с блокчейном профессионально и хочет быть в курсе каждого даже самого малого события.
UI-кит
Во время работы над проектом создали UI-кит для того, чтобы разработчикам было проще и чтобы потом можно было масштабировать сайт собственными силами или с привлечением других исполнителей.
За счёт поэтапной работы над проектом
согласование структуры, прототипов
и дизайн-макетов проходили с минимальными
правками или вообще без них.
За счёт поэтапной работы над проектом согласование структуры, прототипов и дизайн-макетов проходили с минимальными правками или вообще без них.
