Москва, 24 года
Дмитрий Чаплыгин
Сайт для платформы монетизации контента
Сайт для платформы монетизации контента
Москва, 24 года
Дмитрий Чаплыгин
/
Кейс Blogggers
#лендинг
#дизайн и верстка
#Tilda
/
Время прочтения ~5 минут
/
Контекст
Во время работы с UpSound мне предложили еще один проект — сайт для платформы, которая связывает бренды и артистов с авторами контента
Задача сайта отличалась от самой платформы. Если внутри сервиса пользователь уже выполняет задания и работает с функциональностью, то сайт нужен как первое знакомство с проектом. На него отправляли потенциальных пользователей, чтобы рассказать о возможностях платформы и перевести их в Telegram-бота, где происходила основная работа
Пользовательская
Быстро объяснить, как работает сервис, кто может зарабатывать с его помощью и как начать пользоваться платформой без долгого изучения интерфейса
Бизнес
Познакомить новых пользователей с проектом и мотивировать перейти в Telegram-бота
Задачи
О проекте
Визуальное направление уже было задано дизайном самой платформы, поэтому моей задачей было адаптировать этот стиль для сайта и сделать его более дружелюбным
Продумал структуру сайта
Первым этапом подготовил структуру будущего сайта. Важно было быстро познакомить пользователя с платформой, ответить на основные вопросы и в нужный момент предложить перейти в Telegram-бота, где происходила вся дальнейшая работа
Копирайтинг в этом проекте подготовила команда UpSound, а моей задачей было выстроить последовательность блоков так, чтобы информация воспринималась легко и постепенно подводила пользователя к целевому действию
Основная аудитория платформы — молодые авторы короткого видеоконтента. Поэтому старался сделать структуру максимально простой: минимум лишних действий, короткие смысловые блоки и постоянные точки входа в сервис
Кнопки с призывом перейти в платформу разместил на первом экране и после большинства смысловых блоков. Пользователю не нужно возвращаться в начало страницы — начать пользоваться сервисом можно практически в любой момент
Что было сделано
Адаптировал визуальный стиль платформы
За основу взял визуальный стиль самой платформы и развил его для промо-сайта
Основная аудитория — авторы короткого видеоконтента. Поэтому хотелось, чтобы сайт выглядел проще, динамичнее и менее формально, чем сама платформа
Хотел сделать первое знакомство с сервисом более дружелюбным, поэтому использовал крупные блоки, яркие акцентные цвета, объемные иллюстрации и 3D-иконки. Такой формат хорошо подходил молодой аудитории проекта и помог сделать сайт более легким для восприятия
Итоговый дизайн
После согласования концепции разработал дизайн всей страницы, сохранив выбранную стилистику и единый ритм подачи информации от первого до последнего блока
Добавил анимации
Еще на этапе дизайна продумывал, какие элементы можно оживить, чтобы взаимодействие с сайтом было более интересным
Добавил анимации по скроллу, hover-эффекты и другие небольшие детали, которые делают интерфейс более интересным и динамичным
Этого хватит, чтобы заработать
хватит, чтобы заработать
Этого
Ты нужен брендам
Получай деньги
Снимай короткое видео
Ты — блоггер
200 подписчиков?
хватит, чтобы заработать
Этого
Адаптировал для мобильных устройств
После завершения работы над десктопной версией подготовил адаптивную верстку
Итог проекта
В результате получился сайт, который быстро знакомит пользователя с платформой, объясняет принцип работы сервиса и в нужный момент подводит к переходу в Telegram-бота. Проект стал частью экосистемы UpSound и помог представить новый продукт в понятном и привлекательном формате
Посмотреть сайт Blogggers можно по
Другие кейсы
UCPR & People Lab
Два корпоративных сайта для исследовательских компаний
Смотреть кейс
Корпоративный сайт
Дизайн и верстка
Копирайтинг
Tilda
Корпоративный сайт
Дизайн и верстка
Копирайтинг
Tilda
Смотреть кейс
UpSound
Развитие многостраничного сайта музыкального маркетингового агентства
Смотреть кейс
Смотреть кейс
Многостраничник
Развитие проекта
Tilda
Многостраничник
Развитие проекта
Tilda
Made on
Tilda