Details

Данная работа посвящена исследованию взаимосвязей пользовательского интерфейса (UI) и пользовательского опыта (UX) в контексте современного веб-дизайна с целью последующей разработки дизайн-концепции для коммерческого сайта в сфере бьюти-услуг. Для достижения целей были поставлены следующие задачи: 1. Проанализировать аналоги и целевую аудиторию. 2. Определить пользовательские сценарии и разработать схему пути пользователя. 3. Разработать дизайн сайта. 4. Создать интерактивный прототип и визуальный дизайн интерфейсов. 5. Разработать презентационный ролик. В рамках исследования выявлены актуальные тренды в UX/UI дизайне, проведен анализ рынка бьюти услуг, определена целевая аудитория сайта для студии наращивания и коррекции ресниц, выполнен сравнительный анализ аналогов. В ходе проектирования определена структура сайта, разработаны вайрфреймы, сформирована визуальная концепция сайта: выбраны фирменные цвета и шрифты, определено название студии и разработан логотип. Дизайн полученного в результате работы прототипа сайта демонстрируется в подготовленном для этого презентационном видеоролике. Для достижения данных результатов были использованы информационные технологии: программные текстовые и графические редакторы Adobe Illustrator и Figma.

This work focuses on exploring the relationship between user interface (UI) and user experience (UX) in the context of modern web design, with the aim of developing a design concept for a commercial website in the beauty industry. To achieve this goal, the following objectives were set: 1. Analyze similar websites and target audiences. 2. Identify user scenarios and create a user journey map. 3. Design the website. 4. Create an interactive prototype and visual design of interfaces. 5. Develop a presentation video. As part of the study, current trends in UX/UI design were identified, the beauty services market was analyzed, the target audience of the website for eyelash extension and correction studios was determined, and a comparative analysis of analogues was performed. During the design process, the website structure was determined, wireframes were developed, and the websites visual concept was formed: brand colors and fonts were chosen, the studios name was determined, and a logo was designed. The design of the resulting website prototype is showcased in a presentation video prepared for this purpose. To achieve these results, information technologies were utilized, including Adobe Illustrator and Figma, software text and graphic editors.