Разработка творческого лендинга «Книга сказок» для Meine Liebe

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

Участникам проекта — родителям и их детям — предлагалось написать небольшой рассказ о летних приключениях маскота Meine Liebe — енота Нотти. Анонсировалось, что лучшие по итогам народного голосования 12 рассказов составят 12 глав целой книги. Книга не поступит в продажу, но ее подарят тем, кому нужны добрые истории, добрые слова, тепло и поддержка.

Средства, определяемые на издание книги, формируются с 10% от суммы покупок продукции Meine Liebe. Участнику предлагается загрузить чек в интерфейсе.

Требовался красивый, легкий, вовлекающий лендинг с простой админкой — чтобы легко собирать и отбирать контент от участников.

Поставленная задача и ее решение

Задача

Разработать одностраничный сайт с функционалом:

• подача заявки на участие и своей творческой работы (рассказ или иллюстрация);
• регистрация чека на покупку продукции Meine Liebe;
• виртуальная копилка на сайте (10% от суммы с зарегистрированных чеков выводится в отдельном блоке);
• модерация заявок и работ;
• голосование на сайте каждую неделю с выведением итогов.

Решение

Технологический стек — HTML, CSS, JS, Laravel
Срок — 2 недели
Дата старта разработки — 18.05.2020
Дата запуска проекта — 01.06.2020

Чтобы сайт получился легким, не перегруженным лишним функционалом, использовали php-framework Laravel со следующей реализацией:

Разработка простого личного кабинета для пользователя с возможностью подать заявку на конкурс, отправить свою работу, загрузить чек.

Личный кабинет администратора с возможностью подтверждать/отклонять работу, премодерировать отправляемые чеки (при условии, если сумма выше значения N), изменять часть контента на странице, запускать новые недельные темы.

Основные этапы в разработке:

1. Сбор требований. Согласование структуры.
2. Разработка дизайна с использованием фирменного стиля клиента
3. Реализация десктопной и адаптивной верстки.
4. Программирование началось до этапа верстки, подготовка тестовой площадки, установка библиотек, настройка личного кабинетов, реализация функционала подачи заявок, запуска голосований, модерации чеков.
5. Подключение аналитики: Яндекс. Метрика и Google Analytics.
6. Тестирование сайта и отладка. Подготовка сайта к запуску.
7. Запуск лендинга. Обучение модераторов сайта.

Достигнутые цели и KPI по итогам запуска

— Уложились в 2 недели разработки
— Получено 100 историй от участников
— Уникальных посетителей за время проекта 26 000+