Айдентика и лендинг для премии этичных хакеров с комикс-нарративом.
Читать далее

Второй лендинг для премии пентестеров. Продолжаем концепт прошлой версии, но меняем решение. Подчеркиваем тему ностальгии по играм 2000-х и не забываем про ... Читать далее

Первоочередная задача — разработать новый более наглядный и современный UI для сервиса по контролю метрик оборудования. Сопутствующие задачи: лендинг и логотип. А где интерфейс посмотреть?

Разные задачи для Skuratov Coffee: от верстки статей и оформления постов до печатных материалов. Иллюстрация с обложки — часть большой задачи от hr-отдела. Узнать больше про другие проекты

Дизайн страницы + иллюстрации + перенос в тильду

Редизайн интерфейса + лендинг + лого

Создание комикса + перенос в тильду

Дизайн и верстка статей + иллюстрации

Дизайн страницы + иллюстрации + перенос в тильду

Делаю сайты и лендинги, которые работают через эмоцию и визуальный сторителлинг

Веб-дизайн, иллюстрация и визуальные системы для брендов и digital-проектов

Алена Скука

Алена Скука

Веб-дизайн, иллюстрация и визуальные системы для брендов и digital-проектов

Результат дружеского челленджа. Задача была придумать и нарисовать комикс на заданное слово. Техника и реализация любая. Я выбрала веб-формат, чтоб поиграться с анимациями и новым форматом сторителлинга.

Айдентика и лендинг для премии этичных хакеров с комикс-нарративом.

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

Контекст

Создать лендинг и визуальный стиль премии, который будет выделяться на фоне «серьёзных» IT-наград и лучше резонировать с аудиторией пентестеров.

От меня требовалось:

• дизайн лендинга
• иллюстрации
• сборка в Tilda
• креативы для рекламных кампаний

Ключевое ожидание от клиента — сделать проект более живым, необычным и «по фану», сохранив при этом профессиональный контекст.

Задача

Мы выбрали визуальный язык комиксов как наиболее близкий аудитории пентестеров. Это позволило уйти от формального стиля, характерного для IT-премий, и создать более вовлекающий опыт.

Ключевая идея — супергерой без пафоса.
Пентестеры — это не абстрактные «кибергерои», а обычные люди, которые находят уязвимости и помогают защищать компании и государственные системы. Через этот образ пользователь может легче ассоциировать себя с героем.

Я разработала:

• персонажа на основе маскота компании, адаптированного под сюжет
• цветовую систему с отсылкой к классическим комиксам (жёлтый, красный, синий), где синий также поддерживает фирменный стиль бренда
• визуальный ритм лендинга с акцентом на динамику и нарратив

Отдельным решением стал развлекательный блок внутри лендинга — мини-комикс из двух сцен, который раскрывает персонажа и усиливает вовлечённость. Это добавило проекту слой сторителлинга, а не только информирования.
На этапе концепции я предложила два варианта — более строгий и более креативный. Клиент выбрал второй.

Решение

Проект был реализован и использовался в рамках события.

• выбранный концепт победил среди альтернатив
• клиент остался доволен результатом
• лендинг получил положительный отклик от аудитории (клиент делился фидбеком пользователей)

После завершения события сайт остался доступен как архив: на нём можно посмотреть победителей, жюри и структуру премии.

Результат

Полный цикл дизайна:

• концепция
• визуальный стиль
• иллюстрации
• дизайн и сборка лендинга

(тексты были предоставлены со стороны клиента)

Моя роль

Полный цикл дизайна:

• концепция
• визуальный стиль
• иллюстрации
• дизайн и сборка лендинга

(тексты были предоставлены со стороны клиента)

Моя роль

Второй лендинг для премии пентестеров. Продолжаем концепт прошлой версии, но меняем решение. Подчеркиваем тему ностальгии по играм 2000-х и не забываем про AI.

В этом году у премии добавилась новая номинация связанная с AI. Я решила отразить это и в айдентике: для анимации маскота использовались нейросети. Он стал более живым и чуть непредсказуемым — как сама среда.

Наш главный герой при этом «подкачался», но не потерял самоиронию. Это всё ещё тот же персонаж, просто на новом уровне — как и сама премия.

В итоге форма и содержание совпали: премия не только говорит про изменения, но и сама их отражает.

Так было:

Логотип

За основу взяла шкалу из интерфейса и сделала ее более динамичной за счет сужения левой части + в таком виде она напоминает карандаш, что как бы говорит "все метрики записываются".

Верхняя версия не утверждена, но, на мой взгляд, лучше смотрится с точки зрения композиции и больше проработана концептуально. Нижняя — итоговая.

Первоочередная задача — разработать новый более наглядный и современный UI для сервиса по контролю метрик оборудования. Сопутствующие задачи: лендинг и логотип.

Пример нового UI в дэшборде

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

Верстка статьи + иллюстрации

Дизайн страницы + перенос в тильду

Подкаст о внутренней кухне Скуратова, знакомство с сотрудниками компании.

Дима, ведущий подкаста, пришел ко мне с идеей представить страницу подкаста как yearbook американского школьника, я поддержала ее в визуале.

Прощальная статья для кофейни в Казани. Это был челлендж уместить все воспоминания сотрудников и гостей в несколько блоков и не забыть все памятные детали интерьера. <3

Верстка статьи + иллюстрации

Пример того, как делать эффектный визуал ограниченными методами в условиях сжатых сроков.

Сотрудничаю со Skuratov Coffee с 2019-го года. Было сделано очень много проектов, делюсь своими любимыми.