large_Дарья Егорова5105 (1).jpg

medium_Дарья Егорова5105 (1).jpg

small_Дарья Егорова5105 (1).jpg

thumbnail_Дарья Егорова5105 (1).jpg

Дарья Егорова5105 (1).jpg

large_background profile (1).png

medium_background profile (1).png

small_background profile (1).png

thumbnail_background profile (1).png

background profile (1).png

Дарья Егорова

UI/UX

Product Research

Product Design

╨Ю╨▒╨╗╨╛╨╢╨║╨░-╨║╨░╤В╨░╨╗╨╛╨│╨░.webp

На основе обновленного кей-вижуал бренда обновили внешний вид главной страницы сервиса по подбору психологов. И не уронили маркетинговые метрики, что тоже приятно.

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

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

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

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

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

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

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

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

<div>
<h3>Небольшие обновления</h3>
<p>Мы&nbsp;проработали текущую структуру, проанализировали конкурентов и&nbsp;релевантные сервисы. На&nbsp;этой основе разработали, предложили и&nbsp;в&nbsp;итоге внедрили в&nbsp;структуру нескольких новых блоков. Мы&nbsp;сохранили смысловую подачу, но&nbsp;добавили в&nbsp;новые блоки эмпатию и&nbsp;заботу, а&nbsp;еще&nbsp;возможность начать диалог с&nbsp;пользователем уже&nbsp;с&nbsp;первого скролла. Среди переработанных экранов была форма с&nbsp;СТА на&nbsp;главном экране, блок для тех, кто&nbsp;не&nbsp;знает, что с&nbsp;ним происходит и&nbsp;не&nbsp;может с&nbsp;этим справиться самостоятельно. Дополнительно проработали витрину с&nbsp;услугами для&nbsp;партнеров и&nbsp;форму с&nbsp;СТА. Мы&nbsp;поженили смысловую и&nbsp;юайную части, не&nbsp;побоялись экспериментов&nbsp;&mdash; и&nbsp;получилось хорошо. Продакты на&nbsp;клиентской стороне тоже рады: конверсию мы&nbsp;не&nbsp;уронили, а&nbsp;красивый и&nbsp;функциональный сайт сделали.</p>
</div>
<img src="/uploads/E_M_I_P_5e6e6239f5.webp"> 

<div>
<h3>И&nbsp;что дальше?</h3>
<p>На&nbsp;основе нашего редизайна заказчик принялся за&nbsp;обновление и&nbsp;других страниц, кроме главной. Подход команды Mish им&nbsp;зашел&nbsp;&mdash; а&nbsp;мы&nbsp;и&nbsp;рады делиться.</p>
</div>
<img src="/uploads/Sh_Z_V_M_I_3517a2ca7a.webp"> 

Header-╨║╨╡╨╕╠Ж╤Б╨░.webp

Редизайн главной страницы сервиса Zigmund

Воронова Мария

Копылов Илья

Скрынник Елизавета

VideoCover.webm

Сделали редизайн интернет-магазина для геймеров IGM.GG и повысили прямой трафик +192%

<div>
<h3>Кто наш заказчик</h3>
<p>IGM.GG&nbsp;&mdash; интернет-магазин от&nbsp;самого крупного игрового сообщества на&nbsp;просторах СНГ с&nbsp;4+&nbsp;млн подписчиков в&nbsp;VK.</p>
</div>

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

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

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

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

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

<div>
<h3>Проработка библиотеки UI-компонентов</h3>
<p>Каждый элемент типографики, цветов, иконок, кнопок, селектов и&nbsp;других UI-компонентов был тщательно проработан для дальнейшего масштабирования площадки. Мы&nbsp;распределили компоненты по&nbsp;группам: фильтры, комментарии, кнопки и&nbsp;другие элементы интерфейса. Выполнили их&nbsp;в&nbsp;единой стилистике, заданной концептом. Основным графическим решением стала плитка из&nbsp;12&nbsp;колонок. Это сочетание можно компоновать сразу в&nbsp;нескольких вариантах: по&nbsp;2, 3, 4&nbsp;или 6&nbsp;колонок на&nbsp;одном экране. Благодаря этому мы&nbsp;получили динамичный дизайн главной страницы и&nbsp;подборок.</p>
</div>

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

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

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

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

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

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

<div>
<h3>Как мы&nbsp;делали адаптивный дизайн</h3>
<p>Каждый макет создали в&nbsp;трех брейкпоинтах, отрисовали все состояния каждого интерактивного элемента, показали примеры анимаций и&nbsp;поведения при скролле.</p>
</div>

<img src="/uploads/9_88d1e55962.webp"> 

<div>
<h3>Результат проекта</h3>
<p>У&nbsp;нас получился яркий сайт, который сочетает в&nbsp;себе актуальный дизайн и&nbsp;отсылки ко&nbsp;временам, когда игровая индустрия только завоевывала наши сердца и&nbsp;умы. Но&nbsp;самое главное: редизайн позволил IGM.GG достичь своих бизнес-целей. Выручка продукта выросла в&nbsp;1,5 раза с&nbsp;момента запуска новой версии сайта, а&nbsp;глубина просмотра выросла на&nbsp;30%. Пользователи проводили на&nbsp;23% больше времени на&nbsp;новой версии сайта, чем на&nbsp;предыдущей, а&nbsp;просмотры страниц выросли на&nbsp;126%.</p>
</div>

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

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

<img src="/uploads/12_6c64cf3db7.webp"> 


Дарья Егорова

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

hello@mish.design

Москва

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