О проекте

С чем работала

О проекте

rebase – web3 приложение, социальная сеть, где каждый может создавать прогнозы и делать ставки на ожидаемые результаты грядущих событий.

С чем работала

Работа с дизайном по нарастающей — от редизайна отдельных компонентов и элементов страниц до внедрения сложных пользовательских фич.

Задача

Создать для разработчика дизайн его сайта-портфолио, который включает в себя главную страницу с основной информацией, блог и страницу блога.

В частности:

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

Реализация

Для дизайна были разработаны цветовые стили, которые работают как для тёмной, так и для светлой версии.

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

Макеты для вёрстки и превью для статей выполнены в Figma.

Задача

Создать дизайн своего сайта-портфолио, который включает в себя главную страницу с основной информацией и резюме.

В частности:

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

Реализация

В качестве основного был выбран шрифт с простым геометрическим начертанием Evolventa. В качестве акцентного шрифта выступает экспериментальный контрастный Mak.

Дизайн лёгкий и воздушный, с ненавязчивыми анимациями и стилистическими элементами, вдохновлёнными художественными академическими мотивами и атмосферой. Также в дизайне используются графические элементы, отсылающие к работе с Figma.

Задача

Разработать лендинг для протокола — открытого социального графа на базе блокчейна, который записывает любое событие или отношение в общую сеть Интернета.

В частности:

• рассказать про преимущества протокола, зачем им пользоваться, и что это даёт
• разместить все необходимые ссылки, указать контакты, а также дать возможность подписаться на email-рассылку
• разработать подходящий стиль
• создать серию иллюстраций для визуального сопровождения в общей тематике (были выбраны 3D фигуры)

Реализация

Для лендинга было выбрано тёмное оформление, что было обусловлено темой и целевой аудиторией. Дизайн — минималистичный, с небольшим набором цветов для создания дизайн-решения, демонстрирующего серьёзность проекта.

Макеты для вёрстки были выполнены в Figma.

3D фигуры созданы в Adobe Illustrator в несколько этапов — от модельки до наложения ряда эффектов.

Графические элементы — геометрические узоры, бэкграунды для карточек — выполнены в Figma с частичной обработкой в Adobe Illustrator.

Задача

HumanIPO – быстроразвивающийся и быстроменяющийся стартап. Ниже приведены примеры лендингов для продуктов стартапа на разных этапах развития.

Конечный результат сильно отличается от того, что было в самом начале.

Реализация

Для создания графического оформления — паттерны, бэкграунды, векторные фигуры и элементы, работа с эффектами, обработка изображений и т.д. — использовались Adobe Illustrator, Adobe Photoshop и Figma (основной функционал, плагины, свободные материалы комьюнити и т.д.).

Макеты для вёрстки были выполнены в Figma.

Задача

Создать креативы для соцсетей платформы The Likeness.

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

Реализация

Оформление креативов создавалось на основе дизайна самого продукта (шрифты, цветовая палитра, графические элементы, эффекты и т.д.).

Ниже представлены примеры креативов из разных стилистических итераций.

Задача

Создать креативы для соцсетей платформы rebase.

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

Реализация

Оформление креативов создавалось на основе дизайна самого продукта на текущий момент (шрифты, цветовая палитра, графические элементы, эффекты и т.д.).

Ниже представлены примеры креативов из разных стилистических итераций.

Задача

Создать креативы для соцсетей платформы Human.

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

Реализация

Оформление креативов создавалось на основе дизайна самого продукта на текущий момент (шрифты, цветовая палитра, графические элементы, эффекты и т.д.).

Ниже представлены примеры креативов из разных стилистических итераций.

Задача

Создать креативы для соцсетей платформы HumanIPO.

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

Реализация

Оформление креативов создавалось на основе дизайна самого продукта на текущий момент (шрифты, цветовая палитра, графические элементы, эффекты и т.д.).

Ниже представлены примеры креативов из разных стилистических итераций.

На этой странице представлены примеры векторных иллюстраций, бэкграундов и паттернов, выполненных в программе Adobe Illustrator. Больше моих работ можно найти в профиле на Dribbble.