Баннер для VK
Выполнен в рамках обучения в онлайн-школе "Айтилогия".
Это самая-самая первая работа вообще. До этого ничего подобного не делала и не знала никаких инструментов))
#webdesign#webdesigner#uiuxdesign#uiuxdesigner#баннер
Мой первый ????
Мой первый Landing page. Выполнен во время обучения на курсе "Мир веб-дизайна" в онлайн-школе "Айтилогия".
Это было волнительно и оочень интересно!
На этом уроке я изучила, что такое композиция. Именно с нее началось изучение "трёх китов" веб-дизайна (композиция, цвет и типографика). Они всегда неразрывно связаны, но именно в этой работе особое внимание было уделено именно композиции, тому, что она в себя включает и как создать гармоничную композицию, которая позволит воспринимать дизайн
Лендинг для фитнес-клуба
Данный проект был выполнен во время обучения на курсе "Мир веб-дизайна" в онлайн-школе "Айтилогия".
Темный дизайн ???? Нравятся мне такие проекты и хотелось попробовать создать такой)) Здесь я училась рисовать сайт по готовому прототипу. Также работала с композицией, цветом и типографикой, а ещё обрабатывала изображения и меняла цвета, чтобы дизайн получился в единой цветовой гамме и соответствовал тематике проекта.
#uxuiwebdesign#uxuiwebdesigner#landingpage#вебдизайн#вебдизайнер
Сайт визитка для страны (одностраничник)
Полностью самостоятельный проект. Выполнен в процессе обучения в онлайн-школе "Айтилогия" на курсе "Мир веб-дизайна".
Почему выбрала именно эту тему? Потому что мне нравится тема путешествий. Мне нравится Крым. Кстати, работая над проектом, узнала много интересного и нового о Крыме. Приятный и полезный ☝️бонус узнавать что-то новое вокруг себя ????
Основной задачей было представить Крым так, чтобы это побудило записаться на экскурсию.
Подробнее об этом проекте с
Интернет-магазин стильной женской обуви (Главная страница и страница Каталога)
Ох, сколько здесь работы проделано ????: проведён анализ целевой аудитории и конкурентов, брифинг с заказчиком, поиск референсов и идей, составление карты сайта, отрисовка прототипа и потом уже визуальное оформление сайта.
Эти этапы нужны для всех проектов, за исключением маленьких (например, для лендинга не нужна карта сайта) ).
Такая поэтапная работа нужна для того, чтобы работа была упорядоченной и понятной для всех сторон
Интернет-магазин стильной женской обуви (Страница товара)
Подробнее об этом проекте смотрите в моем Портфолио на https://www.behance.net/anna_privalova_10
Интернет-магазин стильной женской обуви (Страницы Корзины и Оформления заказа)
Подробнее об этом проекте смотрите в моем Портфолио на https://www.behance.net/anna_privalova_10
Интернет-магазин стильной женской обуви (Страница "Спасибо")
Подробнее об этом проекте смотрите в моем Портфолио на https://www.behance.net/anna_privalova_10
Прототип
Прототипчик к ИМ стильной женской обуви. Создается до визуального оформления сайта. Благодаря этому этапу наглядно видно структуру сайта. Могут быть подобраны гарнитуры и иконки, но макет пока не в цвете. На данном этапе важно продумать, что и где будет расположено, и чтоб это было удобно ☝️???? а красиво уже потом))
#webdesign#webdesigner#website#prototype#uxui#onlinestore#вебдизайн#вебдизайнер#интернетмагазин#прототип
Адаптив (планшет)
Сайт должен быть удобным для просмотра с любого устройства, а не только с десктопа. Иначе пользователь покинет сайт, что означает потерю клиента????
Очень часто мы все заходим на сайты именно с мобильных устройств, т.к. нам так удобней и быстрей (и ещё могут быть другие причины), поэтому сайт должен быть одинаково хорош (удобен и красив), как на десктопе, так и на мобильных устройствах. Ни на грамм не быть хуже, чем в десктопной версии. Поэтому дизайн должен быть адаптивен и бизнес буде
Адаптив (мобильный телефон)
Сайт должен быть удобным для просмотра с любого устройства, а не только с десктопа. Иначе пользователь покинет сайт, что означает потерю клиента????
Очень часто мы все заходим на сайты именно с мобильных устройств, т.к. нам так удобней и быстрей (и ещё могут быть другие причины), поэтому сайт должен быть одинаково хорош (удобен и красив), как на десктопе, так и на мобильных устройствах. Ни на грамм не быть хуже, чем в десктопной версии. Поэтому дизайн должен быть адаптивен и б
Форма входа на сайт
Форма входа в личный кабинет ИМ стильной женской обуви.
Работа выполнена в рамках обучения в онлайн-школе "Айтилогия".
Форма входа на сайт должна быть понятной, удобной и красивой. Она не должна пугать и отталкивать пользователя от совершения этого действия. А наоборот - наталкивать и быть простой и понятной ????
#webdesign#webdesigner#website#uxui#вебдизайн#вебдизайнер#onlinestore#интернетмагазин#формавхода
Лендинг для частной кондитерской
Основной задачей было передать атмосферу домашнего уюта, тепла и радости; вызвать приятные и вкусные эмоции.
Это мой дипломный проект. Выполнен вовремя обучения в онлайн-школе "Айтилогия".
Подробнее об этом проекте смотрите в моем Портфолио на https://www.behance.net/anna_privalova_10
#webdesign#webdesigner#uiux#landingpage#вебдизайн#вебдизайнер#лендинг#торты#кондитерская#cake
Адаптив для мобильного телефона для лендинга частной кондитерской
Подробнее об этом проекте смотрите в моем Портфолио на https://www.behance.net/anna_privalova_10
Всплывающие окна на лендинге для частной кондитерской
Подробнее об этом проекте смотрите в моем Портфолио на https://www.behance.net/anna_privalova_10
Работа с текстом (вариант 1)
Текст может быть разным ????
И можно по-разному его преподнести)) Правильно расставленные акценты и интересная подача текста стимулируют к его прочтению. Вариантов много, вот некоторые из них.
#webdesign#website#uxui#webdesigner#вебдизайн#вебдизайнер
Работа с текстом (вариант 2)
Текст может быть разным ????
И можно по-разному его преподнести)) Правильно расставленные акценты и интересная подача текста стимулируют к его прочтению. Вариантов много, вот некоторые из них.
#webdesign#website#uxui#webdesigner#вебдизайн#вебдизайнер
Работа с текстом (вариант 3)
Текст может быть разным ????
И можно по-разному его преподнести)) Правильно расставленные акценты и интересная подача текста стимулируют к его прочтению. Вариантов много, вот некоторые из них.
#webdesign#website#uxui#webdesigner#вебдизайн#вебдизайнер
Работа с текстом (вариант 4)
Текст может быть разным ????
И можно по-разному его преподнести)) Правильно расставленные акценты и интересная подача текста стимулируют к его прочтению. Вариантов много, вот некоторые из них.
#webdesign#website#uxui#webdesigner#вебдизайн#вебдизайнер
Работа с текстом (вариант 5)
Текст может быть разным ????
И можно по-разному его преподнести)) Правильно расставленные акценты и интересная подача текста стимулируют к его прочтению. Вариантов много, вот некоторые из них.
#webdesign#website#uxui#webdesigner#вебдизайн#вебдизайнер
Работа с текстом (вариант 6)
Текст может быть разным ????
И можно по-разному его преподнести)) Правильно расставленные акценты и интересная подача текста стимулируют к его прочтению. Вариантов много, вот некоторые из них.
#webdesign#website#uxui#webdesigner#вебдизайн#вебдизайнер
Работа с текстом (вариант 7)
Текст может быть разным ????
И можно по-разному его преподнести)) Правильно расставленные акценты и интересная подача текста стимулируют к его прочтению. Вариантов много, вот некоторые из них.
#webdesign#website#uxui#webdesigner#вебдизайн#вебдизайнер
Работа с текстом (вариант 8)
Текст может быть разным ????
И можно по-разному его преподнести)) Правильно расставленные акценты и интересная подача текста стимулируют к его прочтению. Вариантов много, вот некоторые из них.
#webdesign#website#uxui#webdesigner#вебдизайн#вебдизайнер
Работа с текстом (вариант 9)
Текст может быть разным ????
И можно по-разному его преподнести)) Правильно расставленные акценты и интересная подача текста стимулируют к его прочтению. Вариантов много, вот некоторые из них.
#webdesign#website#uxui#webdesigner#вебдизайн#вебдизайнер
Работа с текстом (вариант 10)
Текст может быть разным ????
И можно по-разному его преподнести)) Правильно расставленные акценты и интересная подача текста стимулируют к его прочтению. Вариантов много, вот некоторые из них.
#webdesign#website#uxui#webdesigner#вебдизайн#вебдизайнер
Я умею, я могу ????
Создание иконок - ещё один ценный навык в копилочку! Чему я очень рада, так как на себе испытала муки поиска одинаковых иконок, потому что на сайте иконки должны быть в одном стиле. Это нужно для того, чтобы сайт был гармоничным и воспринимался как единое целое.
А теперь я умею и могу сделать их самостоятельно☝️???? Кайф! И, кстати, процесс отрисовки иконочек достаточно увлекательное занятие ???? Было бы только побольше времени для этого))
То, что вы видите - выполнила я сама ???? в
Я умею, я могу ????
Создание иллюстраций - ещё один ценный навык в копилочку! Чему я очень рада, потому что на сайте иллюстрации должны быть в одном стиле. Это нужно для того, чтобы сайт был гармоничным и воспринимался как единое целое.
А теперь я умею и могу сделать их самостоятельно☝️???? Кайф! И, кстати, процесс отрисовки иллюстраций достаточно увлекательное занятие ???? Было бы только побольше времени для этого))
То, что вы видите - выполнила я сама ???? в процессе обучения в онлайн-школе "Айтилогия
Дизайн-концепт
Цветы - это такие маленькие волшебники, которые приподнимают уголки наших уст до ушек ????????
Цветы - это нежность, радость, эмоции, весна и много других теплых и приятных ассоциаций, которые я постаралась передать в этом концепте)))
Работа выполнена в рамках обучения в онлайн-школе "Айтилогия".
#webdesign#webdesigner#uxui#site#flowers#landingpage#landing#вебдизайнер#вебдизайн#concept#цветы#доставкацветов
Концепт первого экрана для онлайн-школы английского языка.
Основные задачи: донести идею того, что разговаривать на английском возможно и доступно каждому желающему; вселить уверенность, что все получится, вызвать хороший настрой и настроение; продемонстрировать принципы обучения - ясность, понятность, открытость; показать, что обучение проходит легко и на позитиве; продемонстрировать онлайн-школу как серьезную организацию, которой можно доверять.
Эти задачи решены следующим образом.
Использовала светлу
Концепт страницы товара мебельного интернет-магазина.
Основная задача - транслировать идею уюта и теплоты домашнего очага, и чтоб это было современно и актуально.
Поэтому хотелось создать что-то теплое, уютное и мягкое (по восприятию) )) Как следствие, цвета - светлые, теплые, мягкие, ненавязчивые.
Акцент на понятность, аккуратность и современность. Что также подчеркивается выбранной гарнитурой.
#webdesigner#webdesign#concept#site#uxui#onlinestore#furniture#вебдизайн#вебдизайнер#мебельныймагазин#концепт
Главный экран к лонгриду об Эвелине Хромченко (вариант 1)
Не смогла определиться с главным экраном)) смотрите два варианта. Этот вариант мне нравится больше))
#webdesign#webdesigner#site#uxui#longread#вебдизайн#вебдизайнер#лонгрид#evelinakhromtchenko#эвелинахромченко
Главный экран к лонгриду об Эвелине Хромченко (вариант 2)
Не смогла определиться с главным экраном)) смотрите два варианта. Этот вариант мне кажется более стандартным.
#webdesign#webdesigner#site#uxui#longread#вебдизайн#вебдизайнер#лонгрид#evelinakhromtchenko#эвелинахромченко
Лонгрид ????
Понятие "лонгрид" произошло от английского "long read" и подразумевает создание длинных объемных статей для сайтов.
Мне захотелось подготовить лонгрид об Эвелине Хромченко, потому что нравится манера поведения, образ мыслей, то как несёт себя миру (это и внутренне обаяние, и одежда). Во главе угла всегда ставит тактичность и уважение.
Основная задача лонгрида - расположить "текстовые простыни")) так, чтобы их было удобно, интересно и красиво читать.
Перед тем как приступить к заданию я про
Лонгрид ????
(вариант 2; о лонгриде и принятых решениях читайте в описании предыдущего варианта)
Не смогла определиться с главным экраном)) смотрите два варианта. Этот вариант мне кажется более стандартным.
Форма входа в книжный интернет-магазин
Ход мысли и принятые решения:
К книгам обращаются, когда хотят получить новые знания, ответы на волнующие нас вопросы. Таким образом человек хочет приобрести уверенность и спокойствие. Книга - как глоток свежего воздуха, новая струя (или фонтан, у кого как))) ) знаний. Поэтому использовала голубой и синий цвет.
Также люди обращаются к книгам художественного характера (которые не связаны с саморазвитием и с проф. деятельсностью, например, романы, детективы, повести
Форма регистрации в книжный интернет-магазин
Ход мысли и принятые решения:
К книгам обращаются, когда хотят получить новые знания, ответы на волнующие нас вопросы. Таким образом человек хочет приобрести уверенность и спокойствие. Книга - как глоток свежего воздуха, новая струя (или фонтан, у кого как))) ) знаний. Поэтому использовала голубой и синий цвет.
Также люди обращаются к книгам художественного характера (которые не связаны с саморазвитием и с проф. деятельсностью, например, романы, детективы, по
Календарь записи на консультацию к косметологу
Про дизайн-решения.
Ассоциативный ряд:
????женственность
????уход, чистота
????нежность
????аккуратность
????учитывая специфику тематики: кожа - здоровый цвет лица - румянец.
Именно поэтому выбраны такие цвета, которые как бы намекают на здоровый ухоженный вид, цвет кожи лица, естественный румянец. Также они про женственность, нежность. Чистый дизайн (отсутствие каких-то доп. элементов в нем) как намек на чистую, ухоженную кожу, гладкость, которые приобрет
Music dashboard
Нравится мне тёмная тема)) Как-то писала уже об этом)) Захотелось ещё попробовать, к тому же тема для этого весьма удачная))) Смотрится актуально, не напрягает глаз, акцентно и позволяет легко сориентироваться и выбрать нужный альбом, трек, позицию.
Очень хочется показать на этом примере скрытые на первый взгляд состояния элементов (следующее фото)...
#webdesigner#uxui#webdesign#site#music#dashboard#musicdashboard#вебдизайн#вебдизайнер#дашборд#музыка#музыкальныйдашборд#uxuiwebdesign#uxu
К Music dashboard
Очень хочется показать на этом примере скрытые на первый взгляд состояния элементов. Эти состояния подсказывают нам, что с элементами можно взаимодействовать. Это эффект наведения, состояние элемента при нажатии, подсказки и т.д. Всё это также продумывает и отрисовывает дизайнер. Таким образом сайт как бы разговаривает с нами. Так обеспечивается хорошая коммуникация сайта (приложения) с пользователем. Нужный и своевременный фидбэк делает сайт отзывчивым, понятным. Мы получаем приятный оп
Интернет-магазин "Стильный образ"
ПРО ЭТАПЫ работы на примере этого проекта.
Это уже результат, готовое визуальное оформление. ЧТО ПРЕДШЕСТВУЕТ ЭТОМУ РЕЗУЛЬТАТУ?
1. Общение в несколько этапов. Всё зависит от масштабов проекта и того, что необходимо сделать. Здесь и анализ конкурентов, и целевой аудитории, и как итог составление технического задания (если его нет).
Как бы ни хотелось (или ни думалось)) ) сразу приступить к самому интересному - визуальному оформлению - это не первый этап работы. СНАЧАЛА
Интернет-магазин "Стильный образ"
О ПРОЕКТЕ.
ЦЕЛЬ проекта: создать дизайн сайта в сдержанном, аккуратном, минималистичный стиле; в монохромной цветовой палитре, с акцентом на сам товар.
ЗАДАЧА: транслировать теплое дружелюбное отношение.
Исходя из цели и задачи были выбраны оттенки кофейно-льняных цветов, которые отлично передают тепло и уют, располагают и заинтересовывают. Они нейтральные и спокойные, что хорошо смотрится для магазина мужской и женской одежды. Акцент на товаре сделан за счёт крупных ф
Интернет-магазин "Стильный образ"
Страница корзины и страница благодарности.
Подробнее об этом проекте смотрите в моем Портфолио на https://www.behance.net/anna_privalova_10
#webdesign#webdesigner#site#onlinestore#uxui#clothes#stylishlook#интернетмагазин#онлайнмагазин#стильныйобраз#вебдизайнер#вебдизайн
Интернет-магазин "Стильный образ"
Страница оформления заказа.
Подробнее об этом проекте смотрите в моем Портфолио на https://www.behance.net/anna_privalova_10
#webdesign#webdesigner#site#onlinestore#uxui#clothes#stylishlook#интернетмагазин#онлайнмагазин#стильныйобраз#вебдизайнер#вебдизайн
Интернет-магазин "Стильный образ"
Адаптация сайта под мобильный телефон.
Подробнее об этом проекте смотрите в моем Портфолио на https://www.behance.net/anna_privalova_10
#webdesign#webdesigner#site#onlinestore#uxui#clothes#stylishlook#интернетмагазин#онлайнмагазин#стильныйобраз#вебдизайнер#вебдизайн
Интернет-магазин "Стильный образ"
Адаптация сайта. Планшетная версия.
Подробнее об этом проекте смотрите в моем Портфолио на https://www.behance.net/anna_privalova_10
#webdesign#webdesigner#site#onlinestore#uxui#clothes#stylishlook#интернетмагазин#онлайнмагазин#стильныйобраз#вебдизайнер#вебдизайн
Карта сайта к интернет-магазину "Стильный образ"
Это структура сайта, его скелет. Наглядно видим что из чего состоит, объем работы. После нее - точная стоимость проекта. Карта сайта не нужна, если это одностраничник.
Подробнее об этом проекте смотрите в моем Портфолио на https://www.behance.net/anna_privalova_10
#webdesign#webdesigner#site#onlinestore#uxui#clothes#stylishlook#интернетмагазин#онлайнмагазин#стильныйобраз#вебдизайнер#вебдизайн#sitemap
Прототип интернет-магазина "Стильный образ"
Почти готовый будущий сайт)), не в цвете, важно продумать что и где будет расположено и чтоб это было удобно.
Подробнее об этом проекте смотрите в моем Портфолио на https://www.behance.net/anna_privalova_10
#webdesign#webdesigner#site#onlinestore#uxui#clothes#stylishlook#интернетмагазин#онлайнмагазин#стильныйобраз#вебдизайнер#вебдизайн
Концепт главного экрана для сайта танцевальной студии "DANCE-класс"
Немного моего отношения к танцам и о принятых решениях в концепте ????
Танцы - это то, чем можно заниматься только по любви)) Если есть желание, тяга, интерес. По-другому не получится. Тело не заставить красиво двигаться. А если и заставить, то это всё равно будет выглядеть блёкло на фоне тех, кто делает это из состояния "хочу" и желания. Кстати, немного отвлекаясь от темы, мне кажется, этот принцип работает во всём ????
Последнее время
Концепт главного экрана сайта с фотозонами
Праздник, веселье, хорошее настроение, радость. Именно для этого и нужны фотозоны. Чтобы, просматривая фото, вновь окунуться в эту атмосферу и улыбнуться. И даже рассмеяться)))
Именно эти оттенки эмоций, чувств, состояний души я постаралась отразить в этом концепте. Через шрифты, игривые и округлые, через цвета, символизирующие творчество, хорошее настроение, тепло и радость.
Через светлый, чистый и нежный дизайн передаётся трепетное и чуткое отношение организа
Концепт о СМЫСЛЕ ????
Просто мысли, упакованные в концепт)) полусерьезно, полушуточно, через юмор о серьезном, ну и немного поупражнялась ????
#webdesign#webdesigner#uxui#landingpage#landing#onlinestore#site#вебдизайн#вебдизайнер#сайт