Kaspersky.png

Сайт с модульными решениями для всех продуктов и активностей, связанных с KasperskyOS.

<video
src="/uploads/behance_kaspersky_animacziya_1_abf35a75ca.mp4"
loop
autoplay
muted
playsinline></video>
</div>
<div>
<h3>Безопасное будущее</h3>
<p>Решения на&nbsp;основе операционной системы KasperskyOS предназначены для разных отраслей (умный город, транспортная инфраструктура, госучреждения, индустриальная автоматизация) и&nbsp;содержат в&nbsp;себе технологии KasperskyOS (кибериммунитет, микроядро, гибкая система безопасности). Эти решения используются повсеместно для построения надежных IT-инфраструктур: интернет вещей, управление виртуальными рабочими местами, ПО&nbsp;для умных автомобилей и&nbsp;т.д.</p></div>

  <img src="/uploads/2_54adf5e916.jpg?updated_at=2023-03-31T15:07:58.027Z" alt="enter image description here">
<div>
<h3>Переосмысление</h3>
<div>
<p>Мы&nbsp;предложили клиенту дизайн сайта в&nbsp;зелено-фиолетово-голубых тонах, поскольку основной цвет бренда — холодный зеленый. Здесь прямая ассоциация с высокими технологиями и будущим.</p>
<p>Так как сайт предназначен для b2b-аудитории и представителей гос. органов, важно было, чтобы ничто не&nbsp;отвлекало пользователей от&nbsp;чтения информации. Визуально сайт выглядит стильно, современно, но&nbsp;в&nbsp;то&nbsp;же время сдержанно, с&nbsp;большим количеством &laquo;воздуха.</p>
</div>
</div>

  <img src="/uploads/3_11269287f4.jpg?updated_at=2023-03-31T15:07:58.396Z" alt="enter image description here">
<div>
<h3>Главная страница</h3>
 <div><p>Главная страница сайта витринная. Она содержит основной промо-блок (с&nbsp;опциональным функционалом &laquo;карусели&raquo;) и&nbsp;опцию быстрой связи с&nbsp;командой по&nbsp;техническим вопросам.</p>
  <p>Решения на&nbsp;основе KasperskyOS можно приобрести только через партнеров, для чего и&nbsp;был создан отдельный раздел на&nbsp;сайте.</p>
  <p>Контент для сайта создавался параллельно с&nbsp;работой над версткой, а&nbsp;иногда и&nbsp;специально под дизайн.</p></div>
</div>

  <img src="/uploads/4_b8e9d56ee0.jpg?updated_at=2023-03-31T15:07:58.409Z" alt="enter image description here">
  <img src="/uploads/5_138f2823c8.jpg?updated_at=2023-03-31T15:07:57.426Z" alt="enter image description here">
  <img src="/uploads/6_f1d6590503.jpg?updated_at=2023-03-31T15:07:57.629Z" alt="enter image description here">
  
<div>
<h3>Модульность</h3>
<p>Так как разработчики KasperskyOS планируют выпускать в&nbsp;будущем новые решения, то&nbsp;модульность и&nbsp;простота в&nbsp;генерации новых страниц и&nbsp;разделов изначально была заложена при разработке дизайна сайта.</p>
</div>
  
  <img src="/uploads/7_e24cbee64e.jpg?updated_at=2023-03-31T15:07:58.561Z" alt="enter image description here">

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


KasperskyOS

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

МСТ.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>

МСТ.jpg

МСТ

МТС.png

Концептуальные 3D-анимации для двух разделов нового сайта МТС. 

<div>
<h3>Экоуправление</h3>
<p>В этом кейсе мы создали две масштабные и очень продуманные анимации для разделов сайта МТС. В работе мы процитировали философию МТС в рамках концепции ESG, направление на устойчивое развитие бизнеса и общества. Экоуправление — это сложное понятие, которое включает и подход бизнеса с экотрендами, и корпоративное направление с экотрендами. </p>
</div>
<video
src="/uploads/lenta00_9947bfd1ab.mp4"
loop
autoplay
muted
playsinline></video>
<img src="/uploads/T2_7b017d18a9.png" alt="enter image description here">
     <img src="/uploads/T3_0c166713dc.png" alt="enter image description here">
</div>

<div>
<h3>Стратегия Customer Lifetime Value 2.0</h3>
<p>Здесь основная идея в построении устойчивого экосистемного бизнеса на прочном фундаменте телекоммуникационного лидера. Шарик катится по кольцу с пазлами. Каждый пазл — направление бизнеса. Они отображены иконками: коммуникация с клиентом, телеком, интернет и проч. Кусочки пазла составляют единое кольцо. А шарик крутится вокруг стеклянной фигурки клиента, поскольку он постоянно в экосистеме МТС.</p>
</div>
<video
src="/uploads/cub00_ed350c8967.mp4"
loop
autoplay
muted
playsinline></video>
<img src="/uploads/R1_377d296a33.png" alt="enter image description here">
     <img src="/uploads/R2_abb43a6eca.png" alt="enter image description here">
</div>

<div>
<h3>Устойчивое развитие</h3>
<p>Цифровые технологии должны поддерживать устойчивость бизнеса и общества. Поэтому мы взяли кубик Рубика за основу: целостность с перемещаемыми элементами. Кубик Рубика состоит из разных цветов, а здесь это разные эконаправления и части устойчивого развития. Так и появились в качестве элементов крафтовые материалы, картон, растения, иконка переработки и проч.</p>
</div>
<video
src="/uploads/elements_6265cd0415.mp4"
loop
autoplay
muted
playsinline></video>
<img src="/uploads/R3_0af12636b8.png" alt="enter image description here">
</div>

     <div>
<h3>Целостность</h3>
<p>Это была концептуально сложная, но очень интересная работа. Мы вникли в новые гайдлайны МТС, быстро включились с материалами, светом, концепцией, пожеланиями. Результат очень порадовал клиента, а также является предметом гордости команды. </p>
</div>


IT

hello@mish.design

Москва

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