2.59M

Proektirovanie_vizualnoj_koncepcii_i_UXUIdizajna_vebservisa_salona

1.

ПРОЕКТИРОВАНИЕ
ВИЗУАЛЬНОЙ КОНЦЕПЦИИ
И UX/UI-ДИЗАЙНА ВЕБСЕРВИСА САЛОНА
КРАСОТЫ
Индивидуальный проект
Выполнила: Зенина З. С.
Руководитель: Рунова Н. А.
Учреждение: ГБПОУ НСО «НАТК им. Б.С. Галущака»
2026

2.

Проблема и цель проекта
Актуальность
Большинство сайтов салонов красоты визуально устарели:
сложная навигация, отсутствие мобильной адаптации, запись
только по телефону. Клиенты уходят, не дойдя до цели.
Цель
Спроектировать визуальную концепцию дизайнавеб-сервиса
«Beauty», отвечающий современным стандартам — от
аналитики до интерактивного прототипа в Pixso, готового к
передаче в разработку.

3.

Предметы и объекты проекта
Объекты
Объектом исследования являются веб-сайты
салонов красоты как вид информационных систем.
Предметы
Предметом исследования
стали принципы и методы проектирования
визуальной концепции и UX/Ul-дизайна.

4.

Задачи
• Изучить структуру типового сайта салона красоты и
выделить ключевые блоки информации.
• Проанализировать существующие сайты
конкурентов для выявления удачных и неудачных
дизайн-решений.
• Разработать информационную структуру (карту
сайта) и пользовательские сценарии (как клиент
ищет услугу, выбирает мастера, записывается).
• Создать визуальную концепцию: подобрать цветовую
гамму, шрифты и стилистику, соответствующую
индустрии красоты.
• Выполнить дизайн ключевых страниц (главная,
услуги, мастера, контакты, форма записи) в
графическом редакторе.
• Собрать интерактивный прототип для демонстрации
навигации по сайту.

5.

Исследование: психология и тренды
Закон Хика
Меньше вариантов — быстрее
выбор. Сокращение пунктов меню
ускоряет принятие решений.
Принцип близости
Логические блоки сгруппированы
визуально — пользователь считывает
структуру интуитивно.
F-паттерн сканирования
Ключевые элементы размещены по
траектории взгляда: главное — слева
и сверху.
Тренды beauty-приложений
Карточки услуг с фото, микроанимация,
быстрая запись без звонков.

6.

Информационная архитектура и карта переходов
Спроектирована трёхуровневая архитектура. Главный сценарий — экспресс-запись по шагам (wizard). Без
авторизации запись невозможна — это осознанное проектное решение.

7.

Дизайн-система и палитра
1
4
Розовый #ECDADA
Серый #C4C4C4
Фон и базовые элементы. Создаёт ощущение комфорта и премиальности.
Второстепенные кнопки и элементы. Белый — календарь и поля ввода.
2
Зелёный #7EFF6D
Только главная кнопка «Записаться». Сигнал действия — привлекает
внимание.
3
Чёрный #000000
Основной текст. Контрастность AAA — читаемость на розовом фоне.

8.

Ключевые экраны интерфейса
Четыре основных экрана, реализованных в Pixso. Каждый экран решает конкретную задачу пользователя.
Главная
Услуги
Мастера
Дата и время
Первый экран с CTA-кнопкой
Карточки с фото и названием
Сетка 4×2 с портфолио и
Свободные даты — зелёным.
и навигацией по разделам.
каждой позиции.
кнопкой записи к конкретному
Выбор времени крупными
специалисту.
плитками;

9.

Интерактивный прототип в Pixso
Инструмент: Pixso
Облачная платформа с AI-модулями и
импортом из Figma. Все связи настроены:
клик → переход.

10.

Результаты и практическая значимость
Аналитика
Изучены психологические принципы UX и тренды beauty-индустрии.
Архитектура
Спроектирована трёхуровневая структура и карта переходов.
Дизайн
Разработана дизайн-система с цветовой иерархией и контрастностью.
Прототип
Кликабельный прототип в Pixso готов к передаче в верстку.
Веб-сервис «Beauty» соответствует современным UX/UI-требованиям и может быть
использован как готовый макет для реального бизнеса.

11.

English Русский Rules