Landing Page для криптопроекта Mortal Dogs
- вид сайта: лендинг
- ниша: крипта
- год релиза: 2022
Good Game, Well Played.
Врываемся с новым кейсом в нише криптовалют — взрывным одностраничным сайтом в духе культового Mortal Kombat с уникальными цепляющими иллюстрациями.
В гипер-креативном проекте наша задача — не просто сделать красиво, а полностью погрузить юзеров в контент и превратить их в держателей токенов. Мы прокачали каждую деталь, чтобы все элементы сайта работали как единый механизм:
- Аутентичные иллюстрации в стиле Mortal Kombat отрисовали fully-detailed и идеально адаптировали для веба, чтобы достичь мощного баланса между художественной выразительностью и функциональностью
- Благодаря продуманному подходу, каждый посетитель не просто смотрит на картинки, а погружается в созданный нами lore, ощущая его уникальную атмосферу
- Возникает непреодолимое желание стать частью этого экшена, приобрести токен и продолжить эпическое путешествие в игровом пространстве
Мы создали не просто сайт, а аркадную арену, где каждый элемент дышит и живет.
Заказчик пришел к нам с по-настоящему ground-breaking идеей
А именно: объединить персонажей легендарной игры Mortal Kombat с разными породами собак в рамках Play-to-Earn криптопроекта и разработать landing page для запуска пресейла DK токена. Вот это мы называем баттл-рояль за вовлечение пользователей.
Неважно, что на повестке дня — всегда начинаем с того, что окунаемся в мир бизнеса и ищем наилучшие способы достижения целей
Когда к тебе приходит заказчик и говорит, что хочет замиксовать Mortal Kombat и собачек, это как вызвать Шао Кана на дуэль — каждый ход продуман, каждое решение выверено. Мы собираем данные, проводим аналитику и только потом бьем точно в цель. Для нас это не просто вызов — а гейм-квест с эпичным финалом.
В общем, когда креативный вызов бросается с таким размахом, только настоящие бойцы, готовые к любым испытаниям, смогут его принять. А мы не только принимаем вызов, но и поднимаем ставки, чтобы результат был на уровне бруталити.
- Провели несколько созвонов с заказчиком, чтобы максимально вникнуть в концепцию: это не банальный байт на покупку новой монеты на пресейле, а полноценная эпичная сага с погружением в игровую механику. Представьте себе – вы не просто покупаете нового персонажа, а начинаете квест с монетизацией игрового опыта, апгрейдом внутриигровых артефактов, будь то оружие или инструменты, и бонус ачивка – возможность выставить своего персонажа на продажу как NFT на площадках OpenSea или Rarible.
- Мы подошли к исследованию рынка, как Саб-Зиро к своим морозным техникам: холодно и точно, чтобы убедиться, что наша идея – это уникальный ход, не имеющий прямых аналогов в данной нише. Это позволило нам выйти на новый уровень и предложить что-то, что по-настоящему выделяется.
- Как истинные стратеги, детально проанализировали основные тенденции в презентации криптопродуктов. Это и прозрачный флоу, и визуализация потенциального профита, и четкие графики с диаграммами, и high-end дизайн, и элементы геймификации. Тексты, сокращенные до сути, чтобы моментально захватывать внимание. Тщательно отобрали креативные фишки для вдохновения и отметили неудачные решения, которые только осложняют путь пользователя.
- Мы погрузились в исследование целевой аудитории, как Рейден в мир смертных, определив сегменты и создав подробные психо-эмоциональные портреты. Учитывая географические, демографические, социо-экономические, культурные, психографические и поведенческие характеристики, мы переняли боли и возражения пользователей, чтобы думать, как они, и предложить им именно то, что они искали.
- Мы решили: время для глубокого погружения — и всей командой сели за Mortal Kombat. (Естественно, по работе), чтобы прочувствовать атмосферу. Это позволило нам перенести ценный живой экспириенс на сайт, погружая пользователей в увлекательный и динамичный мир нашего продукта.
Собрав все данные, организовали их в подробную Mind Map и начали разработку интерактивного прототипа.
Чтобы достичь полной синхронизации логики блоков и их смысла, маркетолог и копирайтер трудились рука об руку с самого начала
В мире, где каждый пиксель должен бить в цель, мы создали настоящую геймерскую симфонию контента, способную загнать в угол любого скептика. Мы стратегически выстроили все блоки и конверсионные элементы, как настоящий файтер в Mortal Kombat. Каждый шаг — это комбо-удар, направленный прямо в сердце целевой аудитории. Давайте вместе!
Начнем с мощного интро, рассказывающего о нашем мире и его героях, будто вы только что включили новую эпичную игру. Здесь мы объясняем механики геймплея, кидаем вам тизер ключевых фич и завершаем все это шокирующим клиффхэнгером, от которого хочется кричать: Finish him! Это подстегивает вас кликать и скроллить дальше, жадно глотая каждый байт информации.
Затем мы ныряем глубже: раскладываем перед вами всю команду героев, их уникальные способности и арсенал оружия. Вы уже ощущаете этот адреналин, как после идеального фаталити, и именно в этот момент мы подбрасываем вам нашу конверсионную кнопку, словно подсказку к следующему уровню.
Но это еще не все! Для тех, кто хочет разобраться в вопросе основательно, мы подготовили подробный блок про DK токен. Мы распишем его надежность, преимущества и токеномику так, чтобы ваши сомнения растворились в воздухе. Дорожная карта проекта и список партнеров, известных в мире криптоинвестиций, — это наш способ сказать вам: «Мы тут надолго и всерьез!»
Так что готовьтесь, это будет эпический заход в мир цифрового контента, где каждый элемент продуман до мельчайших деталей. Мы знаем, как делать комбо, чтобы вы остались в игре и сделали решающий ход.
Прототип готов, пора переходить к текстам. Цель проста: донести идею проекта так, чтобы каждый символ становился мощным триггером. Целевая аудитория — геймеры, которые привыкли к интерфейсам, где минимум нагрузки, но максимум ценности.
«Эй, копирайтер, пиши и сокращай» — мантра сработала! На финальном сайте нет длинных полотен текста, но каждая строка идеальна. Каждое слово, как удар в Mortal Kombat, меткое и мощное, передает суть. Мы сделали так, чтобы текст работал за заказчика, как профессиональный файтер, вынося все сомнения на раз-два.
HELP DOGS KOMBAT WIN! FINISH HIM! FIGHT!
Вся команда Ninen работает инхаус, что позволяет нам параллелить процессы разработки и ускорять этапы
Пока маркетолог и копирайтер полировали прототип, иллюстратор колдовал над персонажами. Весь коллектив включился в разработку героев, как в командный бой Mortal Kombat: проводили брейнштормы, выдвигали идеи, дорабатывали концепты, чтобы персонажи вышли живыми, динамичными и с харизмой, которая сразу зацепит.
Когда первый черновик был готов, мы запустили его на тестирование с фокус-группой. Выясняли, какие иллюстрации точно передают дух наших героев, а какие требуют финишного удара. После внесения правок, новый драфт снова проходил тестирование. Затем пришло время финальной битвы — презентации заказчику, и персонажи были утверждены!
Переходя от прототипа к дизайн-макету, мы стремились сделать так, чтобы каждый элемент вызывал восторг. Несмотря на уже заданную стилистику иллюстраций, провели глубокий UI-анализ рынка, чтобы уловить основные визуальные тренды и избежать банальных решений. Мы не только анализировали крипто-сайты, но и погружались в современные игровые дизайны, изучали, какие визуальные языки и фичи делают интерфейсы живыми и популярными среди пользователей.
Результаты анализа легли в основу дизайн-системы с детальным описанием сенсорных правил и графических принципов сайта. Мы приступили к созданию концепций первого экрана и разработали четыре принципиально разных варианта, каждый из которых отражал философию проекта, учитывал визуальные предпочтения аудитории и выделялся уникальными элементами в компоновке, цветовой гамме и стилизации.
Чтобы точно передать логику каждой концепции, мы организовали созвон с командой заказчика и презентовали наши идеи. Первый же созвон прошел гладко, стилистика экрана была согласована, и мы приступили к созданию всей страницы. Это было как успешное прохождение уровня: все по плану, четко и без промахов.
Темный сайт с яркими неоновыми акцентами, напоминающий ночной бой в Mortal Kombat
Яркие жёлтый, фиолетовый, зелёный и синий цвета направляют внимание юзеров, акцентируя его на важных моментах, но без перегрузки и раздражения. Конверсионные кнопки усилены анимациями и мелкими деталями, фокусируя интерес на ключевых элементах. Стилизованное оформление второстепенных компонентов добавляет ритма и усиливает визуальное восприятие, создавая эффект присутствия на арене.
Главные герои сайта — это персонажи, которые буквально сопровождают юзеров. Эффектные позы, микроанимации при наведении курсора и иллюзия движения — те самые объём и глубина в визуальном искусстве.
Конечно же, интегрировали элементы из Mortal Kombat, вдохновляясь логотипом, заголовками в стиле уменьшающейся полосы здоровья, резкими фигурами и линиями. Шрифты текста и узнаваемые позы персонажей инстинктивно вызывают ассоциации с культовой игрой, усиливая эмоциональную привязку пользователя к проекту.
FATALITY: довели взаимодействие с сайтом до совершенства, добавив фоновую музыку, усиливающуюся в определённых моментах, и звуковые эффекты для конверсионных элементов
При наведении на карточку персонажа можно услышать, как он произносит своё имя, а при наведении на кнопку FINISHED! раздаётся знакомый звук из Mortal Kombat.
Frontend-разработчик получил максимально детализированное ТЗ на вёрстку, включая логику, анимации всех элементов, скрытые тексты, дополнительные требования и адаптивную версию первого экрана. Он приступил к переводу дизайна в код, придерживаясь подхода Pixel Perfect.
Сначала была создана структура страницы на HTML, затем задано оформление: цвета, шрифты, размеры и расположение блоков. Для корректного отображения сайта на различных устройствах использовались адаптивные медиа-запросы. Иллюстрации были оптимизированы и добавлены на страницу с учётом их размеров и форматов, а анимации тщательно проработаны для плавности и скорости загрузки сайта.
Final Boss: найти баланс между качеством иллюстраций и производительностью сайта
Проект требует непрерывной активности, соответствуя принципам Kombat Kontinues. Разработчик выложился на максимум, сохранив каждый пиксель Full HD персонажей и обеспечив быструю загрузку сайта за считанные секунды.
Результат
Разработали ультимативный сайт под ключ, наполненный мощными игровыми приёмами и эксклюзивными иллюстрациями, обеспечивающими максимальное погружение и буст конверсии
- проектирование и дизайн: Figma / Axure RP / Adobe Photoshop / Adobe Illustrator / Adobe After Effects
- frontend: HTML / CSS / JavaScript
Создаем удобные нешаблонные сайты на основе мета-креативного дизайна с полной маркетинговой упаковкой и комплексным юзабилити-тестированием
Разрабатываем жизненные сценарии и помогаем пользователям принять решение, направляем по воронке на целевое действие
Больше продуктов с эмоциональным дизайном и маркетингом повышенной вовлеченности
-
300+
проектов разного масштаба
-
50+
ниш охватывают
кейсы -
14
международных наград
за кейсы
Сделаем расчеты с учетом маржинальности и конверсии. Проанализируем вашу задачу, построим гипотезы с конкретными прогнозами гарантируемых нами KPI