Промежуточная курсовая

1. Курс UI/UX Промежуточная курсовая Разработка дизайна интернет-магазина в Figma

2. Сроки

Сроки выполнения задания 6 пар:
• 14 июля 2025 с 19.00 до 21.50 по мск
• 16 июля 2025 с 19.00 до 21.50 по мск
• 18 июля 2025 с 19.00 до 21.50 по мск

3. 1-2 пара

1 этап: Анализ конкурентов
Включает в себя:
• Выбор ключевых показателей, по которым будете оценивать своих конкурентов
• На основе ключевых показателей провести анализ сильных и слабых сторон
конкурентов (SWOT-анализ)
• На основе проведенного анализа разработать стратегию для улучшения своей
конкурентоспособности и уникальное торговое предложение.
2 этап: Определение целевой аудитории
Включает в себя:
• Анализ аудитории для проекта
• Сегментация аудитории и выявление особенностей
3 этап: Создание схемы/прототипа страниц

4. Задание для курсовой работы

Разработать дизайн интернет-магазина, включающий мобильные и десктопные версии. В
проекте должны быть представлены следующие страницы:
1.Главная страница — презентация товаров и акций.
2.Страница карточки товаров — подробное описание каждого товара.
3.Страница оформления заказа — включает корзину, ввод персональных данных, и
оформление доставки.

5. Требования к выполнению задания:

6. Главная страница:

• Отобразить основные разделы магазина (категории товаров, актуальные акции, и т.д.).
• Включить блок с новыми или популярными товарами.
• Привлекательный баннер для рекламы или акции.
• Поиск и навигация по категориям должны быть легко доступны.

7. Страница карточки товаров:

• Отобразить изображение товара в хорошем разрешении.
• Краткое и подробное описание товара, включая основные характеристики.
• Цена товара и опции (например, выбор размера или цвета).
• Кнопка «Добавить в корзину» и возможность добавить товар в избранное.
• Раздел отзывов и рейтингов, если применимо.

8. Страница оформления заказа:

• Корзина: список выбранных товаров с возможностью изменить количество или
удалить товар.
• Ввод персональных данных: поля для ввода имени, фамилии, контактной
информации.
• Оформление доставки: выбор способа доставки и адреса, опция самовывоза (если
применимо).
• Кнопка для перехода к оплате с проверкой заполненных данных.

9. Технические требования:

• Используйте сетку (Grid) для обеспечения адаптивности дизайна на мобильных и
десктопных версиях.
• Создайте прототипы с использованием автолэйаута для улучшения адаптации
элементов при изменении размеров экрана.
• Минимальная ширина для десктопа — 1440px, для мобильной версии — 375px.
• Реализуйте интерактивные элементы (например, hover-эффекты на кнопках,
выпадающие меню).

10. Дополнительные требования:

• Используйте цветовую палитру, соответствующую тематике магазина.
• Типографика должна быть удобочитаемой и эстетически привлекательной.
• Подумайте о пользовательском опыте (UX): навигация должна быть интуитивно
понятной, важные элементы — легко доступны.

11. Требования к сдаче задания:

12. Как сдавать работу:

• Сохраните проект в Figma и создайте общедоступную ссылку для просмотра.
• Создайте презентацию дизайнерских решений проекта
• Отправьте ссылку на проект и презентацию, использованных в работе (например,
выбранные цвета, шрифты, структура страниц).

13. Оценка:

Проект будет оцениваться по следующим критериям:
• Соответствие заданию и полнота реализованных страниц.
• Качество дизайна (визуальная эстетика, аккуратность, использование пространства).
• Удобство и логика навигации (UX).
• Использование адаптивного дизайна для разных устройств.
Итоговая оценка включает:
• Проект (сайт/приложение магазина) – максимум 8 баллов
• Мультимедийная презентация проекта – 2 балла
• Наличие очной защиты – 2 балла
Удачи в выполнении задания!