помощь бизнессу4.png

Мы продуктовая лаборатория Mish: проводим исследования и делаем цифровые продукты, которые приносят бизнесу деньги. Однажды, не под Новый год, мы сделали производительный лендинг Нижегородскому заводу по ручному производству елочных игрушек. Клиент продает игрушки круглый год, поэтому к нам пришли весной с целью продать весеннюю коллекцию.

Спойлер: у нас это получилось быстро, эффективно и на много денег.

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

<p>Игрушки выпускаются круглый год небольшими партиями&nbsp;&mdash; поклонники творчества завода могут постоянно пополнять свою коллекцию. И&nbsp;именно поэтому купить их&nbsp;не&nbsp;так просто. Главная проблема в&nbsp;самом сайте&nbsp;&mdash; он&nbsp;просто не&nbsp;выдерживал нагрузку, которая одномоментно приходилась на&nbsp;сервер, когда партию выкатывали в&nbsp;свет.</p>

<p><em>С&nbsp;этой проблемой завод пришел в&nbsp;Mish.</em></p>

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

<h3>История, как у&nbsp;нижегородских мастеров не&nbsp;справлялся сайт</h3>
<p>Игрушки выпускают тиражом. Количество экземпляров может быть разным, но&nbsp;в&nbsp;среднем в&nbsp;каждом тираже от&nbsp;одного до&nbsp;15&nbsp;видов игрушек по&nbsp;300 единиц каждого вида. Весь цикл продаж обычно длится от&nbsp;10&nbsp;секунд до&nbsp;полутора минут. За&nbsp;это время на&nbsp;страницу заходит несколько тысяч пользователей. И&nbsp;пока сайт лежит, никто не&nbsp;может купить игрушку. И&nbsp;даже ее&nbsp;эксклюзивность никак не&nbsp;помогает быстро продать партию.</p>

<p>Нам нужно было все починить. Но&nbsp;это была задачка со&nbsp;звездочкой. С&nbsp;двумя звездочками.</p>
<ul>
  <li>Звездочка первая: через неделю стартовала продажа партии</li>
  <li>Звездочка вторая: на&nbsp;разработку полноценного сайта требуется не&nbsp;меньше полугода</li>
</ul>

<blockquote>
Маховик времени мы&nbsp;забыли в&nbsp;прошлом офисе, поэтому пришлось действовать иначе.
</blockquote>

<p>Сначала команда разработки Mish изучила решения предыдущего подрядчика. Версия была спроектирована на&nbsp;CMS 1С-Битрикс и&nbsp;работала под управлением PHP 7.4. Это хорошие стабильные технологии, но&nbsp;на&nbsp;оптимизацию интернет-магазина со&nbsp;всем его функционалом нужно было слишком много ресурсов.</p>

<p>В&nbsp;итоге придумали рабочую заплатку&nbsp;&mdash; сделать простой лендинг, чтобы собирать заявки на&nbsp;покупку игрушек. После подтверждения заказа покупатель уже мог купить свой елочный эксклюзив. У&nbsp;нашего клиента были продуктовые ограничения: покупатели не&nbsp;могли сразу положить в&nbsp;корзину 100&nbsp;игрушек.&nbsp;1&nbsp;заказ = 1&nbsp;игрушка одного вида. Такой социализм в&nbsp;миниатюре.</p>

<h3>История, как Mish решали задачу</h3>
<p>За&nbsp;три дня мы&nbsp;спроектировали и&nbsp;согласовали дизайн. Еще за&nbsp;два&nbsp;&mdash; сделали логику сайта. Решили кодить на&nbsp;языке Golang: на&nbsp;нем можно быстро писать низкоуровневые программы, в&nbsp;которых главное&nbsp;&mdash; скорость. Система ограничивает количество игрушек в&nbsp;заказе и&nbsp;автоматически считает остатки. Заявки выгружались в&nbsp;экселевский файл, а&nbsp;менеджеры оттуда уже вручную обрабатывали заказы. Звучит сложно, а&nbsp;получилось очень эффективно.</p>

<p>Так мы&nbsp;подготовились к&nbsp;продаже первой весенней коллекции &laquo;Морозная рябина&raquo;. Всего было 9&nbsp;игрушек по&nbsp;300 штук каждой&nbsp;&mdash; итого 2&nbsp;700&nbsp;экземпляров.</p>

<p>Продажи стартовали 9&nbsp;апреля в&nbsp;14:00. Первые 600 заказов оформили за&nbsp;одну минуту&nbsp;&mdash; по&nbsp;10&nbsp;игрушек в&nbsp;секунду. Коллекция не&nbsp;была новой, поэтому привычного ажиотажа не&nbsp;было. Тем не&nbsp;менее, абсолютно всю партию мы&nbsp;продали за&nbsp;20&nbsp;минут. И&nbsp;у&nbsp;нас ничего не&nbsp;упало.</p>

<h3>Мониторинг</h3>

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

<p>Через два дня стартовала пасхальная коллекция&nbsp;&mdash; и&nbsp;мы&nbsp;надеялись, что все пройдет так&nbsp;же. Но&nbsp;не&nbsp;прошло.</p>

<p>В&nbsp;пасхальной коллекции было 6&nbsp;игрушек&nbsp;&mdash; всего 1650&nbsp;экземпляров. И&nbsp;сервер упал. Мы&nbsp;его поднимали несколько раз, а&nbsp;когда все починили&nbsp;&mdash; партию раскупили. Всего на&nbsp;продажи ушло около минуты.</p>

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

<p>Падения мы&nbsp;вывезли, но&nbsp;к&nbsp;третьей партии решили пересмотреть логику бэкэнда. База данных PostgreSQL не&nbsp;справлялась с&nbsp;большим количеством транзакций. Мы&nbsp;упирались в&nbsp;лимиты и&nbsp;получали блокировки. Поэтому решили перенести механизм транзакций на&nbsp;уровень языка Golang. Это позволило вычислять самую нагруженную логику в&nbsp;оперативной памяти.</p>

<p>24&nbsp;апреля стартовали продажи игрушки &laquo;Мальчик с&nbsp;самолетиком&raquo;&nbsp;&mdash; 450&nbsp;экземпляров. Мы&nbsp;продали их&nbsp;за&nbsp;21&nbsp;секунду, а&nbsp;сервер работал исправно. Игрушек было в&nbsp;несколько раз меньше, чем в&nbsp;предыдущие разы, но&nbsp;мы&nbsp;побили скоростной рекорд без багов в&nbsp;системе.</p>

<p>Четвертая партия&nbsp;&mdash; 300 штук игрушки в&nbsp;виде ежика.&nbsp;17&nbsp;секунд&nbsp;&mdash; ежика нет, а&nbsp;сайт работает так&nbsp;же, как до&nbsp;и&nbsp;после.</p>

<img src="/uploads/vc_4_64bd174684.png">
<img src="/uploads/vc5_016c212eb8.png">

<h3>История, как все остались довольны</h3>
<p>Заказчик пришел к&nbsp;нам с&nbsp;запросом помочь бизнесу. Мы&nbsp;могли упороться в&nbsp;разработку&nbsp;&mdash; или подойти к&nbsp;проблеме компании иначе и&nbsp;найти быстрое и&nbsp;гибкое решение. Поэтому не&nbsp;тратили время на&nbsp;то, чтобы починить чужое, а&nbsp;сразу сделали свое. Маленькое, но&nbsp;работающее. И, что главное,&nbsp;&mdash; приносящее деньги.</p>

Как помочь бизнесу заработать 10 млн ₽ за 20 секунд

Толстых Кристина

Nebula.png

Фирменный стиль, промо-лендинги и админ-панель для агрегатора криптобирж. 

<img src="/uploads/00_Title_Nebula_f5a9c89f38.jpg?updated_at=2023-03-31T14:53:20.450Z" alt="enter image description here">
<div>
<h3>Так что же это такое</h3>
<p>Nebula — это агрегатор криптобирж для поиска лучшей цены криптовалют. Самый доступный способ найти наиболее адекватный прайс среди сотен сайтов, продающих крипту, в которых легко запутаться. </p>
</div>
<img src="/uploads/01_Nebula_28fe0fdea0.jpg?updated_at=2023-03-31T14:53:18.775Z" alt="enter image description here">
<img src="/uploads/02_Nebula_a0bc418b08.jpg?updated_at=2023-03-31T14:53:21.287Z" alt="enter image description here">
<div>
<h3>3D-схема работы агрегатора</h3>
<div>
<p>Клиент хотел создать крипто-сервис, который был&nbsp;бы не&nbsp;только удобным и&nbsp;понятным, но&nbsp;и&nbsp;визуально технологичным, отвечающим запросам аудитории.</p> 
<p>Начинали, конечно, с брендинга. Это не та история, где нужно изобретать велосипед и нырять в пучины креатива (тз есть тз), но сделать красиво и футуристично очень важно. За основу взяли темную тему с тремя основными цветами (сиреневым, розовым и темно-синим) как прямую ассоциацию с трейдингом и криптой. </p>
</div>
</div>

<img src="/uploads/03_Nebula_908a585fb4.jpg?updated_at=2023-03-31T14:53:21.590Z" alt="enter image description here">

<div>
<h3>Интерфейс для всех</h3>
<div>
<p>Далее мы продумали логику, разработали дизайн личного кабинета и админки агрегатора. Для этого разработали  полноценный UI-Kit, куда без него. Для наглядности процессов &nbsp;создали понятные схемы, которые наглядно демонстрируют принцип работы Nebula, чтобы даже новички в криптовалютах понимали прозрачность процессов и пользу агрегатора для конкретно их целей. Поэтому в дизайне &nbsp;решили сделать упор на&nbsp;3D-анимациях и&nbsp;интерактивном отображении данных.</p>
</div>
</div>

<img src="/uploads/05_Nebula_3be0f6f304.jpg?updated_at=2023-03-31T14:53:18.519Z" alt="enter image description here">

<div>
<h3>Разработка</h3>
<div>
<p>На этом проекте мы были ответственны за frontend, что очень ускорило запуск, поскольку у внутренних команд дизайнеров и разработчиков хорошо налажен диалог. В основе стэка React, TypeScript и Redux как наиболее очевидные в данном случае, а также Openware и Web3. Многие графики на Recharts. Тестирование на Jest, Enzyme и Cypress. </p>
</div>
</div>
<img src="/uploads/06_Nebula_f5963947f0.jpg?updated_at=2023-03-31T14:53:15.937Z" alt="enter image description here">
<img src="/uploads/07_Nebula_32544c7c48.jpg?updated_at=2023-03-31T14:53:12.642Z" alt="enter image description here">
</div>
</div>
<div>
<h3>Понятный агрегатор</h3>
<div>
<p>При подаче такой непростой информации легко запутаться, однако мы сразу сконцентрировались на главном — UI. Именно на прекрасно продуманном интерфейсе и был построен этот проект. Хотя и удачный брендинг играет не последнюю роль. Футуристичный визуал, основанный на 3D, дополняет главную составляющую и выгодно отличает агрегатор от других. </p>


Nebula ECN

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

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

Мазаев Денис

Дудин Дмитрий

Лисунова Карина

PickselMocap.mp4

Веб-кабинет владельца магазина, приложение и сайт для покупателей сервиса покупок, работающего по стандартам Open Banking.

<img src="/uploads/Brend_1_b2c16f78d5.jpg?updated_at=2023-04-05T09:57:51.104Z" alt="enter image description here">
<video
src="/uploads/tagline_animation01_picksell_aca725850c.mp4"
loop
autoplay
muted
playsinline></video>
</div>
<div>
<h3>Единая корзина покупок</h3>
<p>Когда клиент пришел к нам с этим проектом, наши арт-директора прыгали от радости: сложный кейс, не имеющий аналогов, где одна только логика чего стоит. Грубо говоря, для покупателя это быстрый шопинг, а для магазина новый канал продаж. Сервис создает полный цикл магазин-клиент, где пользователи приложения сканируют QR-коды товаров различных магазинов, а приложение формируют для них единую корзину покупок. Пользователи платят напрямую со&nbsp;своего счета магазину, что позволяет экономить бизнесу на&nbsp;эквайринге и&nbsp;обеспечивает безопасность переводов по&nbsp;единому европейскому формату. </p>
</div>
<video
src="/uploads/tagline_animation02_picksell_d0b30c9b03.mp4"
loop
autoplay
muted
playsinline></video>
</div>
  <img src="/uploads/prilka_1_3db4c40648.jpg?updated_at=2023-04-05T09:58:28.785Z" alt="enter image description here">
  <img src="/uploads/prilka_2_14395fbc68.jpg?updated_at=2023-04-05T09:58:56.386Z" alt="enter image description here">

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

  <img src="/uploads/Adminka_1_f5c9ba7351.jpg?updated_at=2023-04-05T09:55:22.412Z" alt="enter image description here">
  <img src="/uploads/Adminka_2_72de15d20c.jpg?updated_at=2023-04-05T09:54:59.867Z" alt="enter image description here">

<div>
<h3>Система QR-кодов</h3>
<div>
<p>Далее встроили в&nbsp;интерфейс канал коммуникации между клиентом и&nbsp;магазином, следуя стандартам безопасности и&nbsp;открытости: Picksell предоставляет все необходимые данные покупателя магазину, но бережно их хранит, а покупатель управляет своими персональными данными. В общем, всем сильно проще следовать директиве GDPR (без нее никуда).</p>
<p>Также создали систему QR-кодов, с&nbsp;помощью которой покупатели могут набирать единую корзину товаров из&nbsp;различных магазинов, чтобы быстро и&nbsp;легко оформить покупку. А еще это простой и&nbsp;удобный способ продажи товара с заранее заложенным агентским вознаграждением, например, для блогеров.</p>
</div>
</div>

  <img src="/uploads/veb_pokupatelya_1_257d05082b.jpg?updated_at=2023-04-05T09:57:51.128Z" alt="enter image description here">
  <img src="/uploads/veb_pokupatelya_2_1e2c28b857.jpg?updated_at=2023-04-05T09:55:40.777Z" alt="enter image description here">

 <div>
 <h3>Инструменты магазина</h3>
 <p>Мы&nbsp;продумали и&nbsp;отобразили в&nbsp;интерфейсе разные варианты доставки товаров покупателям, а&nbsp;также интегрировали полную аналитику продаж и&nbsp;информацию о&nbsp;складских остатках в&nbsp;личный кабинет магазина.</p>
 </div>
  <img src="/uploads/Lending_3_765ce761ec.jpg?updated_at=2023-04-05T09:59:34.716Z" alt="enter image description here">
<div>
<h3>Коммуникации</h3>
<div>
  <p>А что там по маркетинговой коммуникации? В ход пошли как классические инструменты (персональные скидки подписчикам магазинов, снижение цены на залежавшиеся корзинах товары), так и более современные и нетипичные для Европы — QR-коды.</p>
  <p>Для клиентов создали комфортное пространство, где они могут планировать свои покупки, делиться товарами, делать списки, дарить подарки в системе, а также видеть подробный анализ своих расходов.</p>
  <p>В качестве промоматериалов мы создали несколько лендингов, где доступно и наглядно объяснили суть платформы Picksell. </p>
  </div>
</div>

  <img src="/uploads/Lending_2_4bf729d939.jpg?updated_at=2023-04-05T09:54:59.860Z" alt="enter image description here">

<div>
<h3>Идеальная экосистема</h3>
<div>
<p>Всего за&nbsp;полгода мы&nbsp;разработали уникальную экосистему, предлагающую набор сервисов для работы с&nbsp;заказами, покупателями и&nbsp;логистикой, а также удобную платформу для покупок, переосмысляющую концепцию шопинга.</p>
<p>Самым сложным в&nbsp;нашей работе было абстрагироваться от&nbsp;существующих маркетплейсов и&nbsp;разработать по-настоящему работающий инструмент, не&nbsp;создающий конкуренции между магазинами. Но нам это удалось. Была проделана очень внушительная работа, которая стала для нас большим испытанием, но результат того стоит.</p>
</div>
</div>
<video controls src="/uploads/2203_2_043d79ac11.mp4"></video>

Picksell.jpg

Picksell

Пиксель.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

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

Авдеева Юлия

RKP.png

Лендинг и личный кабинет объединенной российско-китайской платформы поиска оборудования

<img src="/uploads/00_RKP_99a3a9d2fc.jpg?updated_at=2023-04-02T18:00:44.464Z" alt="enter image description here">
<div>
<h3>Химическая платформа</h3>
<div>
  <p>Объединенная российско-китайская платформа химической промышленности — это большой проект для создания здоровой конкурентной среды на&nbsp;рынке импортного промышленного оборудования и&nbsp;материалов. </p>
  <p>Платформа полезна как физическим лицам, так и&nbsp;крупным промышленным корпорациям для поиска необходимого оборудования, проверки актуальных цен производителей и&nbsp;получения всех сопутствующих услуг. </p>
</div>
</div>

  <img src="/uploads/01_RKP_3240041c36.jpg?updated_at=2023-04-02T18:00:41.488Z" alt="enter image description here">
  <img src="/uploads/02_RKP_97972af8dc.jpg?updated_at=2023-04-02T18:00:43.288Z" alt="enter image description here">
<div>
<h3>Быстро и понятно</h3>
<p>Перед нами стояла задача создать лендинг и личный кабинет, которые помогали бы клиентам платформы создавать заявки на поиск оборудования. Дизайн информативный и понятный: пользователь должен в кратчайшие сроки ухватить цель проекта и принцип его работы.</p>
</div>

  <img src="/uploads/03_RKP_5f2138f0fe.jpg?updated_at=2023-04-02T18:00:42.368Z" alt="enter image description here">
<div>
<h3>Личный кабинет</h3>
<p>В личном кабинете нельзя дать пользователю потеряться в обилии полей и документов. И поскольку целевая аудитория проекта имеет слабый пользовательский опыт (ведь аналогичных проектов практически нет), мы потратили много усилий для грамотного структурирования информации, чтобы бережно провести пользователя по нужному пути.</p>
</div>
  <img src="/uploads/04_RKP_b008e64011.jpg?updated_at=2023-04-02T18:00:42.336Z" alt="enter image description here">
  <img src="/uploads/05_RKP_7c2301b0a3.jpg?updated_at=2023-04-02T18:00:42.839Z" alt="enter image description here">
<div>
<h3>Полноценная платформа</h3>
<p>Мы много работаем со сферой промышленности, поэтому уже имеем четкое понимание особенностей запросов клиентов. Данный проект не стал исключением и по итогу проделанная работа была высоко оценена клиентом, а платформа успешно функционирует. Также проект был отмечен несколькими дизайнерскими наградами за качественный интерфейс.</p>
</div>

РКП

Бажанов Максим

Трушникова Ирина

Торги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

Кириллов Сергей

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

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

alisa_2.mp4

Четыре подробных лендинга для четырех разных колонок Яндекса с демонстрацией их возможностей. 


</div>
<div>
<h3>Умный Дом</h3>
<p>Умным Домом уже никого не удивишь, прямо скажем. Но далеко не все догадываются даже о малой части сценариев, которые возможны с одной лишь умной колонкой.</p>
</div>
</div>

<img src="/uploads/1_3_d1582d4a93.png">

</div>
<div>
<h3>Зачем вообще нужны эти умные колонки?</h3>
<p>Наша задача — продемонстрировать новые возможности умной колонки и дать понять пользователю, как они могут работать у него дома. Именно поэтому мы конкретными сценариями («Алиса, погаси свет», «Алиса, запусти фильм») демонстрируем, что колонка будет полезна буквально каждому, а задействовать ее можно по-разному.</p>
</div>
</div>

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

</div>
<div>
<h3>Zigbee-датчики</h3>
<p>На лендингах мы делаем упор на Zigbee-датчики, чтобы помочь развеять стереотип, что Умный Дом возможен только с особыми дорогими устройствами. Zigbee-датчики сделают любую домашнюю технику частью Умного Дома, а Станция Макс станет сердцем этой экосистемы.</p>
</div>
</div>

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

</div>
<div>
<h3>Сочные 3D-иллюстрации</h3>
<p>Особое внимание обратите на рендеры колонок. Они сделаны с заботой ручками наших талантливых тридэшников, так что можно вглядываться даже в самые мелкие детальки и получать истинное удовольствие от их созерцания.</p>
</div>
</div>

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

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

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














Станция_подложка.png

Яндекс Умный Дом

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

KTS mob cover 2.webp

Во второй раз создали визуальный облик для посадочных страниц 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_1c58ef5320.webp">

</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_d223c56714.webp">

</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>

Landing

hello@mish.design

Москва

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