large_Баталова сайт.jpg

medium_Баталова сайт.jpg

small_Баталова сайт.jpg

thumbnail_Баталова сайт.jpg

Баталова сайт.jpg

mish_Logo.jpg

Баталова Анна

ОРЕО.jpg

Cовместный игровой промо-проект с Oreo и VK, разработанный на базе VK Mini Apps и созданный в честь пятилетия Oreo в России.

 <img src="/uploads/Frame_2087325968_ea85990ffb.png" alt="enter image description here">
<div>
<h3>5 лет Oreo в России</h3>
<div>
<p>Нашей задачей было создать простой, яркий и&nbsp;интерактивный промо-материал, который&nbsp;бы стимулировал спрос и&nbsp;повышал лояльность к&nbsp;бренду. Для этого у нас были инструменты VK Mini Apps и целая команда наших талантливых иллюстраторов, которые и приступили к делу.</p>
</div>
</div>

  <img src="/uploads/Frame_2087325969_05333d666f.png" alt="enter image description here">
  <img src="/uploads/Frame_2087325970_99d5b27e84.png" alt="enter image description here">
<div>
<h3>Простой кликер</h3>
<div>
<p>В&nbsp;основу игры легла самая эффективная и&nbsp;простая для пользователя механика&nbsp;&mdash; клик. Пользователь тапает или кликает по&nbsp;экрану, чтобы собрать высокую башню из&nbsp;Oreo. По&nbsp;мере увеличения башни на&nbsp;экране меняется фон: от&nbsp;небольших предметов вроде кружки молока масштабы разрастаются до&nbsp;планет и&nbsp;звезд, где на&nbsp;разных высотах пользователей ждут ачивки, призы и&nbsp;оригинальные способы празднования годовщины Oreo.</p>
</div>
</div>
  <img src="/uploads/Frame_2087325973_7148930c9e.png" alt="enter image description here">
  <img src="/uploads/Frame_2087325971_eb7b263873.png" alt="enter image description here">
<div>
<h3>Как победить?</h3>
<div>
<p>Чтобы быстрее набрать высоту башни, получить праздничный буст и&nbsp;новую часть стикерпака, пользователи могут отсканировать чек с&nbsp;товаром от&nbsp;Oreo. Это несложная механика, которая стимулирует продажи и имеет в основе элемент геймификации.</p>
</div>
</div>
  <img src="/uploads/Frame_2087325974_cfc050ff7c.png" alt="enter image description here">
  <img src="/uploads/Frame_2087325975_cb65eedc6a.png" alt="enter image description here">
<div>
<h3>Результат</h3>
<div>
<p>В итоге получился очень красочный и яркий проект, где использовались персонажи VK, инструменты VK Mini Apps, элементы геймификации и, конечно, печеньки Oreo.</p>

OREO.jpg

Oreo

EuropaPlusMocapWeb.mp4

Редизайн сайта для радиостанции «Европа Плюс» с учетом новой айдентики и с сохранением предыдущей структуры.

 <img src="/uploads/body1_700x400_0d5e17d877.jpg?updated_at=2023-04-05T12:49:04.771Z" alt="enter image description here">
 <div>
<h3>Радиостанция №1</h3>
<div>
<p>Европа Плюс – самая популярная радиостанция в России. Ребята пришли к нам с желанием сделать современный сайт и новое мобильное приложение. При этом в приложении должны быть фичи, которых нет на сайте (аудиторию надо удивлять и втягивать в продукт).</p>
</div>
</div>
  <video
src="/uploads/E_0e86114d6d.mp4"
loop
autoplay
muted
playsinline></video>
</div>
  <img src="/uploads/body2_700x400_c3926a2057.jpg?updated_at=2023-04-05T12:49:01.006Z" alt="enter image description here">
  <img src="/uploads/body3_700x400_849bd03597.jpg?updated_at=2023-04-05T12:49:03.529Z" alt="enter image description here">
 <div>
<h3>Преемственность</h3>
<div>
<p>Нельзя было просто взять и снести весь существующий дизайн и сделать новый. Особенность кейса заключалась в поддержании преемственности с существующими архитектурой и визуальным образом любимого бренда. Нам нужно было обновить UI, сохранив привычные для пользователей элементы. И они были переработаны, чтобы не вызывать сложностей у слушателей. Например, мультиплеер для быстрого доступа к аудио-материалу и видеотрансляции или удобная схема перехода между потоками.</p>
</div>
</div>
  <img src="/uploads/body4_700x400_0a6f74a53e.jpg?updated_at=2023-04-05T12:49:05.091Z" alt="enter image description here">
  <img src="/uploads/body5_700x400_077d36a6f3.jpg?updated_at=2023-04-05T12:49:07.257Z" alt="enter image description here">
  <img src="/uploads/body6_700x400_1_2627fb1de3.jpg?updated_at=2023-04-05T12:57:34.700Z" alt="enter image description here">
  <img src="/uploads/body7_700x400_c4024ac8fc.jpg?updated_at=2023-04-05T12:48:53.036Z" alt="enter image description here">

 <div>
<h3>Что же получилось?</h3>
<div>
<p>В итоге мы разработали красивый и удобный сервис в соответствии с требованиями UX и UI. Интерфейс стал адаптивным, а значит приятным для использования на всех популярных устройствах. В рамках всего проекта было отрисовано более 200 уникальных страниц сервиса, собран большой и подробный UI Kit с основными элементами, иконками, стилями и шрифтами.</p>
</div>

Баталова Анна

Бриф сам себя не заполнит