large_IMG_2627_6e73a52f84.JPG

medium_IMG_2627_6e73a52f84.JPG

small_IMG_2627_6e73a52f84.JPG

thumbnail_IMG_2627_6e73a52f84.JPG

IMG_2627_6e73a52f84.JPG

thumbnail_Cover_Roman_Smirnov_9ad3a8bf0f.png

Ионин Максим 

UI/UX

Product Design

Web Design

MTS Travel (2).png

Спроектировали с нуля web-интерфейс сервиса для бронирования отелей за границей

</div>
<div>
<h3>Тендер</h3>
<p>Весной 2022 года ребята из МТС решили запустить направление МТС Путешествия. Новый на рынке TravelTech продукт должен был стать удобной площадкой для бронирования отелей за границей. С этим запросом будущие МТС Путешествия вышли на тендер. Чтобы забрать проект, наша команда должна была представить свое видение продукта и создать концепт главной страницы сайта.</p>
</div>
</div>

<img src="/uploads/3_7_8a2d92d728.png">

</div>
<div>
<h3>Концепция главной</h3>
<p>Для тендера мы работали с турецким направлением. Вдохновлялись известными российскими и международными сервисами, но стремились сделать оригинальный продукт. Основным акцентом главной стало крупное анимированное изображение, которое подстраивалось под выбранное пользователем направление. В итоге наша концепция выиграла тендер, и мы приступили к созданию десктопной версии платформы.</p>
</div>
</div>

<video src="/uploads/travel_d1928288b5.mp4"
loop
autoplay
muted
playsinline></video>
</div>

<div>
<h3>Задачи проекта</h3>
<div>
<p>На все про все у дизайнеров Mish было около двух месяцев. Все про все — это::</p>
<ul>
  <li>построение понятного юзер-флоу от главной страницы до покупки тура;</li>
  <li>проектирование взаимодействия пользователя с продуктом;</li>
  <li>визуальный дизайн на основе корпоративной системы МТС.</li>
</ul>
</div>
</div>

<img src="/uploads/MTS_Travel_case_2_f4ccbc6107.png">
<img src="/uploads/MTS_Travel_case_4_6a6947c8f0.png">
<img src="/uploads/MTS_Travel_case_5_c840e2c401.png">

</div>
<div>
<h3>Дизайн-система</h3>
<p>Чтобы сохранить единообразие продуктов экосистемы МТС, мы собирали визуальную часть платформы на дизайн-системе Granat от самих МТС, которую они используют во всех своих продуктах. Под нее разработали часть недостающих компонентов в заданной стилистике.</p>
</div>
</div>

<img src="/uploads/MTS_Travel_case_3_5a4ac136c3.png">

</div>
<div>
<h3>Разработка</h3>
<p>Готовые макеты передали команде разработке. Затем провели подробное дизайн-ревью, чтобы наши UX/UI-идеи были корректно реализованы. Когда десктопная версия была готова, команда адаптировала ее под планшетный и мобильный форматы.</p>
</div>
</div>

<img src="/uploads/MTS_Travel_case_6_26b3d6d2bb.png">

</div>
<div>
<h3>Результат</h3>
<p>Сейчас МТС Путешествия — готовый работающий продукт, который позволяет бронировать отели не только в Турции. Среди направлений — страны Средней Азии, Ближнего Востока, Европы. А мы продолжаем работать с МТС по другим проектам.</p>
</div>
</div>

<img src="/uploads/MTS_Travel_case_1_c48939c2f9.png">

MTS Travel-1 (2).png

МТС Путешествия

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

exolve black3.mp4

Собрали сайт для облачного решения по автоматизации бизнес-коммуникаций.


<div>
<h3>Кейс о кейсе</h3>
<p>МТС Exolve&nbsp;&mdash; это коммуникационная платформа, которая помогает компаниям взаимодействовать с&nbsp;клиентами через различные каналы: мессенджеры, соцсети, SMS, звонки.</p>
</div>

<img src="/uploads/IMG_Block_1_f7a1235eb6.png">

</div>
<div>
<h3>Взгляд на экосистему</h3>
<p>Мы&nbsp;объединили общим визуальным стилем МТС все части платформы: сайт, комьюнити-площадку, кабинет интегратора и&nbsp;ЛК разработчика. Задача проекта&nbsp;&mdash; привлечь целевую аудиторию в&nbsp;продукт и&nbsp;перевести аудиторию сайта в&nbsp;категорию полноценных пользователей.</p>
</div> 

<img src="/uploads/IMG_Block_2_e41a123f58.png">

</div>
<div>
<h3>Современный конструктивизм</h3>
<p>Изначально мы&nbsp;получили наброски брендинга. Потом предложили идею тетриса&nbsp;&mdash; она перетекла в&nbsp;формат конструктора.</p>
</div>
</div>

<video src="/uploads/exolve_Black_loop_x2_ef8d4fc5a5_b1826f50d5.mp4"
loop
autoplay
muted
playsinline></video>
</div>
<div>
</div>
<div>
<h3>Персонализация и&nbsp;автоматизация</h3>
<p>Структурно и&nbsp;визуально мы&nbsp;выстроили проект вокруг концепции объединения разных функций продукта в&nbsp;близкие блоки. Здесь и&nbsp;проявляется идея конструктора: для конкретных целей бизнес может выбрать отдельные продукты, которые лучше отвечают его потребностям.</p>
</div>
</div>

<img src="/uploads/IMG_Block_3_7755d48c5d.png">

</div>
<div>
<h3>Подсветили изюминку</h3>
<p>Конструктивистская форма визуальной концепции помогла подчеркнуть уникальные решения самой платформы. В&nbsp;плане пользовательской части многие сценарии выстроены по&nbsp;принципу блоĸ-схем, ĸвизов и&nbsp;модулей.</p>
</div>
</div>

<img src="/uploads/IMG_Block_4_910d656e0b.png">
</div>
</div>

<video src="/uploads/2560h1440_e3940fcb85.mp4"
loop
autoplay
muted
playsinline></video>
</div>
<div>
</div>
<div>
<h3>Простор выбора</h3>
<p>На&nbsp;общем экране собрали информацию о&nbsp;тарифах и&nbsp;полный каталог услуг и&nbsp;партнеров. Такое решение поможет пользователям МТС Exolve быстро выбирать необходимые продукты и&nbsp;упрощать касание с&nbsp;клиентами.</p>
</div>
</div>

<img src="/uploads/IMG_Block_6_71f7c4e236.png">

</div>
<div>
<h3>Разговоры о важном</h3>
<p>Отдельной сущностью стала коммуникационная платформа проекта. На&nbsp;ресурсе собрана информация для внедрения решений МТС Exolve: документация, кейсы, блог, календарь событий, форум. Так пользователям и&nbsp;разработчикам проще следить за&nbsp;обновлениями, задавать вопросы и&nbsp;подбирать для себя продукты, которые лучше сработали у&nbsp;коллег по&nbsp;нише.</p>
</div>
</div>

<img src="/uploads/IMG_Block_7_be0e55cfa0.png">

</div>
<div>
<h3>Личный кабинет интегратора</h3>
<p>Кабинет интегратора&nbsp;&mdash; ресурс, предоставляющий возможность стать новым партнером, добавлять и&nbsp;управлять своими проектами на&nbsp;платформе, получать и&nbsp;учитывать вознаграждение.</p>
</div>
</div>

<img src="/uploads/IMG_Block_8_4377e845c6.png">

</div>
<div>
<h3>Что было дальше</h3>
<p>Всего мы&nbsp;предоставили клиенту около 150 вариантов макетов. Сейчас платформа запущена, и&nbsp;в&nbsp;планах&nbsp;&mdash; ее&nbsp;расширение.</p>
</div>
</div>

Ионин Максим

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

hello@mish.design

Москва

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