large_Batalova_sajt_af8616ee6f.jpg

medium_Batalova_sajt_af8616ee6f.jpg

small_Batalova_sajt_af8616ee6f.jpg

thumbnail_Batalova_sajt_af8616ee6f.jpg

Batalova_sajt_af8616ee6f.jpg

large_background profile (3).png

medium_background profile (3).png

small_background profile (3).png

thumbnail_background profile (3).png

background profile (3).png

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

Management

Business Needs

Branding

Graphic Design

Creative

Media

medium_Novoselova_sajt_6c27cf456e.png

small_Novoselova_sajt_6c27cf456e.png

thumbnail_Novoselova_sajt_6c27cf456e.png

Novoselova_sajt_6c27cf456e.png

Новоселова Мария

Illustration

game case mocap.mp4

Уникальный проект, объединивший юных дизайнеров, геймдевов и программистов, где проделана внушительная работа: фирменный стиль, дизайн веб-портала и админки, 3D-иллюстрации, веб-разработка. 

 <img src="/uploads/Tagline_01_Main_9d23fe5f58.jpg?updated_at=2023-03-30T07:29:22.748Z" alt="enter image description here">
<div>
<h3>Платформа</h3>
<div>
<p>&laquo;Начни игру&raquo; позволяет молодым разработчикам заявить о&nbsp;себе, выйти на&nbsp;новый уровень профессионального мастерства, создать уникальные игровые проекты и&nbsp;найти партнеров для поддержки своей инициативы. Обучение построено на&nbsp;геймификации, что отражено как в&nbsp;дизайне в&nbsp;целом, так и&nbsp;в&nbsp;особенностях разработки.</p>
<p>Дизайн&nbsp;&mdash; сочные цвета, ломаные формы, пересекающиеся элементы. Обилие 3D-иллюстраций и&nbsp;объема. Визуал буквально дышит творчеством и&nbsp;амбициями.</p>
</div>
</div>

  <img src="/uploads/Tagline_04_20de48777e.jpg?updated_at=2023-03-30T07:29:25.318Z" alt="enter image description here">
  <img src="/uploads/Tagline_06_adab1f4df3.jpg?updated_at=2023-03-30T07:29:21.195Z" alt="enter image description here">
  <img src="/uploads/Tagline_07_5c157a80b8.jpg?updated_at=2023-03-30T07:29:23.252Z" alt="enter image description here">
  
 <div>
<h3>Смело и ярко</h3>
<div>
<p>Кто ЦА проекта? Школьники, молодежь. Их нужно захватить ярким визуалом, необычными формами, смелым сочетанием цветов. Звучит очевидно, но на деле не самая простая задачка. Удивить визуалом молодых людей сложно. И начали мы с деркзой цветовой гаммы, которая даже внутри команды вызвала немало споров (однако по итогу очень зашла заказчику и аудитории). Также мы решили добавить объема привычным предметам, сделать упор на 3D, чтобы вдохнуть в них жизнь, но при этом оставить в рамках виртуального пространства. </p>
</div>
</div>

 <img src="/uploads/Tagline_08_d26b6eefcc.jpg?updated_at=2023-03-30T07:29:20.589Z" alt="enter image description here">
<div>
<h3>Родная разработка</h3>
<div>
<p>Этот проект стал большим испытанием для нашей команды разработки. Попробуем просто перечислить то, что было проделано, и ничего не забыть: html, css, js, typescript, react, spa, seo, devops, docker, kubernetes, ci/cd. Да, это и frontend, и backend, да еще и с собственной командой тестирования. Опыт колоссальный, результат стоящий. </p>
</div>
</div>

 <img src="/uploads/Tagline_09_da0340955a.jpg?updated_at=2023-03-30T07:29:23.871Z" alt="enter image description here">
<div>
<h3>Версия для людей с ограниченными возможностями</h3>
<div>
<p>Мы&nbsp;также адаптировали сайт в&nbsp;соответствии с&nbsp;ГОСТ Р&nbsp;52872-2019 &laquo;Национальный стандарт Российской Федерации&raquo;. Сайт подходит для пользования слабовидящими людьми&nbsp;&mdash; есть функционал синтеза речи, изменения размера шрифта, увеличения контрастности. И&nbsp;при этом функциональностью контента можно управлять через интерфейс клавиатуры без ограничений по&nbsp;времени нажатия на&nbsp;клавишу.</p>
</div>
</div>

 <img src="/uploads/Tagline_02_677e7d1c7a.jpg?updated_at=2023-03-30T07:29:23.956Z" alt="enter image description here">
<div>
<h3>Ачивки</h3>
<div>
<p>На проекте очень разветвленная система ачивок, все-таки нужно подбадривать юных творцов. Поэтому мы вложили немало сил в систему поощрения. Тут речь не только о визуале, но и об идеях. Каждая ачивка продумывалась исходя из текущих трендов, чтобы порадовать легким юмором и не отбить мотивацию пользоваться платформой дальше. </p>
</div>
</div>
 <img src="/uploads/Tagline_03_66799d233b.jpg?updated_at=2023-03-30T07:29:18.408Z" alt="enter image description here">
 <div>
 <h3>Иконки, куда же без них</h3>
<div>
<p>Иконок потребовалось много, поэтому мы их рисовали, рисовали и снова рисовали. Несколько иллюстраторов постоянно трудились, чтобы в едином стиле воспроизвести множество считываемых образов. </p>
</div>
</div>
<img src="/uploads/Tagline_05_e8e59dca6b.jpg?updated_at=2023-03-30T07:29:24.365Z" alt="enter image description here">
<div>
<h3>Как итог</h3>
<div>
<p>Это проект, которым мы гордимся от и до. Мы вложили в него очень много сил и задействовали в проработке все отделы Mish: продуктовый, коммуникационный, отдел разработки и тестирования. У него клёвый и самобытные брендинг, интерфейс внешний и внутренний, иллюстрации, разработка и тестирование. При этом мы продолжаем работать над следующим сезоном проекта, оказывая полную продуктовую поддержку и подкидывая новые идеи к реализации. </p>
</div>
<br>
<br>
<h4>Совместно с <a href="https://metacorp.gg/">Metacorp</a></h5>

Начни игру.jpg

Начни Игру

Начни Игру.jpg

Скосырская Мария

Денисова Христина

Соколенко Владислав

Анпилов Алексей

Петров Сергей

NRJ case mocap web2.mp4

Редизайн сайта радио ENERGY, одной из крупнейших радиостанций России.

 <img src="/uploads/29_1dc7233e90.png">
<div>
<h3>Заряжающее радио</h3> 
<p>Радио ENERGY наши ребята слушают на постоянной основе, поэтому мы с большим воодушевлением приступили к работе над проектом. И прежде чем приступить к редизайну, начали с переосмысления подачи контента на сайте. А контента очень много: песни, тексты песен, информация об исполнителях, новости, передачи, информационные и развлекательные выпуски. Море информации, в которой нужно помочь слушателю сориентироваться.</p>
</div>

  <img src="/uploads/NRJ_Tagline_02_81951fff7c.jpg?updated_at=2023-03-31T14:19:36.024Z" alt="enter image description here">
  <img src="/uploads/NRJ_Tagline_03_b6c67272e3.jpg?updated_at=2023-03-31T14:19:36.803Z" alt="enter image description here">
<div>
<h3>Куда все это девать?</h3>
<div>
<p>Мы&nbsp;много работали над систематизацией огромного количество контента. Простая система тегов помогает найти исполнителя по&nbsp;жанру, список его треков, а&nbsp;также клипов. Все дополнили текстами песен с&nbsp;переводами, а&nbsp;также дополнительной интересной информацией. При этом пользователи могут помочь улучшить контент, предложив что-то редакции.</p>
</div>
</div>
  <img src="/uploads/NRJ_Tagline_04_80b795058c.jpg?updated_at=2023-03-31T14:19:34.328Z" alt="enter image description here">
  <img src="/uploads/NRJ_Tagline_05_3210874302.jpg?updated_at=2023-03-31T14:19:34.788Z" alt="enter image description here">
  <div>
<h3>Плеер</h3>
<div>
  <p>Самая главная фишка в&nbsp;плеере — ни&nbsp;у&nbsp;кого такого плеера нет. Звучит амбициозно? Да. Но если посмотреть, то на&nbsp;сайтах радиостанций вообще редко размещают полноценные плееры, а для ENERGY мы сделали историю прослушивания, тексты песен, переключения потоков. </p>
</div>
</div>
  <img src="/uploads/NRJ_Tagline_06_f3dbdc6c9d.jpg?updated_at=2023-03-31T14:19:34.774Z" alt="enter image description here">
  <img src="/uploads/NRJ_Tagline_07_f510b09f01.jpg?updated_at=2023-03-31T14:19:36.366Z" alt="enter image description here">
    <div>
<h3>Что же в итоге?</h3>
<div>
  <p>Над этим кейсом у нас работали самые основательные и вдумчивые ребята, потому что продумать логику такого количества контента было по-настоящему непросто. Но мы с задачей справились, ко всему прочему прикрутив еще полноценный плеер. Все это позволяет очень долго удерживать пользователя на сайте и вовлекать его в новые активности, получать обратную связь и постоянно совершенствовать контент. </p>

NRJ case mocap gor 2_00.png

Радио ENERGY

NRJ case mocap render_00.jpg

Воронова Мария

Хамзин Эдуард

Сычева Софья

Цаголов Владимир

RedbassetMocap.mp4

Создание с нуля подкаст-платформы: лендинга для первого контакта с пользователем, личного кабинета подкастера и приложения для прослушивания подкастов.

  <img src="/uploads/00_Title_RB_6484bce805.jpg?updated_at=2023-03-31T15:31:28.658Z" alt="enter image description here">
  <div>
<h3>Red Basset </h3>
<p>
Red Basset&nbsp;&mdash; это бесплатная платформа для продвижения и&nbsp;монетизации подкастов. Для подкастеров это хостинг и&nbsp;личный кабинет с&nbsp;управлением, статистикой и&nbsp;монетизацией подкастов. Для слушателей&nbsp;&mdash; это удобное приложение для прослушивания тысяч подкастов в&nbsp;одном месте.
</p>
</div>  
  <img src="/uploads/01_RB_c5e246d402.jpg?updated_at=2023-03-31T15:31:29.616Z" alt="enter image description here">
  
<div>
<h3>Улыбайтесь, вы&nbsp;на&nbsp;Red Basset</h3>
<div>
<p>При создании логотипа Red Basset мы&nbsp;пришли к&nbsp;беспроводным наушникам и&nbsp;милой улыбке, что создает цельный образ мордочки собаки породы Бассет-хаунд.</p>
<p>Первый контакт пользователя с&nbsp;Red Basset происходит через лендинг, где мы&nbsp;доступным языком рассказали о&nbsp;платформе и&nbsp;визуально продемонстрировали её&nbsp;преимущества. Мы&nbsp;использовали минималистичные тексты и&nbsp;дополнили их выразительными 3d-иллюстрациями.</p>
</div>
</div>

  <img src="/uploads/02_RB_ef635d6e7d.jpg?updated_at=2023-03-31T15:31:30.977Z" alt="enter image description here">
 <div>
  <h3>Разработка</h3>
  <p>Проект поднимался собственными силами разработки. Backend реализован на Java Spring, а frontend на React. Тестирование и поиск багов тоже выполняли собственными силами. Однако мы все еще в процессе прикручивания новых фичей, так что работа продолжает кипеть.</p>
  </div>
  <img src="/uploads/03_RB_8d3e896cd2.jpg?updated_at=2023-03-31T15:31:30.479Z" alt="enter image description here">
 <div>
  <h3>Личный кабинет подкастера</h3>
  <p>Подкаст-платформа Red Basset является бесплатным хостингом для подкастеров. Это буквально рай для них, поскольку все возможности для дистрибуции благодаря RSS уже встроены, никуда отдельно ходить не нужно. В личном кабинете подкастера реализован весь функционал для быстрой и удобной заливки подкастов.</p>
  </div>
  <img src="/uploads/05_RB_f791d45187.jpg?updated_at=2023-03-31T15:31:30.885Z" alt="enter image description here">
 <div>
  <h3>Немножечко подкастов?</h3>
  <p>Подкасты нужно слушать много, долго и комфортно. Для этого мы создали приложение-слушалку, где можно сделать себе уютную библиотеку с любимыми подкастами, создавать разные подборки и даже слушать офлайн.</p>
  </div>
  <img src="/uploads/06_RB_d215ebd87c.jpg?updated_at=2023-03-31T15:31:28.639Z" alt="enter image description here">
  </div>
  <div>
  <h3>А что в итоге?</h3>
  <p>От и до этот проект создан нами: концепция, брендинг, дизайн, разработка. Проделана огромная работа. Мы с удовольствием наблюдаем, как платформа работает, с каждым днем привлекает новых слушателей и подкастеров, развивается, становится популярной. При этом не забываем о поддержке проекта, доводим его до идеала, встраиваем новые фичи и не забываем о маркетинговой коммуникации.</p>
  </div>

Red Basset.png

Red Basset

Макаров Сергей

Авдеев Алексей

Закиров Арсений

Авдеева Юлия

EuropaPlusMocapWeb2.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>

EuropaPlusMocapGor_01.png

Европа Плюс

Европа+.jpg

KION.png

Конкурсная работа по презентации упаковки приставки c рендерами и моушеном с нуля.

  <img src="/uploads/cam14_0933_1_ab9c880212.png" alt="enter image description here">
</div>
<div>
<h3>Коробка с консолью</h3>
<p>Нам прислали уже существующую коробку с консолью KION, но к ней не было ни одной модели. Вот мы и должны были придумать концепцию моушена, а также сделать сами рендеры упаковки, чтобы их можно было использовать в будущем.</p>
</div>
<video
src="/uploads/Kion_97e54ca8b5.mp4"
loop
autoplay
muted
playsinline></video>
</div>

<div>
<h3>Что еще за коробка?</h3>
<p>База коробки — картон переплетный 2мм. Снаружи и внутри коробка покрыта листами для кашировки srA3 с матовой антивандальной ламинацией и UV-лаком на элементах дизайна. Цветные вставки сделаны из голографической плёнки. Ложемент — EVA материал, по краям расположены магнитные застёжки. Внутри консоль KION и ее комплектующие.</p>
</div>

    <img src="/uploads/image_1190_c39f5a6d71.png" alt="enter image description here">
  <img src="/uploads/cam17_2736_1_41036b3494.png" alt="enter image description here">

<div>
<h3>Мир внутри книги</h3>
<p>Идея коробки с консолью проста — она как книга, которую открываешь и получаешь массу ярких эмоций и впечатлений. Мы опирались на это и в презентации консоли, ведь сама коробка статична, но когда человек тянет за ярлычок, он открывает целую вселенную развлечений.</p>
</div>
<video
src="/uploads/Kion_Part_3_d01cc407ac.mp4"
loop
autoplay
muted
playsinline></video>
</div>
  <img src="/uploads/image_1194_e93edfef26.png" alt="enter image description here">
  <img src="/uploads/image_1199_c46e85d23f.png" alt="enter image description here">
  
  <div>
<h3>Конкурс и победа</h3>
<p>Работа подавалась на крупнейший конкурс дизайна A’Design Awards и получила там серебро в номинации “Упаковка”. Наша команда занималась полным сопровождением, включая подготовку материалов, текстов и сам процесс регистрации и подачи работы на международный конкурс.</p>
</div>

  <img src="/uploads/image_1197_14d3f78b0b.png" alt="enter image description here">
      <img src="/uploads/cam19_lines1564_1_1655194e32.png" alt="enter image description here">
      
  <div>
<h3>Мир развлечений</h3>
<p>Мы с нуля подготовили десятки 3D моделей для упаковки консоли KION, а также ролики с презентацией коробки, которые пересекаются с замыслом создателей и подчеркивают уже существующую мысль о погружении в мир фантазий и развлечений.</p>
</div>
</div>
<video
src="/uploads/Kion_Part_2_078900d40c.mp4"
loop
autoplay
muted
playsinline></video>
</div>

Media

hello@mish.design

Москва

Нижний Новгород