medium_Бажанов сайт.png

small_Бажанов сайт.png

thumbnail_Бажанов сайт.png

Бажанов сайт.png

large_background profile (3).png

medium_background profile (3).png

small_background profile (3).png

thumbnail_background profile (3).png

background profile (3).png

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

Product Design

UI/UX

Product Analytics

Product Audit

nlmk mocap.mp4

Приложение Группы Компаний НЛМК для знакомства с товаром и оформления заказов

<img src="/uploads/1_e7d8f67a99.jpg?updated_at=2023-03-28T12:58:36.263Z" alt="enter image description here">

<div>
<h3>Стальное решение</h3>
<p>НЛМК — это крупный российский производитель стальной продукции. И от нас требовалось сделать максимально удобное и простое приложение, чтобы эту продукцию красиво и понятно показать и довести покупателя до совершения заказа. Ничего сложного на первый взгляд, но особенность товара накладывает свой отпечаток на дизайне всего приложения. </p>
</div>
 
  <img src="/uploads/3_cd2b9401b0.jpg?updated_at=2023-03-24T07:16:55.796Z" alt="enter image description here">

<div>
<h3>Максимальный комфорт</h3>
<div>
  <p>С помощью приложения можно:</p>
    <p>1) Найти и&nbsp;просмотреть информацию об&nbsp;интересующих товарах;</p></li>
   <p>2) Получить информацию о&nbsp;ценах, выгодных предложениях и&nbsp;наличии металлоизделий на&nbsp;складах в&nbsp;выбранном регионе.</p></li>
    <p>3) Заказать как готовую продукцию, так и под производство. Можно выбрать необходимые позиции с&nbsp;ближайшего к&nbsp;склада, задать параметры и&nbsp;указать тоннаж, после чего добавить товары в&nbsp;корзину и&nbsp;оформить заказ.</p>
</div>
</div>
  <img src="/uploads/2_c25c23fe2c.jpg?updated_at=2023-03-24T07:16:55.790Z" alt="enter image description here">

<div>
<h3>Идеальный фильтр</h3>
<p>Особое внимание мы&nbsp;уделили фильтрам продукции, чтобы эта функция отвечала запросам и&nbsp;нуждам клиентов НЛМК. </p>
</div>
  <img src="/uploads/4_c278e8f39b.jpg?updated_at=2023-03-24T07:16:55.740Z" alt="enter image description here">

  <img src="/uploads/5_741555daa1.jpg?updated_at=2023-03-24T07:16:54.284Z" alt="enter image description here">
  <div>
<h3>А что в итоге?</h3>
<div>
  <p>Получилось целостное и хорошо продуманное приложение с минималистичными иллюстрациями и строгим дизайном. Внимание к деталям и прекрасно отстроенная логика делают это приложение незаменимым инструментом бизнеса. </p>
</div>
</div>

НЛМК.jpg

НЛМК

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

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

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

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>

РКП

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

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

Data-Track.png

На примере ПО для Абинского
металлургического завода

 <img src="/uploads/1_11_4f6b371f78.png" alt="enter image description here">
 <div>
<h3>Что же это такое?</h3>
<div>
<p>Data-Track — это MES (от англ. manufacturing execution system), т.е. система управления производственными процессами — специализированное прикладное программное обеспечение, предназначенное для решения задач синхронизации, координации, анализа и оптимизации выпуска продукции в рамках производства. MES-системы относятся к классу систем управления уровня цеха, но могут использоваться и для интегрированного управления производством на предприятии в целом.
</p>
</div>
</div>
  <img src="/uploads/2_f908d5038d.png" alt="enter image description here">
 <div>
<h3>Зачем же это нужно?</h3>
<div>
<p>Прежде всего, для систематизации и визуализации данных, выделении главного, поскольку в основе ПО лежат excel-таблицы, которые заложены во всех заводских процессах: планы производства, загрузка склада, перемещение материалов и т.д. А это значит, что требуется удобный интерфейс, ведь сотрудники работают подолгу с ним, иногда в условиях недостаточной освещенности.
</p>
</div>
</div>
  <img src="/uploads/3_ecfb833ed6.png" alt="enter image description here">
 <div>
<h3>Проблематика</h3>
<div>
<p>Еще перед началом работ вскрылось множество проблем, которые и подтолкнули нас к поиску наиболее оптимальных решений. Проблемы следующие: </p>
 <ul>
 <li>Много бумажного документооборота. Много процессов на производстве фиксируется только на бумаге. Их сложно отслеживать, хранить и передавать;</li>
 <li>Сложные условия на рабочих местах. Сотрудники работают подолгу с этим интерфейсом, иногда в условиях недостаточной освещенности; </li>
 <li>Много данных. Нет возможности быстро на одном экране увидеть ситуацию на производстве; </li>
 <li>Неактуальность. Как правило, для руководства доступны данные только за предыдущий день. Нет возможности следить за производством в реальном времени; </li>
 <li>Скорость работы. Данные между отделами передаются в течение нескольких суток; </li>
</ul>

</p>
</div>
</div>
  <img src="/uploads/4_e8d08a61ed.png" alt="enter image description here">
 <div>
<h3>Что же мы сделали</h3>
<div>
<p>В итоге мы разработали современный интерфейс в Figma. Также создали дизайн-систему, позволяющую быстро собирать любые требуемые интерфейсы.
Использовали следующие цифровые технологии и решения: </p>
 <ul>
 <li>HTML/CSS/JS;</li>
 <li>React (CRA);</li>
 <li>Storybook;</li>
 <li>Цифровой двойник;</li>
 <li>Датчики и камеры.</li>
</ul>

</p>
</div>
</div>
  <img src="/uploads/5_ce5fae8f9c.png" alt="enter image description here">
 <div>
 <h3>Технологическая независимость</h3>
<div>
<p>Одно из преимуществ данного ПО — технологическая независимость, то есть используются открытые технологии на базе open-source. Исходный код таких программ доступен для просмотра, изучения и изменения, что позволяет убедиться в отсутствии уязвимостей и неприемлемых для пользователя функций (к примеру, скрытого слежения за пользователем программы), принять участие в доработке само́й открытой программы, использовать код для создания новых программ и исправления в них ошибок.
</p>
</div>
<br>
<br>
<h4>Совместно с компанией <a href="https://dc.ru/">ДАТА-ЦЕНТР Автоматика</a></h5>

Data-Track-1.png

Система производственного мониторинга Data-Track

Чулкова Елена

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

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

Максимкин Александр

╨Ю╨▒╨╗╨╛╨╢╨║╨░-2.webp

Чтобы цифровой астролог всегда был на расстоянии вытянутого пальца

<div>
<h3>Запрос: технологичный дизайн для астроприложения</h3>
<p>К&nbsp;нам обратился клиент NeuroAstro с&nbsp;запросом&nbsp;&mdash; сделать дизайн приложения со&nbsp;всеми популярными эзотерическими практиками и&nbsp;усиленным ИИ-помощником. Начать решили с&nbsp;MVP&nbsp;&mdash; сонника с&nbsp;нейротрактовками сновидений. У&nbsp;клиента&nbsp;уже&nbsp;был&nbsp;разработан собственный алгоритм на&nbsp;основе нейросети, который учитывал и&nbsp;комплексно анализировал информацию для составления максимально точных и&nbsp;персонализированных прогнозов. Пользователю было достаточно просто описать свой сон в&nbsp;чате, а&nbsp;ИИ проводил анализ и&nbsp;объяснял сновидения.</p>
</div>

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

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

<img src="/uploads/T_G_2_67b58e275d.webp"> 

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

<img src="/uploads/T_G_5_2af81aa265.webp"> 

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

<video
src="/uploads/prognosis_295223ffec.webm"
loop
autoplay
muted
playsinline></video>

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

<img src="/uploads/T_G_4_3a1c5c99ab.webp">

<div>
<h3>Результат</h3>
<p>Нам удалось создать современное решение, которое объединяет консервативные астрологические практики с&nbsp;цифровыми технологиями, отстраивая имидж бренда.</p>
</div>

<video
src="/uploads/Astro_f6ce2a0d11.webm"
loop
autoplay
muted
playsinline></video>

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

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

hello@mish.design

Москва

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