medium_Мазаев сайт.jpg

small_Мазаев сайт.jpg

thumbnail_Мазаев сайт.jpg

Мазаев сайт.jpg

Мазаев фон.jpg

Мазаев Денис

Nebula.png

Фирменный стиль, промо-лендинги и админ-панель для агрегатора криптобирж. 

<img src="/uploads/00_Title_Nebula_f5a9c89f38.jpg?updated_at=2023-03-31T14:53:20.450Z" alt="enter image description here">
<div>
<h3>Так что же это такое</h3>
<p>Nebula — это агрегатор криптобирж для поиска лучшей цены криптовалют. Самый доступный способ найти наиболее адекватный прайс среди сотен сайтов, продающих крипту, в которых легко запутаться. </p>
</div>
<img src="/uploads/01_Nebula_28fe0fdea0.jpg?updated_at=2023-03-31T14:53:18.775Z" alt="enter image description here">
<img src="/uploads/02_Nebula_a0bc418b08.jpg?updated_at=2023-03-31T14:53:21.287Z" alt="enter image description here">
<div>
<h3>3D-схема работы агрегатора</h3>
<div>
<p>Клиент хотел создать крипто-сервис, который был&nbsp;бы не&nbsp;только удобным и&nbsp;понятным, но&nbsp;и&nbsp;визуально технологичным, отвечающим запросам аудитории.</p> 
<p>Начинали, конечно, с брендинга. Это не та история, где нужно изобретать велосипед и нырять в пучины креатива (тз есть тз), но сделать красиво и футуристично очень важно. За основу взяли темную тему с тремя основными цветами (сиреневым, розовым и темно-синим) как прямую ассоциацию с трейдингом и криптой. </p>
</div>
</div>

<img src="/uploads/03_Nebula_908a585fb4.jpg?updated_at=2023-03-31T14:53:21.590Z" alt="enter image description here">

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

<img src="/uploads/05_Nebula_3be0f6f304.jpg?updated_at=2023-03-31T14:53:18.519Z" alt="enter image description here">

<div>
<h3>Разработка</h3>
<div>
<p>На этом проекте мы были ответственны за frontend, что очень ускорило запуск, поскольку у внутренних команд дизайнеров и разработчиков хорошо налажен диалог. В основе стэка React, TypeScript и Redux как наиболее очевидные в данном случае, а также Openware и Web3. Многие графики на Recharts. Тестирование на Jest, Enzyme и Cypress. </p>
</div>
</div>
<img src="/uploads/06_Nebula_f5963947f0.jpg?updated_at=2023-03-31T14:53:15.937Z" alt="enter image description here">
<img src="/uploads/07_Nebula_32544c7c48.jpg?updated_at=2023-03-31T14:53:12.642Z" alt="enter image description here">
</div>
</div>
<div>
<h3>Понятный агрегатор</h3>
<div>
<p>При подаче такой непростой информации легко запутаться, однако мы сразу сконцентрировались на главном — UI. Именно на прекрасно продуманном интерфейсе и был построен этот проект. Хотя и удачный брендинг играет не последнюю роль. Футуристичный визуал, основанный на 3D, дополняет главную составляющую и выгодно отличает агрегатор от других. </p>


Nebula ECN

YouCan_00.png

Дизайн приложения для поддержки пациентов с онкологией и их родственников.

<img src="/uploads/00_Title_You_Can_0a753fdad0.jpg?updated_at=2023-04-02T17:51:05.102Z" alt="enter image description here">
<div>
<h3>Близко к сердцу</h3>
<p>You can&nbsp;&mdash; cервис поддержки пациентов с&nbsp;онкологией. И он подходит самым разным людям с разными стадиями заболеваниями. Тема очень непростая, поэтому мы со всей серьезностью и щепетильностью приступили к проекту.</p>
</div>
  <img src="/uploads/01_You_Can_2015204059.jpg?updated_at=2023-04-02T17:51:04.871Z" alt="enter image description here">
<div>
<h3>Онбординг</h3>
<p>Перед началом работы с приложением нужно заполнить анкету-знакомство, чтобы алгоритмы подобрали подходящий контент. Это тот случай, когда важность онбординга трудно переоценить. И здесь важен как тактичный подход в самом контенте, так и визуальная составляющая.</p>
</div>
  <img src="/uploads/02_You_Can_9a59771567.jpg?updated_at=2023-04-02T17:51:05.455Z" alt="enter image description here">
<div>
<h3>Интерфейс</h3>
<p>В интерфейсе нужно было сделать упор на простоту и доступность, поскольку целевая аудитория очень разнородна по возрасту, социальному статусу и пользовательскому опыту. Мы решили все основные функции расположить на видном месте, чтобы облегчить к ним доступ.</p>
</div>
  <img src="/uploads/03_You_Can_55fce72115.jpg?updated_at=2023-04-02T17:51:05.653Z" alt="enter image description here">
  <img src="/uploads/04_You_Can_c23e25fc11.jpg?updated_at=2023-04-02T17:51:05.146Z" alt="enter image description here">
<div>
<h3>Забота и поддержка</h3>
<p>Если бы это приложение можно было охарактеризовать одним словом, то это был бы "комфорт". Он прослеживается везде: в первых экранах, интерфейсе, контенте, иллюстрациях. И мы по-настоящему гордимся тем, что поставленная задача была так чутко выполнена нашими ребятами. Приложение получило множество наград и высоко оценено дизайн-сообществом.</p>
</div>

YouCanGor_00.png

You can

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



Мазаев Денис

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

hello@mish.design

Москва

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