Привет, я — Ксюша,
веб-дизайнер
веб-дизайнер
КСЕНИЯ СЯЧИНА
01
Сайт для
веб-дизайнера
веб-дизайнера
ИЗБРАННЫЕ ПРОЕКТЫ
Изучить проект
ГЛАВНЫЙ ЭКРАН
Основная идея главного экрана - ответить на все возникающие вопросы у посетителя, не перегружая информационное пространство. Спокойный анимированный градиент на фоне компенсирует объем текста и не нагружает визуальную составляющую.
Сайт для веб-дизайнера
Главная задача этого проекта - проконсультировать посетителя, донести понятную и структурированную информацию, ответить на первичные вопросы и ненавязчиво направить пользователя к диалогу с специалистом.
За основу стиля выбраны мягкие радиусы, градиенты и чистый шрифт. Живость этому дизайну придает анимированный градиентный фон и оживающие при наведении кнопки. "Быть уникальным просто" - главная концепция всего дизайна, которую я передаю в простых формах, понятных композициях и уникальных градиентах.
За основу стиля выбраны мягкие радиусы, градиенты и чистый шрифт. Живость этому дизайну придает анимированный градиентный фон и оживающие при наведении кнопки. "Быть уникальным просто" - главная концепция всего дизайна, которую я передаю в простых формах, понятных композициях и уникальных градиентах.
БЛОК УСЛУГ
На вопросы пользователей с уже сформированными запросами мы ответили выше, следующий этап посвящен посетителям, которые еще не знакомы с услугами специалиста и зашли на страницу для ознакомления. Сайт адаптирован под все устройства и снизу имеется функциональная кнопка для возврата на главную страницу.
На этом минималистичном блоке имеется анимация поочередного появления текста.
На этом минималистичном блоке имеется анимация поочередного появления текста.
БЛОК ПОРТФОЛИО
Раздел портфолио выполнен активной галерее, карточки листаются в разное время и позволяют посетителю сайта посмотреть некоторые работы находясь на сайте, а для желающих ознакомиться детальнее имеется кнопка перехода.
Один из самый информативных блоков, который затрагивает вопрос доверия будущего заказчика и вносит ясность в процесс создания будущего дизайна.
Большой объем информации был не просто так разбит на заголовки и пояснения к ним. Для понимания главной информации достаточно прочесть заголовки, а на возникающие вопросы ответят подзаголовки. Цифры - этапы и линия между ними показывают путь от первого до последнего шага.
Большой объем информации был не просто так разбит на заголовки и пояснения к ним. Для понимания главной информации достаточно прочесть заголовки, а на возникающие вопросы ответят подзаголовки. Цифры - этапы и линия между ними показывают путь от первого до последнего шага.
БЛОК "ЭТАПЫ ПРОЕКТА"
Блок формирования доверия посетителя. Создан именно для этой цели. Через знакомство, человечность - приходит доверие и желание поработать вместе.
Здесь сразу два призыва к действию - ненавязчивый способ продажи через погружение в блог и идейность исполнителя.
Здесь сразу два призыва к действию - ненавязчивый способ продажи через погружение в блог и идейность исполнителя.
БЛОК "ОБО МНЕ"
Честно о стоимости и условиях - еще один плюс к доверию посетителя сайта. Призыв к действию для просмотра навыков специалиста - эффективный способ через умения исполнителя заполучить клиента.
Снова насыщенный градиентный блок сменяется минималистичным, структурированным текстовым блоком тем самым создает ощущение упорядоченности и "оправданных ожиданий". Обращаю внимание на ненавязчивые кнопки в каждом экране сайта, каждая из которых выполняет в конечном итоге "продающую" функцию.
Снова насыщенный градиентный блок сменяется минималистичным, структурированным текстовым блоком тем самым создает ощущение упорядоченности и "оправданных ожиданий". Обращаю внимание на ненавязчивые кнопки в каждом экране сайта, каждая из которых выполняет в конечном итоге "продающую" функцию.
БЛОК ПОРТФОЛИО, БЛОК ПОРЯДКА ОПЛАТЫ
Информативный блок с активными заголовками - ссылками для перехода. При наведении текст заголовка меняет цвет, тем самым сигнализирует о кликабельности и большей информативности.
БЛОК РАСЦЕНОК
Форма призыва к действию с активными кнопками и анимированный градиентным фоном
БЛОК ПРИЗЫВА К ДЕЙСТВИЮ
Блок отзывы имеет кнопку перехода к первоисточнику и закрепляет доверие посетителя. Здесь же подытоживают сайт ответы на появившиеся вопросы, а кнопка снизу справа напоминает о возможность вернуться на главный экран и сделать заказ.
БЛОК ОТЗЫВЫ, БЛОК ИНФОРМАТИВНЫЙ
ПОДВАЛ И ПОЛЕЗНЫЕ МАТРИАЛЫ
Полезная информация для скачивания в конце сайта и активное меню в подвале с контактами.
02
Оформление соцсетей для таргетолога
Изучить проект
Дизайн сообщества Вконтакте для таргетолога
Концепция дизайна в этом проекте основана на одном слове: "ПРОСТО." Основная задача этой концепции - передать будущим посетителям сообщества, что поиск заказчиков с помощью опытного таргетолога - это просто. Эта же идея вложена в стиль и все оформление группы.
Спокойные светло-серые цвета смягчают контрастность в сочетаниях. Сами иллюстрации достаточно детализированы и выполнены в дружелюбном настроении - с плавными линиями и мягкими контурами. Несмотря на ощущение мягкого контраста - в этом оформлении используются только серые оттенки.
Сделать "просто" зачастую гораздо сложнее, потому что дизайнер должен держать баланс между "пусто", "скучно" и уже "не просто". Именно поэтому такой проект заслуживает особого места в моем портфолио.
Спокойные светло-серые цвета смягчают контрастность в сочетаниях. Сами иллюстрации достаточно детализированы и выполнены в дружелюбном настроении - с плавными линиями и мягкими контурами. Несмотря на ощущение мягкого контраста - в этом оформлении используются только серые оттенки.
Сделать "просто" зачастую гораздо сложнее, потому что дизайнер должен держать баланс между "пусто", "скучно" и уже "не просто". Именно поэтому такой проект заслуживает особого места в моем портфолио.
Шапка сообщества выполнена в двух адаптивах: для смартфонов и для компьютерной версии. Массивный текст заголовка балансирует с весом иллюстрации и создают гармоничную композицию внутри. Простой шрифт Gotham Pro подчеркивает главную идею концепции.
Сценарии иллюстраций выполнены в тематике к каждой из услуг таргетолога.
Кнопки меню в противовес иллюстрациям выполнены текстом в массивном начертании.
Кнопки меню в противовес иллюстрациям выполнены текстом в массивном начертании.
03
Лендинг компании по росписи стен AGLART
Изучить проект
ГЛАВНЫЙ ЭКРАН
Сайт для компании по росписи стен
Творческий проект для творческих людей. За основу взяли простые геометрические элементы с сохранением главного цвета компании - фуксия. Из особенностей проекта - большая работа с текстом и его местом в композиция, объем фотографий и заказчик, который запутался в мире дизайна и не знает что именно ему хочется.
БЛОК УСЛУГ
Ключевым элементом на главном экране является видео, которе подготовил заказчик. Исходя из этого материала выстраивалась общая композиция. Сайт полностью адаптирован для всех устройств. Сверху в левой части на компьютерной версии меню-бургер - его уравновешивает кнопка связи снизу справа. В мобильной версии есть постоянно, уже привычное пользователю меню главных кнопок снизу.
Этот раздел наполнен примерами работ и несет в себе сразу несколько функций. Первая - ознакомление с услугами и ориентировочная стоимость, так же презентации работ раскрывают часть портфолио организации. Кнопки действия заканчивают всю композицию.
Фламинго в углу экрана реагирует на перемещение курсора по экрану, а фотографии автоматически сменяют друг-друга.
Фламинго в углу экрана реагирует на перемещение курсора по экрану, а фотографии автоматически сменяют друг-друга.
БЛОКИ ПОРТФОЛИО, ПРЕИМУЩЕСТВА, ОТЗЫВЫ
Для функционала этого блока я создала сложную многоуровневую анимацию. Пришлось подумать над логикой анимированных действий внутри карты, разработать последовательность и выявить все появившиеся баги.
БЛОКИ "ПРИЗЫВ К ДЕЙСТВИЮ" И "ОТВЕТЫ НА ВОПРОСЫ"
БЛОК КАРТА ПРОЕКТОВ
БЛОКИ "НАМ ДОВЕРЯЮТ" И ПОДВАЛ
