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

Торги233.png

Сделали отдельную страницу для фармацевтического направления компании «Торги 223»


<img src="/uploads/2_4_7a4b0f1591.png">
</div>
<div>
<h3>Что такое Pharma</h3>
<p>Инновационное решение от «Торги 223» для дистрибьюторов лекарственных препаратов. Pharma позиционирует себя как digital-платформу, которая трансформирует фармацевтическую индустрию точно так же, как когда-то технологии сделали с банкингом и ритейлом.
Фактически — все, что нужно фармбизнесу. Детально — автоматизирует вопрос поставок для фармацевтических компаний и аптек: менеджерит продажи, обрабатывает счета, регулирует ценообразование. Все это — при помощи умного ИИ-алгоритма. Pharma значительно бустит развитие фармкомпании и дает качественный профит.</p>
</div>
</div>

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

</div>
<div>
<h3>Как мы делали лендинг</h3>
<p>На нас было полное визуальное оформление посадочной страницы. У лендинга две аудитории — дистрибьюторы и владельцы аптечных сетей. Мы разделили страницу так, чтобы каждый вариант имел одинаковую структуру, но разное целевое содержание.</p>
</div>
</div>

<img src="/uploads/4_5_52a9be62a3.png">

</div>
<div>
<h3>Что по контенту</h3>
<p>Заказчик отдал нам тексты, из которых нужно было сделать понятную для пользователя сущность. Мы работали над узко специализированным продуктом, а тексты важно было написать на человеческом языке.</p>
</div>
</div>

<img src="/uploads/2_5_2_7ed44a2cc0.png">

<div>
<h3>Что по 3D-шке</h3>
<p>Для визуальной поддержки технологичного продукта использовали 3D-абстракции и интерактивные анимации. В основное 3D-изображение засунули метафорическую аналогию. Две основные части — направление дистрибьюции и аптечные сети. Шар в центре — Торги, которые скрепляют все вместе. </p>
</div>
</div>

<img src="/uploads/5_3_2_eca55a80b7.png">

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



Торги223бг.png

Pharma

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

Макарова Оксана

Чикильдин Илья

Мазаев Денис

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

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

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

PAN CLUB Main.png

Из ювелирного бренда в ювелирный мультибренд


</div>
<div>
<h3>Ребрендинг</h3>
<p>Бренды приходят и уходят, а покупать и носить красивые ювелирные изделия хочется всегда. Это поняли в PanClub (бывшая Pandora Russia) и решили со сменой названия обновить и сайт — а еще позиционирование, но об этом позже.

К нам ребята пришли на «легкий» редизайн. Времени на разработку нового визуального тона бренда с нуля не было — команда занималась платформой всего 2,5 месяца. Поэтому мы сделали аудит текущих страниц и выбрали те, которые точно нуждаются в доработке.</p>
</div>
</div>

<img src="/uploads/Illustration_3_8a349c5d12.png">
<video 
src="/uploads/pan_club_82f9b6e39f.mp4"
loop
autoplay
muted
playsinline></video>
</div>

<div>
<h3>Корни</h3>
<p>При редизайне нельзя было ударяться в крайности и полностью сносить стиль, на котором основывался бренд раньше. Большая часть аудитории сайта — это преданные поклонники Pandora Russia, которые хотят продолжать покупать украшения любимого бренда. Поэтому было важно сохранить узнаваемость элементов дизайна. Но при этом не сделать еще одну бело-розовую копию сайта.</p>
</div>
</div>

<img src="/uploads/Illustration_2_f58b565226.png">
<img src="/uploads/Illustration_4_4da31d2782.png">

</div>
<div>
<h3>Позиционирование</h3>
<p>Раньше бренд был частью мирового сообщества Pandora. Теперь же компания переориентировалась и стала мультибрендовой площадкой. С учетом этого нужно было доработать дизайн сайта: сделать так, чтобы на нем было комфортно разместить украшения российских и не только брендов.

Для этого сохранили простоту дизайна страниц PanClub: так пестрые и разнообразные украшения брендов не будут конфликтовать с общей идеей сайта. </p>
</div>
</div>

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

</div>
<div>
<h3>Анимации</h3>
<p>Чтобы облегчить коммуникацию с разработчиками, сделали анимационные ролики и показали, как должны вести себя элементы интерфейса.</p>
</div>
</div>

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

</div>
<div>
<h3>Брендинг</h3>
<p>В качестве вишенки на торте подготовили UI Kit и систему компонентов для дальнейшего использования клиентом. Благодаря этому дополнительно сэкономили время: разработчикам не пришлось переверстывать все с нуля, нужно было просто обновить основные элементы сайта.

Итоговая работа стала не только «лицом» бренда, но и в каком-то роде самим брендом. На старте у PanClub был только логотип, а теперь есть свой фирменный стиль.</p>
</div>
</div>


Cover.png

PanClub

Пименова Миша

Попов Алексей

KTS mob cover 2.png

Во второй раз создали визуальный облик для посадочных страниц IT-компании. И во второй раз сделали это успешно.


</div>
<div>
<h3>Технологичное бунтарство</h3>
<p>KTS — это IT-компания, которая занимается удобными, технологичными и функциональными решениями для начинающих стартапов и крупных корпораций.

Ребята обратились к&nbsp;нам за&nbsp;редизайном сайта, который до&nbsp;этого делали тоже&nbsp;мы, только в&nbsp;2021&nbsp;году. Со&nbsp;временем он&nbsp;устарел: ребята из&nbsp;KTS обнаружили в&nbsp;себе юношеское бунтарство и&nbsp;захотели подготовить подходящий по&nbsp;духу сайт.</p>
</div>
</div>

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

</div>
<div>
<h3>Подстраиваемся под обстоятельства</h3>
<p>Айдентику мы&nbsp;не&nbsp;разрабатывали, за&nbsp;него стоит сказать спасибо агентству embacy&nbsp;&mdash; получилось замечательно. С&nbsp;нас был только дизайн сайта. Команда из&nbsp;KTS пришла к&nbsp;нам с&nbsp;готовым гайдом и&nbsp;идеей, к&nbsp;которому нужно было применить удобный и&nbsp;функциональный&nbsp;UX вместе с&nbsp;ярким и&nbsp;самобытным дизайном.</p>
</div>
</div>

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

</div>
<div>
<h3>Вы кто такие</h3>
<p>Важное преимущество обновленной страницы&nbsp;&mdash; это прозрачный образ самих KTS. Структура сайта собрана так, что сразу становится понятно, какие проекты выполняли ребята, с&nbsp;какими компаниями работали и&nbsp;для каких заказчиков будут полезны. 

Формат галереи продолжили в&nbsp;разделе с&nbsp;партнерами. При наведении появляются теги с&nbsp;направлениями клиентов в&nbsp;виде анимационных карточек.</p>
</div>
</div>

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

</div>
<div>
<h3>А что в подвале</h3>
<p>Команда смогла сделать его нескучным. Помимо контактной информации, которой в&nbsp;подвале никого не&nbsp;удивишь, мы&nbsp;&laquo;накидали&raquo; в&nbsp;лапы котика кликабельные лейблы, которые гиперссылками переносят либо на&nbsp;соответствующие части сайта, либо направляют дальше.</p>
</div>
</div>
<img src="/uploads/KTS_usability_3b6258eac3.png">

</div>
<div>
<h3>DevOps — это про порядок</h3>
<p>Помимо главной страницы мы&nbsp;работали над посадочной для DevOps-направления. Удобно и&nbsp;нативно настроили раздел с&nbsp;готовыми и&nbsp;решениями кейсами. Карточки меняются по&nbsp;автоскроллу, их&nbsp;сопровождает курсор, меняющий облик: то&nbsp;это привычная стрелка, то&nbsp;задорные глаза, то&nbsp;когтистая лапка. Все кейсы поделены на&nbsp;категории и&nbsp;отмечены тегами, по&nbsp;которым легче определять нишу компании.</p>
</div>
</div>
<img src="/uploads/KTS_illustrations_2_4867c0131b.png">

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

KTS desk cover 2.png

Редизайн сайта KTS

Ерохов Дмитрий 

Иванова Виктория 

Титов Денис 

Романова Анастасия 

Лозовский Павел 

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>

Web Design

hello@mish.design

Москва

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