large_Попова Виктория Игнатьевна ПМ.jpg

medium_Попова Виктория Игнатьевна ПМ.jpg

small_Попова Виктория Игнатьевна ПМ.jpg

thumbnail_Попова Виктория Игнатьевна ПМ.jpg

Попова Виктория Игнатьевна ПМ.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

Попова Виктория

Нажимая на кнопку 'Я согласен', вы соглашаетесь с нашей

Некоторые вещи просто не существуют

Некоторые вещи

Это временно, скоро все наладим

Бюджет

Контактные данные

Имя и Фамилия

Откуда вы узнали о нас?

Услуги

Загрузите своё ТЗ

Расскажите коротко
о вашей задаче

Меня зовут

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

Хотите так же? Тогда скорее заполняйте!

Скоро вернёмся с ответом! А пока - подписывайтесь на

Откликнуться на вакансию

CapitalGroup1.webm

Задизайнили и разработали имиджевый сайт для крупного застройщика.

<div>
<h3>Капитальный клиент</h3>
<p>Capital Group&nbsp;&mdash; один из&nbsp;ведущих девелоперов в&nbsp;России. Для тендера мы&nbsp;сделали демоверсию будущего сайта с&nbsp;3D-визуализацией зданий на&nbsp;карте Москвы. В&nbsp;итоге наш проект выбрали, и&nbsp;мы&nbsp;приступили к&nbsp;работе. Нашей задачей было сделать сайт таким&nbsp;же топовым и&nbsp;современным: продемонстрировать уникальные локации проектов Capital Group. А&nbsp;еще&nbsp;&mdash; поработать над лендингом одного из&nbsp;их&nbsp;ведущих объектов прямо сейчас.</p>
</div>

<img src="/uploads/Pervaya_3c40482a3a_04599b1dd0.jpg">

</div>
<div>
<h3>Сложная стройка</h3>
<p>Изначально мы&nbsp;хотели собирать сайт на&nbsp;WebGL. Но&nbsp;его возможностей не&nbsp;хватало, чтобы разносторонне и&nbsp;полно показать объекты Capital Group. Мы&nbsp;протестировали несколько вариантов и&nbsp;решили сделать отрендеренные видео. Но&nbsp;в&nbsp;разработке при обратном скролле все ломалось. Так мы&nbsp;дошли до&nbsp;итогового варианта&nbsp;&mdash; WebP-секвенции. Разбили видео на&nbsp;картинки и&nbsp;одним махом решили проблемы обратного скролла.</p>
</div>

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

</div>
<div>
<h3>Свобода в решениях</h3>
<p>Весь сайт наша команда делала под ключ: от&nbsp;концепции до&nbsp;разработки. В&nbsp;том числе мы&nbsp;придумали кастомное решение для страницы с&nbsp;проектами, чтобы заказчик мог сам заполнять объекты информацией. Для всего проекта подготовили типовые блоки, из&nbsp;которых легко собирать новые страницы в&nbsp;соответствии с&nbsp;нужным контентом. Все это делается через админку Strapi. Это современная &laquo;безголовая&raquo; CMS с&nbsp;открытым исходным кодом. Она привязывается к&nbsp;конкретному проекту и&nbsp;помогает без особых знаний управлять контентом. В&nbsp;админке Capital Group страницы объектов собираются из&nbsp;20&nbsp;разных блоков.</p>
</div>

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

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

<img src="/uploads/4_c91914f34a.webp">

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

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

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

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

</div>
<div>
<h3>Полеты во сне и наяву</h3>
<p>Мы&nbsp;анимировали много разных деталей: от&nbsp;появления текста на&nbsp;экране до&nbsp;полноценных 3D-моделей жилых комплексов. После отрисовки пролетов их&nbsp;рендерили в&nbsp;WebP-секвенции и&nbsp;анимировали по&nbsp;кадрам с&nbsp;привязкой к&nbsp;скроллу страницы.</p>
</div> 

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

</div>
<div>
<h3>Объекты гордости</h3>
<p>Все проекты клиента показаны на&nbsp;главной пролетами над Москвой. От&nbsp;каждого объекта можно перейти на&nbsp;его лендинг и&nbsp;узнать больше о&nbsp;преимуществах комплексов.</p>
</div> 

<img src="/uploads/8_c3ecaa1b76.webp">

</div>
<div>
<h3>Самый главный</h3>
<p>Бадаевский&nbsp;&mdash; флагманский объект Capital Group. Его&nbsp;основная фишка&nbsp;&mdash; в&nbsp;&laquo;воздушных&raquo; квартирах, расположенных на&nbsp;высоких 35&nbsp;метровых стройных колоннах, отсылающих к&nbsp;индустриальной эстетике. Сейчас объект на&nbsp;стадии строительства, а&nbsp;наш сайт уже&nbsp;готов. Мы&nbsp;показываем детальную и&nbsp;очень подробную трехмерную модель&nbsp;ЖК, делаем акцент на&nbsp;каждой его детали и&nbsp;подсвечиваем преимущества: местоположение, концепцию жилья в&nbsp;воздухе, встроенность в&nbsp;исторический ландшафт. Прямые линии к&nbsp;важным городским точкам указывают расстояния до&nbsp;них и&nbsp;подчеркивают местоположение объекта.</p>
</div> 

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

</div>
<div>
<h3>Поиграться с картой</h3>
<p>Внизу лендинга Бадаевского мы&nbsp;сделали трехмерную карту объекта на&nbsp;базе WebGL&nbsp;&mdash; технологии, которая не&nbsp;подошла остальному сайту. Благодаря ней пользователь может по-разному обращаться с&nbsp;интерфейсом и&nbsp;переключаться между разными планами: верхним и&nbsp;нижним. Такой подход отражает концепцию застройщика &laquo;Жить на&nbsp;земле&raquo; и&nbsp;&laquo;Жить в&nbsp;воздухе&raquo;, которую мы&nbsp;реализовали на&nbsp;странице.</p>
</div> 
</div>
<p>Инфраструктура:<p>
<img src="/uploads/10_3fbe1fd7b0.webp">
<p>Входные группы:<p>
<img src="/uploads/11_0e50b923c6.webp">
<p>Жить на земле:<p>
<img src="/uploads/12_1973c0e5a5.webp">
<p>Жить в воздухе:<p>
<img src="/uploads/13_05bee5d1d2.webp">
<p>Квартиры в воздухе:<p>
<img src="/uploads/14_6a72762fb3.webp">
<p>Небесные виллы:<p>
<img src="/uploads/15_6faaae4982.webp">

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

<img src="/uploads/16_5135314a2e.webp">

</div>
<div>
<h3>Тестируем и оптимизируем</h3>
<p>Мы&nbsp;начали тестирование еще на&nbsp;этапе проектирования. Проверяли сайт не&nbsp;только руками, но&nbsp;и&nbsp;через специальные инструменты, например PageSpeed Insights от&nbsp;Google. Оптимизацию делали в&nbsp;конце работы, после готовой структуры и&nbsp;контента. Помогли современные форматы графики. Изображения сжимали в&nbsp;WebP, а&nbsp;видео&nbsp;&mdash; в&nbsp;WebM.</p>
</div> 

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

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

<img src="/uploads/18_07ed4700ea.webp">






2.webp

Сайт девелопера Capital Group

Толстых Кристина

Макаров Сергей

Ерохов Дмитрий 

Авдеев Алексей

Серов Владимир

Семенчук Юлия

Силаев Герман

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

Шушкевич Виталий

Авдеева Юлия

Чикильдин Илья

Усатюк Владислав

Соколенко Владислав

Кошман Александра

Шапор Константин 

Мисюра Станислав

Алимов Нурсултан

Селиванов Никита

Кашаев Андрей 

Штоль Александр 

mish_site_cover_2x.webp

Под Новый Год 2024 к нам обратился Альфа-Банк с идеей сделать мини-игру для пользователей. Основной задачей от бизнеса было повысить частоту возвращения пользователей в приложение банка.  

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

<img src="/uploads/1_2x_31dd7ec789.webp"> 

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

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

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

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

<div>
<h3>Как мы&nbsp;работали: новогодний цех</h3>
<p>Разработка цифровых ёлочных игрушек мало отличалась от&nbsp;работы реального цеха. У&nbsp;нас было 3&nbsp;линии производства. На&nbsp;первой мы&nbsp;собирали метафоры и&nbsp;относили их&nbsp;на&nbsp;согласование команде Альфа-Банка. Одобренные метафоры отправлялись на&nbsp;вторую линию, где становились 2D-скетчами, после чего также проходили контроль качества от&nbsp;нашего клиента. Только утверждённые эскизы попадали в&nbsp;работу к&nbsp;3D-художникам, которые отрисовывали уже&nbsp;итоговые варианты&nbsp;&mdash; яркие, сочные, практически осязаемые.</p>
</div>

<img src="/uploads/4_2x_2947e68a17.webp">

<div>
<h3>Какая ёлка нужна таким игрушкам</h3>
<p>Ёлку мы&nbsp;тоже &laquo;растили&raquo; сами. Экспериментировали с&nbsp;графикой: от&nbsp;самой примитивной до&nbsp;реалистичной, которая&nbsp;бы хорошо оттеняла наши фантазийные игрушки своими пушистыми лапами.</p>
</div>

<img src="/uploads/5_2x_72edb1d8b8.webp">

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

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

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

<img src="/uploads/7_graphite_2x_1e013cfd44.webp">














Попова Виктория

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

hello@mish.design

Москва

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