Дизайн лендинга для премии этичных хакеров. Задача: отойти от привычного образа хакеров, но ориентироваться на их ... Читать далее
Второй лендинг для премии пентестеров. Продолжаем концепт прошлой версии, но меняем решение. Подчеркиваем тему ностальгии по играм 2000-х и не забываем про ... Читать далее
Первоочередная задача — разработать новый более наглядный и современный UI для сервиса по контролю метрик оборудования. Сопутствующие задачи: лендинг и логотип. А где интерфейс посмотреть?
Разные задачи для Skuratov Coffee: от верстки статей и оформления постов до печатных материалов. Иллюстрация с обложки — часть большой задачи от hr-отдела. Узнать больше про другие проекты
Дизайн страницы + иллюстрации + перенос в тильду
Редизайн интерфейса + лендинг + лого
Создание комикса + перенос в тильду
Дизайн и верстка статей + иллюстрации
Дизайн страницы + иллюстрации + перенос в тильду
мультидисциплинарный дизайнер с упором на веб и авторские аллюстрации.
Алена Скука
мультидисциплинарный дизайнер с упором на веб и авторские аллюстрации.
Алена Скука
Результат дружеского челленджа. Задача была придумать и нарисовать комикс на заданное слово. Техника и реализация любая. Я выбрала веб-формат, чтоб поиграться с анимациями и новым форматом сторителлинга.
Дизайн лендинга для премии этичных хакеров.
Задача: отойти от привычного образа хакеров, но ориентироваться на их интересы.
Один из распространенных интересов выявлен: комиксы!
Решаю представить маскота в виде супер-героя, но убираю лишний пафос, и делаю его более человечным, чтобы участники могли легче узнать себя в нем. Пентест — это не про демонстративную силу, а про интеллект, иронию и скрытую экспертизу.
В верстке тоже попыталась отразить стиль комиксов — косые переходы между блоками, баблы, печатная зернистость в анимации текстуры на всей странице.
Задача: отойти от привычного образа хакеров, но ориентироваться на их интересы.
Один из распространенных интересов выявлен: комиксы!
Решаю представить маскота в виде супер-героя, но убираю лишний пафос, и делаю его более человечным, чтобы участники могли легче узнать себя в нем. Пентест — это не про демонстративную силу, а про интеллект, иронию и скрытую экспертизу.
В верстке тоже попыталась отразить стиль комиксов — косые переходы между блоками, баблы, печатная зернистость в анимации текстуры на всей странице.
Второй лендинг для премии пентестеров. Продолжаем концепт прошлой версии, но меняем решение. Подчеркиваем тему ностальгии по играм 2000-х и не забываем про AI.
В этом году у премии добавилась новая номинация связанная с AI. Я решила отразить это и в айдентике: для анимации маскота использовались нейросети. Он стал более живым и чуть непредсказуемым — как сама среда.
Наш главный герой при этом «подкачался», но не потерял самоиронию. Это всё ещё тот же персонаж, просто на новом уровне — как и сама премия.
В итоге форма и содержание совпали: премия не только говорит про изменения, но и сама их отражает.
В этом году у премии добавилась новая номинация связанная с AI. Я решила отразить это и в айдентике: для анимации маскота использовались нейросети. Он стал более живым и чуть непредсказуемым — как сама среда.
Наш главный герой при этом «подкачался», но не потерял самоиронию. Это всё ещё тот же персонаж, просто на новом уровне — как и сама премия.
В итоге форма и содержание совпали: премия не только говорит про изменения, но и сама их отражает.
Так было:
Логотип
За основу взяла шкалу из интерфейса и сделала ее более динамичной за счет сужения левой части + в таком виде она напоминает карандаш, что как бы говорит "все метрики записываются".
Верхняя версия не утверждена, но, на мой взгляд, лучше смотрится с точки зрения композиции и больше проработана концептуально. Нижняя — итоговая.
За основу взяла шкалу из интерфейса и сделала ее более динамичной за счет сужения левой части + в таком виде она напоминает карандаш, что как бы говорит "все метрики записываются".
Верхняя версия не утверждена, но, на мой взгляд, лучше смотрится с точки зрения композиции и больше проработана концептуально. Нижняя — итоговая.
Первоочередная задача — разработать новый более наглядный и современный UI для сервиса по контролю метрик оборудования. Сопутствующие задачи: лендинг и логотип.
Пример нового UI в дэшборде
Пример нового UI в дэшборде
- Вынесла меню в постоянный доступ, для более быстрого переключения между страницами.
- Сделала более компактной строку с выбором даты, чтобы больше карточек оборудования помещалось на экране
- Визуально разделила карточки для более быстрого ориентирования
- Сделала визуал более современным
Верстка статьи + иллюстрации
Дизайн страницы + перенос в тильду
Подкаст о внутренней кухне Скуратова, знакомство с сотрудниками компании.
Дима, ведущий подкаста, пришел ко мне с идеей представить страницу подкаста как yearbook американского школьника, я поддержала ее в визуале.
Дима, ведущий подкаста, пришел ко мне с идеей представить страницу подкаста как yearbook американского школьника, я поддержала ее в визуале.
Прощальная статья для кофейни в Казани. Это был челлендж уместить все воспоминания сотрудников и гостей в несколько блоков и не забыть все памятные детали интерьера. <3
Верстка статьи + иллюстрации
Пример того, как делать эффектный визуал ограниченными методами в условиях сжатых сроков.
Сотрудничаю со Skuratov Coffee с 2019-го года. Было сделано очень много проектов, делюсь своими любимыми.
