Новая статья в блоге!
Впервые за долгое время вышла новая статья:
Нужен ли блог для SEO-продвижения?

Ответили на самые популярные вопросы. Заходи, сохраняй, комментируй!

Лендинг в честь Дня рождения Смешариков

Дизайн и верстка за 13 дней
В этой статье я расскажу как работала над сайтом известного мультфильма.

В этом проекте встретились нестандартные задачи, что сделало его еще интереснее.

Когда ко мне обратились из центра продюссирования ООО "Смешарики", я была очень польщена.
Все-таки серьезная компания с мировым именем.
Смешарики" переведены на 15 языков и показываются на территории 60-ти стран, среди которых США, Германия, Италия, Франция и страны СНГ.
Проект был срочный. Нужно было сделать лендинг ко Дню рождения Смешариков – в 2021 им стукнуло 18 лет!
Четкого ТЗ не было, но была идея.
Мы хотим создать самую большую в мире книгу поздравлений.

Есть идея через лендинг собирать поздравления от посетителей. В качестве мотивации написать поздравления используем подарки от партнеров (Шарарам, КиноПоиск HD, Яндекс).

А сами поздравления внедрить на сайт в формате книги, чтобы люди могли читать и вдохновляться.
Наталья, Арт Директор ООО «Смешарики»

Перед нами стояло

3 основные задачи:

1
Замотивировать написать поздравление
Создаем лендинг, описывая бонусы за поздравление.
2
Выдать призы автоматически только тем, кто отправил поздравление
Два варианта осуществления, описание ниже.
3
Оформить поздравления в формат книги и встроить на сайт
Ниже описала варианты реализации.

Договор

Обсудив детали, мы составили и подписали договор.

Механика работы лендинга

Для начала я предложила создать User Flow, чтобы увидеть полную картину того, как будет работать лендинг.
То есть для полноценной работы нам потребуется 3 страницы + Политика конфиденциальности

Прототип

Далее я разработала прототип для каждой страницы.
Замечания заказчика по макету:
На главную хотелось бы поместить
наш фирменный ки-арт
Хотим добавить календарь событий, где будет отмечена информация о мероприятиях в честь праздника
Я предложила сделать не обычный скучный календарь (у нас все-таки детская аудитория), а календарь в виде шариков.
Хочется добавить динамичный счетчик поздравлений
И хотим не такие резкие переходы между блоками. Возможно, сделать цветовые градиенты.
Я предложила не использовать градиенты, так как фирменные цвета достаточно контрастные (желтый+синий). Градиент либо придется сильно растягивать, либо будет выглядеть "грязно". Решили сделать переходы в виде волн.

Новый утвержденный прототип

Техническая реализация:

Было 2 технических момента, которые нужно было продумать. И первый – это как выдать доступы именно тем, кто отправил поздравления.

Вариант 1

Поздравление
На основной странице лендинга размещаем форму для поздравлений.
Ссылка+пароль
После отправки поздравления пользователь попадает на страницу благодарности, где указан пароль и ссылка на страницу с подарками.
Бонусы по ссылке
Заходит на страницу по общему паролю, выданному на странице благодарности.
Минусы этого варианта:
  • Пользователь может передать ссылку 3-му лицу или распространить ее в интернете вместе с паролем
  • Пользователь может потерять ссылку/забыть пароль и не получить свои призы

Вариант 2

Поздравление
На основной странице лендинга размещаем форму для поздравлений, спрашивая e-mail.
Личный кабинет
Автоматически регистрируем
личный кабинет на тот e-mail, что был указан при поздравлении.
Письмо
Сообщаем, что на почту было автоматически отправлено письмо с доступом к подарком.
Бонусы в ЛК
Пользователь читает письмо на e-mail и переходит по личной ссылке и паролю.

Выбрали вариант №2, учитывая минусы 1 варианта.

Книга поздравлений

2 технический момент – сама книга поздравлений.
Ее нужно было встроить на сайт.

Для создания максимально реальной книги, с 3d эффектом перелистывания страниц, мы выбрали сервис flippingbook.
Смотреть дизайн страниц

Разработка дизайна

страниц книги

Далее я разработала дизайн обложки и внутренних страниц книги, а также приложила инструкцию, как в дальнейшем с ними работать.

24 мая мы уже запустили

сайт в работу

Скриншоты страниц сайта

Отзыв клиента

Орфография и пунктуация сохранены.

Результат

Я могу долго говорить о том, какими были результаты.
Но цифры скажут лучше.
756
ЗАЯВОК ЗА 1 МЕСЯЦ
13%
КОНВЕРСИЯ
Дорогие и любимые Смешарики!Поздравляю Вас с 18ти летием!!!Я Вас очень люблю и смотрю каждый день!

Жду с нетерпением каждый месяц новый номер журнала, а пока жду, придумываю Вам приключения и рисую свои журналы.)

Оставайтесь всегда такими же классными, смелыми, умными и добрыми! Желаю Вам новых интересных выпусков!
Поздравляю тебя. Ты был моим самым любимым персонажем с первых серий, а сейчас продолжаешь меня веселить спустя целых 18 лет (кто знал). Обнимаю, с меня тортик!
Пин ты самый лучший я люблю тебя больше всех уже 15 лет
я смотрела все новые серии смешариков и пинкода когда мне надо было готовиться к егэ только из-за тебя и биби
я желаю тебе спокойствия и еще малыша а может несколько малышей!!!!!

Хотите обсудить
свой проект?

Закажите консультацию.
Она бесплатна и ни к чему вас не обязывает.