large_Хрис сайт.jpg

medium_Хрис сайт.jpg

small_Хрис сайт.jpg

thumbnail_Хрис сайт.jpg

Хрис сайт.jpg

mish_Logo.jpg

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

game case mocap.mp4

Уникальный проект, объединивший юных дизайнеров, геймдевов и программистов, где проделана внушительная работа: фирменный стиль, дизайн веб-портала и админки, 3D-иллюстрации, веб-разработка. 

 <img src="/uploads/Tagline_01_Main_9d23fe5f58.jpg?updated_at=2023-03-30T07:29:22.748Z" alt="enter image description here">
<div>
<h3>Платформа</h3>
<div>
<p>&laquo;Начни игру&raquo; позволяет молодым разработчикам заявить о&nbsp;себе, выйти на&nbsp;новый уровень профессионального мастерства, создать уникальные игровые проекты и&nbsp;найти партнеров для поддержки своей инициативы. Обучение построено на&nbsp;геймификации, что отражено как в&nbsp;дизайне в&nbsp;целом, так и&nbsp;в&nbsp;особенностях разработки.</p>
<p>Дизайн&nbsp;&mdash; сочные цвета, ломаные формы, пересекающиеся элементы. Обилие 3D-иллюстраций и&nbsp;объема. Визуал буквально дышит творчеством и&nbsp;амбициями.</p>
</div>
</div>

  <img src="/uploads/Tagline_04_20de48777e.jpg?updated_at=2023-03-30T07:29:25.318Z" alt="enter image description here">
  <img src="/uploads/Tagline_06_adab1f4df3.jpg?updated_at=2023-03-30T07:29:21.195Z" alt="enter image description here">
  <img src="/uploads/Tagline_07_5c157a80b8.jpg?updated_at=2023-03-30T07:29:23.252Z" alt="enter image description here">
  
 <div>
<h3>Смело и ярко</h3>
<div>
<p>Кто ЦА проекта? Школьники, молодежь. Их нужно захватить ярким визуалом, необычными формами, смелым сочетанием цветов. Звучит очевидно, но на деле не самая простая задачка. Удивить визуалом молодых людей сложно. И начали мы с деркзой цветовой гаммы, которая даже внутри команды вызвала немало споров (однако по итогу очень зашла заказчику и аудитории). Также мы решили добавить объема привычным предметам, сделать упор на 3D, чтобы вдохнуть в них жизнь, но при этом оставить в рамках виртуального пространства. </p>
</div>
</div>

 <img src="/uploads/Tagline_08_d26b6eefcc.jpg?updated_at=2023-03-30T07:29:20.589Z" alt="enter image description here">
<div>
<h3>Родная разработка</h3>
<div>
<p>Этот проект стал большим испытанием для нашей команды разработки. Попробуем просто перечислить то, что было проделано, и ничего не забыть: html, css, js, typescript, react, spa, seo, devops, docker, kubernetes, ci/cd. Да, это и frontend, и backend, да еще и с собственной командой тестирования. Опыт колоссальный, результат стоящий. </p>
</div>
</div>

 <img src="/uploads/Tagline_09_da0340955a.jpg?updated_at=2023-03-30T07:29:23.871Z" alt="enter image description here">
<div>
<h3>Версия для людей с ограниченными возможностями</h3>
<div>
<p>Мы&nbsp;также адаптировали сайт в&nbsp;соответствии с&nbsp;ГОСТ Р&nbsp;52872-2019 &laquo;Национальный стандарт Российской Федерации&raquo;. Сайт подходит для пользования слабовидящими людьми&nbsp;&mdash; есть функционал синтеза речи, изменения размера шрифта, увеличения контрастности. И&nbsp;при этом функциональностью контента можно управлять через интерфейс клавиатуры без ограничений по&nbsp;времени нажатия на&nbsp;клавишу.</p>
</div>
</div>

 <img src="/uploads/Tagline_02_677e7d1c7a.jpg?updated_at=2023-03-30T07:29:23.956Z" alt="enter image description here">
<div>
<h3>Ачивки</h3>
<div>
<p>На проекте очень разветвленная система ачивок, все-таки нужно подбадривать юных творцов. Поэтому мы вложили немало сил в систему поощрения. Тут речь не только о визуале, но и об идеях. Каждая ачивка продумывалась исходя из текущих трендов, чтобы порадовать легким юмором и не отбить мотивацию пользоваться платформой дальше. </p>
</div>
</div>
 <img src="/uploads/Tagline_03_66799d233b.jpg?updated_at=2023-03-30T07:29:18.408Z" alt="enter image description here">
 <div>
 <h3>Иконки, куда же без них</h3>
<div>
<p>Иконок потребовалось много, поэтому мы их рисовали, рисовали и снова рисовали. Несколько иллюстраторов постоянно трудились, чтобы в едином стиле воспроизвести множество считываемых образов. </p>
</div>
</div>
<img src="/uploads/Tagline_05_e8e59dca6b.jpg?updated_at=2023-03-30T07:29:24.365Z" alt="enter image description here">
<div>
<h3>Как итог</h3>
<div>
<p>Это проект, которым мы гордимся от и до. В него вложено колоссальное количество сил, но мы смотрим на результат и не можем гордиться. Здесь были задействованы все отделы Mish: продуктовый, коммуникационный, отдел разработки и тестирования. Сделан прекрасный брендинг, интерфейс внешний и внутренний, иллюстрации, разработка и тестирование. При этом мы продолжаем работать над следующим сезоном проекта, оказывая полную продуктовую поддержку. </p>
</div>
<br>
<br>
<h4>Совместно с <a href="https://metacorp.gg/">Metacorp</a></h5>

Начни игру.jpg

Начни Игру

Начни Игру.jpg

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

НЛМК

red basset.png

Создание с нуля подкаст-платформы: лендинга для первого контакта с пользователем, личного кабинета подкастера и приложения для прослушивания подкастов.

  <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

РКП.jpg

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

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

РКП

МСТ.png

Редизайн для Fenix+ 3 — универсального программного обеспечение для расчета пожарных рисков на гражданских и производственных объектах.

  <img src="/uploads/001_a85af274f3.jpeg?updated_at=2023-04-03T11:47:49.306Z" alt="enter image description here">
<div>
<h3>ПО для прогнозирования рисков</h3>
<p>Fenix+ 3 — это универсальное программное обеспечение для расчета пожарных рисков на гражданских и производственных объектах, а также для расчета противопожарных расстояний между зданиями и сооружениями. Это очень важное для организаций ПО, которое позволяет независимо провести моделирование эвакуации людей и динамики развития пожара.</p>
</div>

  <img src="/uploads/002_22601a4fd7.jpg?updated_at=2023-04-03T11:47:52.238Z" alt="enter image description here">
  <div>
<h3>Интерфейс</h3>
<p>Изначально у&nbsp;клиента уже была первая версия проекта на&nbsp;стандартных Windows компонентах, уже был работающий продукт и&nbsp;люди, которые им&nbsp;пользовались. Клиент хотел сделать проект более современным и&nbsp;попробовать взглянуть на&nbsp;него не&nbsp;внутренней командой, а&nbsp;свежим взглядом. Поэтому изначальной задачей было подправить визуал. Но&nbsp;в&nbsp;ходе работы мы&nbsp;постепенно находили новые проблемные места и&nbsp;начали предлагать перепроектирование рабочей области так, чтобы ключевые элементы с&nbsp;одной стороны оставались на&nbsp;тех&nbsp;же местах, но&nbsp;с&nbsp;обновленной логикой и&nbsp;поведением.</p>
</div>
  <img src="/uploads/003_9a6c566e01.jpg?updated_at=2023-04-03T11:47:51.631Z" alt="enter image description here">
<div>
<h3>Глубокий анализ</h3>
  <p>Мы&nbsp;предложили клиенту несколько вариантов перепланировки основной рабочей области главного экрана так, чтобы функционал можно было дополнять и&nbsp;безболезненно расширять без последующего редизайна. В&nbsp;ходе работы мы&nbsp;подробно анализировали интерфейсы профессионального&nbsp;ПО как для 3D&nbsp;моделирования, так и&nbsp;привычные программы для дизайнеров, чтобы понять подходы к&nbsp;расположению управляющих элементов на&nbsp;экране. Благодаря этому анализу нам удалось расположить рабочие панели, чтобы пользователь мог быстрее и&nbsp;эффективнее решать нужные ему задачи. При этом основные разделы остались на&nbsp;своих прежних местах, что позволило сохранить привычки текущих пользователей, но&nbsp;упростило новичкам освоение программы и&nbsp;использование отдельных модулей. </p>
</div>
  <img src="/uploads/004_12b42564ca.jpg?updated_at=2023-04-03T11:47:52.181Z" alt="enter image description here">
  <img src="/uploads/005_18aeb90891.jpg?updated_at=2023-04-03T11:47:51.765Z" alt="enter image description here">
<div>
<h3>Что в итоге?</h3>
  <p>В итоге был полностью переомыслен подход к дизайну и расположению элементов. Создали большой UI-Kit. Разработали более ста узкоспециализированных иконок, чтобы даже на&nbsp;компактных дисплеях их&nbsp;назначение было понятно без подписей. При этом переиспользовали наработки и в дальнейшем над редизайном связанных с Fenix+ 3 программ. </p>
</div>

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

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