medium_photo_2024-02-13_18-43-36 (2).jpg

small_photo_2024-02-13_18-43-36 (2).jpg

thumbnail_photo_2024-02-13_18-43-36 (2).jpg

photo_2024-02-13_18-43-36 (2).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

Титов Денис 

Product Design

Product Support

Product Audit

KTS mob cover 2.webp

Во второй раз создали визуальный облик для посадочных страниц IT-компании. И во второй раз сделали это успешно.


</div>
<div>
<h3>Технологичное бунтарство</h3>
<p>KTS — это IT-компания, которая занимается удобными, технологичными и функциональными решениями для начинающих стартапов и крупных корпораций.

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

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

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

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

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

Формат галереи продолжили в&nbsp;разделе с&nbsp;партнерами. При наведении появляются теги с&nbsp;направлениями клиентов в&nbsp;виде анимационных карточек.</p>
</div>
</div>

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

</div>
<div>
<h3>А что в подвале</h3>
<p>Команда смогла сделать его нескучным. Помимо контактной информации, которой в&nbsp;подвале никого не&nbsp;удивишь, мы&nbsp;&laquo;накидали&raquo; в&nbsp;лапы котика кликабельные лейблы, которые гиперссылками переносят либо на&nbsp;соответствующие части сайта, либо направляют дальше.</p>
</div>
</div>
<img src="/uploads/KTS_usability_3b6258eac3.png">

</div>
<div>
<h3>DevOps — это про порядок</h3>
<p>Помимо главной страницы мы&nbsp;работали над посадочной для DevOps-направления. Удобно и&nbsp;нативно настроили раздел с&nbsp;готовыми и&nbsp;решениями кейсами. Карточки меняются по&nbsp;автоскроллу, их&nbsp;сопровождает курсор, меняющий облик: то&nbsp;это привычная стрелка, то&nbsp;задорные глаза, то&nbsp;когтистая лапка. Все кейсы поделены на&nbsp;категории и&nbsp;отмечены тегами, по&nbsp;которым легче определять нишу компании.</p>
</div>
</div>
<img src="/uploads/KTS_illustrations_2_4867c0131b.png">

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

KTS desk cover 2.webp

Редизайн сайта KTS

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

Иванова Виктория 

Романова Анастасия 

Лозовский Павел 

Обложка-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"> 




Титов Денис

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

hello@mish.design

Москва

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