Свяжитесь со мной любым удобным для вас способом или оставьте заявку, и я свяжусь с вами в ближайшее время
Оставить заявку
//Не нашли сайт из вашей ниши?
//Не нашли сайт из вашей ниши?
Оставьте контакты и мы подберём индивидуальное решение для вас
Нажимая на кнопку, вы соглашаетесь с политикой конфиденциальности
проекта закрепить изученные принципы пользовательского интерфейса
данного учебного
Также была создана адаптивная версия сайта, что крайне важно, ведь 90% посещений сайтов происходят с мобильных устройств
Было необходимо создать интуитивно понятный интерфейс, учитывая визуальную иерархию и используя инструмент-редактор Figma. Данный проект помог мне отточить навыки UX/UI дизайна, через работу с типографикой, композицией и цветом
//Цели и задачи
Основная задача
Основная задача данного учебного проекта закрепить изученные принципы пользовательского интерфейса
Основная задача редизайна обновить вид сайта для лучшего позиционирования компании и повышения доверия со стороны потециальных заказчиков
Было необходимо
адаптивная версия сайта, что крайне важно, ведь 90% посещений сайтов происходят с мобильных устройств
Было необходимо создать интуитивно понятный интерфейс, учитывая визуальную иерархию и используя инструмент-редактор Figma. Данный проект помог мне отточить навыки UX/UI дизайна, через работу с типографикой, композицией и цветом
Было необходимо создать интуитивно понятный интерфейс, учитывая визуальную иерархию и используя инструмент-редактор Figma. Данный проект помог мне отточить навыки UX/UI дизайна, через работу с типографикой, композицией и цветом
Также была создана
//Этапы работы
Конкурентный и визуальный анализы
01
На основе конкурентного анализа был выявлен пользовательский опыт, необходимые визуальная и смысловая части. Была проработана структура блоков и текст
На основе визуального анализа было решено сделать минималистичный дизайн с ярким акцентным цветом
02
Составление текста и структуры сайта
Именно это улучшает пользовательский опыт, что приводит к повышению конверсии в целевое действие
Важнейший этап работы, в котором формируются смыслы и их подача. На данном этапе были разработаны дизайн-прототип, структура и текстовый прототип
03
Дизайн и адаптация
На основе референсов была подобрана общая стилистика, блочно-комбинированный вид сайта, шрифты
На этапе дизайна нужно отразить все смыслы и позиционирование компании через визуальные решения, опираясь на подобранные референсы и визуальный анализ ниши
//Основная цветовая палитра сайта
#568BC5
Используемый шрифт
#F9F9F9
#FFFFFF
Inter
Inter
Редизайн многостраничного сайта для компании по монтажу инженерных систем
Редизайн многостраничного сайта для ветклиники в городе Санкт-Петербург
//Другие проекты
ДокВет
Разработка многостраничного сайта для ветклиники в городе Санкт-Петербург
Разработка многостраничного сайта для компании по монтажу инженерных систем для дома в городе Москва