medium_Novoselova_sajt_6c27cf456e.png

small_Novoselova_sajt_6c27cf456e.png

thumbnail_Novoselova_sajt_6c27cf456e.png

Novoselova_sajt_6c27cf456e.png

large_background profile (3).png

medium_background profile (3).png

small_background profile (3).png

thumbnail_background profile (3).png

background profile (3).png

Новоселова Мария

Illustration

Creative

Media

21-_1_.webp

Сделали визуал, иллюстрации и интерфейс для большого маркетплейса и с удовольствием поиграли в бродилку с интерактивным зайцем.

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

<img src="/uploads/22_f2f6a740f2.png">

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

<img src="/uploads/5_be96d45789.png">

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

<img src="/uploads/3_5a190584c6.png">

</div>
<div>
<h3>Мегагерой</h3>
<p>Герой игры, которым &laquo;шагают&raquo; пользователи,&nbsp;&mdash; интерактивный заяц-маскот. Этого героя мы&nbsp;адаптировали под игровой формат.</p>
</div>

<video src="/uploads/na_sajt_720_f38ca1a50d.webm"
loop
autoplay
muted 
playsinline></video>
</div>

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

<img src="/uploads/1_fa4e84cff4.png">

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

<img src="/uploads/2_67fad4ea66.png">

<div>
<h3>Мегамеханика</h3>
<p>По&nbsp;ходу игры заяц собирает игровую валюту, которую можно потратить на&nbsp;покупку специальных промокодов от&nbsp;Мегамаркета и&nbsp;партнеров. Для этого отрисовали для Мегамаркета внутренний маркет.На пути зайца встречаются алмазы. Это точки входа в&nbsp;мини-игру Сокобан&nbsp;&mdash; классическую двухмерную головоломку. Суть механики Сокобана состоит в&nbsp;том, чтобы расставить алмазы по&nbsp;нужным местам. Если игрок справляется с&nbsp;задачей, получает бонус. Команда задизайнила Сокобан так, чтобы двухмерный мир сохранял общую трехмерную стилистику&nbsp;&mdash; поэтому сохранила алмаз в&nbsp;3D.</p>
</div> 

<img src="/uploads/4_bfa9fb96c4.png">



MegaTower.png

Мегабашня для Мегамаркета

Неижко Глеб

Константинов Данила

Закиров Арсений

Брехова Татьяна 

Гайбарян Карина

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

Свечников Андрей 

Завьялов Сергей  

convers03 (video-converter.com).webm

После разработки дизайн-системы для армянского банка приступили к мобильному приложению — и сделали это на основе передовых подходов к интерфейсам. 

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

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

<div>
<h3>Основа основ</h3>
<p>У&nbsp;Converse Bank уже было действующее мобильное приложение. Однако с&nbsp;точки зрения UX/UI, функциональности и&nbsp;визуального соответствия обновлённому бренду оно требовало трансформации. Мы&nbsp;переработали пользовательские сценарии, обновили интерфейс и&nbsp;внедрили новые функции, сохранив при этом привычную логику взаимодействия.</p>
</div>

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

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

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

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

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

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

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

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

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


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

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

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

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

<div>
<h3>Профиль</h3>
<p>Стандартная функция профиля в&nbsp;банковских приложениях&nbsp;&mdash; дать возможность менять пароль, добавить аватарку или сменить тему со&nbsp;светлой на&nbsp;темную. У&nbsp;Converse Bank в&nbsp;профиле кроме настроек есть разделы &laquo;Документы&raquo; и&nbsp;&laquo;Имущество&raquo;.</p>
</div>

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

<div>
<h3>Документы</h3>
<p>У&nbsp;всех бывают ситуации, когда очень срочно нужна какая-то бумажка, а&nbsp;под рукой ее&nbsp;нет. У&nbsp;клиентов Converse Bank есть&nbsp;&mdash; как раз в&nbsp;разделе &laquo;Документы&raquo; профиля. При этом вводить реквизиты и&nbsp;данные вручную не&nbsp;нужно: можно перепоручить это банку. Банк запросит информацию у&nbsp;соответствующей госслужбы, сам ее&nbsp;получит и&nbsp;сам&nbsp;же сохранит. Это&nbsp;удобно&nbsp;еще по&nbsp;одной причине: если&nbsp;пользователю придет платеж, например, от&nbsp;коммунальной службы, где потребуется вводить какие-то данные&nbsp;&mdash; они подтянутся автоматически.</p>
</div>

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

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

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

<div>
<h3>Есть нюанс</h3>
<p>И&nbsp;не&nbsp;один. Функционал мобильного приложения Converse Bank&nbsp;&mdash; это темная и&nbsp;светлая тема, мультиязычные интерфейсы и&nbsp;своя платежная система Converse Pay. Для дальнейшего расширения продумали будущий флоу по&nbsp;программе лояльности, которую формим по&nbsp;принципу сундука&nbsp;&mdash; как&nbsp;отдельное приложение внутри приложения.</p>
</div>

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


Новоселова Мария

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

hello@mish.design

Москва

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