large_background profile (3).png

medium_background profile (3).png

small_background profile (3).png

thumbnail_background profile (3).png

background profile (3).png

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

UI/UX

Business System

Product Analytics

UX writing

Dashboard

Fintech

E-commerce

Website

SBI mocap.mp4

Семейный банкинг на базе отдельных приложений для детей и взрослых.

<img src="/uploads/001_0d8c7a6365.jpg?updated_at=2023-04-02T18:29:50.048Z" alt="enter image description here">
<div>
<h3>Семейный банкинг</h3>
<p>Мы&nbsp;отразили новую для рынка идею, family banking&rsquo;а, в&nbsp;виде детского и&nbsp;взрослого приложений, которые помогают вместе копить на&nbsp;общую мечту, вместе тратить и&nbsp;вместе зарабатывать кэшбэк.</p>
</div>

 <img src="/uploads/002_dcabe32094.jpg?updated_at=2023-04-02T18:29:49.955Z" alt="enter image description here">

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

  <img src="/uploads/004_1c73d338ba.jpg?updated_at=2023-04-02T18:29:49.990Z" alt="enter image description here">
  
<div>
<h3>Детское приложение</h3>
<div>
<p>Стиль детского приложения не&nbsp;такой строгий, как у&nbsp;взрослого: обращение на&nbsp;&laquo;ты&raquo;, яркие иллюстрации, возможность поставить на&nbsp;фон картинку из&nbsp;мультика или фото супергероя, но&nbsp;в&nbsp;то&nbsp;же время оно похоже на&nbsp;взрослое и&nbsp;выглядит как серьезный финансовый сервис.</p>
 <p>Такое решение позволяет формировать финансовую грамотность у&nbsp;подрастающего поколения. Приложение позволяет младшим членам семьи планировать свои накопления, расходы и&nbsp;получать переводы от&nbsp;родителей в&nbsp;интерактивной форме.</p>
</div>
</div>

  <img src="/uploads/006_f63ec80210.jpg?updated_at=2023-04-02T18:29:49.975Z" alt="enter image description here">
  <div>
  <h3>Элемент игры</h3>
  <p>Внутри приложения родители могут назначать задания детям и&nbsp;назначать им&nbsp;награду. Средства автоматически перечисляются в&nbsp;копилку ребенка после подтверждения родителем.</p>
  </div>
<video
src="/uploads/sbi_budget_abe241ab65.mp4"
loop
autoplay
muted
playsinline></video>
</div>
  <img src="/uploads/007_9ee6f66a1c.jpg?updated_at=2023-04-02T18:29:49.870Z" alt="enter image description here">
 
 <div>
 <h3>Комплексный сервис</h3>
<p>Мы&nbsp;реализовали все основные функции платежей: переводы между своими счетами, клиентам других банков, платежи за&nbsp;ЖКХ, интернет, телефон, по&nbsp;реквизитам и&nbsp;другие финансовые возможности.</p>
 </div> 

  <img src="/uploads/003_05939f2545.jpg?updated_at=2023-04-02T18:29:48.727Z" alt="enter image description here">
  <img src="/uploads/005_e8473fac76.jpg?updated_at=2023-04-02T18:29:49.501Z" alt="enter image description here">

<div>
<h3>Результат</h3>
<p>В&nbsp;процессе работы мы&nbsp;разработали большую дизайн-систему, отрисовали более 1500 экранов и&nbsp;выпустили MVP-версии взрослого и&nbsp;детского приложений для iOS и&nbsp;Android.</p>
</div>

SBI Bank.jpg

SBI Bank

SBI.jpg

Крестов Иван

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

Костромицкий Владимир

Кретинин Андрей

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

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

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

Мазаев Денис

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

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

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

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

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

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

PAN CLUB Main.webp

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


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

PanClub

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

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

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

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

hello@mish.design

Москва

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