medium_photo_2024-02-13_18-43-34 (3).jpg

small_photo_2024-02-13_18-43-34 (3).jpg

thumbnail_photo_2024-02-13_18-43-34 (3).jpg

photo_2024-02-13_18-43-34 (3).jpg

large_background profile (3).png

medium_background profile (3).png

small_background profile (3).png

thumbnail_background profile (3).png

background profile (3).png

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

Management

Business Needs

Branding

Graphic Design

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

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

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

Торги 223.webp

Придумали, во что будут одеваться сотрудники, и создали свое видение уличной моды.

<div>
<h3>Так, чтобы было стильно</h3>
<p>&laquo;Торги 223&raquo;&nbsp;&mdash; крупная торговая площадка с&nbsp;технологичным профилем и&nbsp;разнообразными направлениями деятельности. Клиент захотел сделать корпоративный мерч&nbsp;&mdash; стильный, модный и&nbsp;молодежный. И&nbsp;никак не&nbsp;связанный с&nbsp;фармой.</p>
</div>

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

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

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

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

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

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

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

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

<img src="/uploads/TRG_1080_h_720_9_1b0cd266c2.webp">
<img src="/uploads/TRG_1080_h_720_4_e5fef33bc8.webp">

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

<img src="/uploads/TRG_1080_h_720_6_151c32ea5d.webp">
<img src="/uploads/TRG_1080_h_720_7_41ff77c187.webp">

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

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

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

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

обложка юольшая.webp

облога маленькая .webp

Мерч для «Торги 223»

Петров Сергей

Обложка-1х1.webp

Сделали под ключ яркий портал для Управления молодёжной политики Воронежской области. Там активная молодёжь может найти актуальные мероприятия, принять участие в конкурсах и фестивалях и узнать новое о городе и его жизни. На первый взгляд и не скажешь, что это официальный проект.

<div>
<h3>Точка отсчёта</h3>
<p>Нам заказали разработку сайта для государственного проекта, которым бы активно пользовалась молодёжь. А для привлечения молодых людей нужен не строгий и нейтральный дизайн, а яркий и живой — как раз такой и запросил клиент.</p>
</div>

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

<img src="/uploads/2_a71ae7e48b.webp"> 

<div>
<h3>Основные линии</h3>
<p>За&nbsp;основу взяли блочную систему&nbsp;&mdash; то, что нужно, чтобы&nbsp;сделать динамичный сайт, который легко подстраивается под любой контент. Такое&nbspрешение&nbspпомогает упорядочить наполнение, а&nbsp;ещё эта структура отлично смотрится на&nbsp;разных размерах экранов. К&nbsp;тому&nbsp;же использование такой системы облегчает дальнейшую жизнь и&nbsp;развитие сайта. Каждый&nbsp;блок&nbsp;&mdash;&nbsp;это отдельный компонент. Его&nbspсостав можно изменять и&nbsp;повторно использовать на&nbsp;других страницах&nbsp;&mdash; ничего не&nbsp;сломается.</p>
</div>

<img src="/uploads/3_f64a656a64.webp"> 

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

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

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

<img src="/uploads/6_677bdca728.webp"> 

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

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

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

<div>
<h3>Куда же без букв?</h3>
<p>Для &laquo;Вертикали&raquo; мы&nbsp;выбрали шрифт Sligoil&nbsp;&mdash; в&nbsp;нём&nbsp;сочетаются строгие, будто напечатанные на&nbsp;машинке, буквы и&nbsp;дерзкие линии. Кажется,&nbsp;ещё&nbsp;немного&nbsp;&mdash; и&nbsp;он&nbsp;станет совсем серьёзным, но&nbsp;пока в&nbsp;нём чувствуется юношеский дух.</p>
</div>

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

<img src="/uploads/10_fab89a5a02.webp"> 

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

<img src="/uploads/11_52a6d2882e.webp"> 




скрин.webp

Молодёжный портал «Вертикаль»

Измайлов Никита

Титов Денис 

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

The brief doesn't fill in on its own

hello@mish.design

Moscow

Nizhny Novgorod