«Маскот» — это автомобильная премия в Беларуси. Сайт премии решает множество задач. Нужно как-то познакомить с условиями будущих участников премии и дать возможность подать заявку на участие. Упомянуть всех партнёров. Рассказать про номинации, методику и познакомить с экспертным советом. А ещё дать возможность проголосовать потребителям за автомобили, которые попадут в отборочный тур. При этом провести розыгрыш призов среди участников голосования, чтобы они не ленились голосовать.
Все участники премии — это автодилеры. А предмет оценки — новые автомобили. Поэтому на сайте нужно было выстроить журнал всех автомобилей, которые продавались в 2018 году:
![image](https://habrastorage.org/r/w780q1/getpro/habr/post_images/963/413/06b/96341306b3c1092fe1e4a082441cd70d.jpg)
При каждой новой загрузке страницы, мы собираем журнал машин заново, чтобы никто не обиделся на публикацию без фотографии. Конечно же, хочется посмотреть все картинки автомобилей. Для этого мы сделали листалку машин в рамках каждой номинации:
![image](https://habrastorage.org/r/w780q1/getpro/habr/post_images/961/07e/e6e/96107ee6e1c4b0658e33d94544ca67ad.jpg)
Одна из задач, рассказать про информационных партнёров. Чтобы не прятать их в конце страницы, мы аккуратно подмешали их в ленту журнала автомобилей:
![image](https://habrastorage.org/r/w780q1/getpro/habr/post_images/490/380/4c0/4903804c0393f123c57158c267cb6e1c.jpg)
Первый этап — отборочный: онлайн голосование потребителей прямо у нас на сайте. Отбор пяти самых лучших авто для второго и третьего этапов. Подробнее про это расскажу позже.
Второй — определение победителя в каждой номинации потребителями, благодаря закрытой суперголосовалке по всей Беларуси. А точнее, исследовательская компания провела онлайн-интервью с тысячей белорусов. Выборка учитывала регион, возраст, пол и образование участников. Из пяти финалистов первого этапа определился объективный победитель в каждой номинации.
Третий — определение победителя экспертным советом. Все шесть экспертов выстроились в ряд. Один из них уже мелькал в ленте журнала автомобилей выше с яркой цитатой.
Итого, в каждой номинации будет два победителя: по мнению народа и по мнению экспертов. Или один, если мнение экспертов и народа совпадёт.
![image](https://habrastorage.org/r/w780q1/getpro/habr/post_images/d96/3cb/617/d963cb61766fd97fc77030da89975fa9.jpg)
Для привлечения потребителей, которые участвовали в голосовании отборочного этапа, мы закатили розыгрыш призов:
![image](https://habrastorage.org/r/w780q1/getpro/habr/post_images/c12/2f8/434/c122f8434bfacff4519cb93244220788.jpg)
Для того, чтобы определить 5 финалистов в каждой номинации, мы запустили голосовалку отборочного этапа прямо на сайте. Верификация номера телефона:
![image](https://habrastorage.org/r/w780q1/getpro/habr/post_images/3d7/6ef/6dd/3d76ef6dd12bf518a34c90ce14376392.jpg)
Само голосование. Чтобы избежать сравнения автомобилей между собой и повысить объективность голосования, мы показываем только один автомобиль на экране. Так сказать, эффект «Тиндера».
![image](https://habrastorage.org/r/w780q1/getpro/habr/post_images/78d/cbd/e49/78dcbde493338a620da01cd48d821ba0.jpg)
Личные данные участника:
![image](https://habrastorage.org/r/w780q1/getpro/habr/post_images/0ba/fc7/7b8/0bafc77b8203d322e79e617e9b2e1545.jpg)
Благодарность за участие в виде промокода на автомобильные товары в онлайн-гипермаркете:
![image](https://habrastorage.org/r/w780q1/getpro/habr/post_images/735/f87/811/735f87811ce6ec0c96afb168523f976b.jpg)
Помимо масштабного офлайн мероприятия, мы сделали анонс победителей на сайте:
![image](https://habrastorage.org/r/w780q1/getpro/habr/post_images/25b/ac4/e13/25bac4e137397c594956a28a5731c446.jpg)
Все это дело, конечно же, работает на мобильных устройствах:
![image](https://habrastorage.org/r/w780q1/getpro/habr/post_images/503/009/e35/503009e35cfd2c4ec3378db8db0eb40b.jpg)
Для сайта собрано около 50 экранов и состояний. В жизни есть ещё трёхмерный логотип и переливающиеся кнопки: mascot.by
Страница проекта и упоминания в прессе
Участники премии
Все участники премии — это автодилеры. А предмет оценки — новые автомобили. Поэтому на сайте нужно было выстроить журнал всех автомобилей, которые продавались в 2018 году:
![image](https://habrastorage.org/getpro/habr/post_images/963/413/06b/96341306b3c1092fe1e4a082441cd70d.jpg)
При каждой новой загрузке страницы, мы собираем журнал машин заново, чтобы никто не обиделся на публикацию без фотографии. Конечно же, хочется посмотреть все картинки автомобилей. Для этого мы сделали листалку машин в рамках каждой номинации:
![image](https://habrastorage.org/getpro/habr/post_images/961/07e/e6e/96107ee6e1c4b0658e33d94544ca67ad.jpg)
Партнеры
Одна из задач, рассказать про информационных партнёров. Чтобы не прятать их в конце страницы, мы аккуратно подмешали их в ленту журнала автомобилей:
![image](https://habrastorage.org/getpro/habr/post_images/490/380/4c0/4903804c0393f123c57158c267cb6e1c.jpg)
Методика определения победителя
Первый этап — отборочный: онлайн голосование потребителей прямо у нас на сайте. Отбор пяти самых лучших авто для второго и третьего этапов. Подробнее про это расскажу позже.
Второй — определение победителя в каждой номинации потребителями, благодаря закрытой суперголосовалке по всей Беларуси. А точнее, исследовательская компания провела онлайн-интервью с тысячей белорусов. Выборка учитывала регион, возраст, пол и образование участников. Из пяти финалистов первого этапа определился объективный победитель в каждой номинации.
Третий — определение победителя экспертным советом. Все шесть экспертов выстроились в ряд. Один из них уже мелькал в ленте журнала автомобилей выше с яркой цитатой.
Итого, в каждой номинации будет два победителя: по мнению народа и по мнению экспертов. Или один, если мнение экспертов и народа совпадёт.
![image](https://habrastorage.org/getpro/habr/post_images/d96/3cb/617/d963cb61766fd97fc77030da89975fa9.jpg)
Розыгрыш призов
Для привлечения потребителей, которые участвовали в голосовании отборочного этапа, мы закатили розыгрыш призов:
![image](https://habrastorage.org/getpro/habr/post_images/c12/2f8/434/c122f8434bfacff4519cb93244220788.jpg)
Голосование потребителей
Для того, чтобы определить 5 финалистов в каждой номинации, мы запустили голосовалку отборочного этапа прямо на сайте. Верификация номера телефона:
![image](https://habrastorage.org/getpro/habr/post_images/3d7/6ef/6dd/3d76ef6dd12bf518a34c90ce14376392.jpg)
Само голосование. Чтобы избежать сравнения автомобилей между собой и повысить объективность голосования, мы показываем только один автомобиль на экране. Так сказать, эффект «Тиндера».
![image](https://habrastorage.org/getpro/habr/post_images/78d/cbd/e49/78dcbde493338a620da01cd48d821ba0.jpg)
Личные данные участника:
![image](https://habrastorage.org/getpro/habr/post_images/0ba/fc7/7b8/0bafc77b8203d322e79e617e9b2e1545.jpg)
Благодарность за участие в виде промокода на автомобильные товары в онлайн-гипермаркете:
![image](https://habrastorage.org/getpro/habr/post_images/735/f87/811/735f87811ce6ec0c96afb168523f976b.jpg)
Анонс победителей
Помимо масштабного офлайн мероприятия, мы сделали анонс победителей на сайте:
![image](https://habrastorage.org/getpro/habr/post_images/25b/ac4/e13/25bac4e137397c594956a28a5731c446.jpg)
Мобильные устройства
Все это дело, конечно же, работает на мобильных устройствах:
![image](https://habrastorage.org/getpro/habr/post_images/503/009/e35/503009e35cfd2c4ec3378db8db0eb40b.jpg)
Для сайта собрано около 50 экранов и состояний. В жизни есть ещё трёхмерный логотип и переливающиеся кнопки: mascot.by
Страница проекта и упоминания в прессе