Разработка интерфейса web-сайта кукольного театра «Пьерро»

1.

МИНИСТЕРСТВО ОБРАЗОВАНИЯ ОМСКОЙ ОБЛАСТИ
«ОМСКИЙ АВТОТРАНСПОРТНЫЙ КОЛЛЕДЖ»
(БПОУ «ОМСКИЙ АТК»)
КУРСОВОЙ ПРОЕКТ
РАЗРАБОТКА ИНТЕРФЕЙСА WEB-САЙТА
КУКОЛЬНОГО ТЕАТРА «ПЬЕРРО»
ДИПЛОМНИК: УСПАНОВ Д.А.
РУКОВОДИТЕЛЬ: НИКУЛИНА Т.Ю.
ОМСК-2025

2.

ЦЕЛЬ И ЗАДАЧИ
Цель работы – проектирование и разработка клиентской части
сайта кукольного театра "Пьерро".
Задачи:
• Исследовать специфику деятельности кукольного театра.
Определить целевую аудиторию.
• Составить техническое задание.
• Разработать структуру и дизайн сайта.
• Выполнить вёрстку и создать пользовательский интерфейс.
• Реализовать обратную связь (заказ билетов, подписка).
• Подготовить рекомендации по использованию сайта.

3.

ЦЕЛЕВАЯ АУДИТОРИЯ
1. Дети (4–12 лет) – основная аудитория спектаклей.
2. Родители – принимают решение о посещении, ищут
развлечения для детей.
3. Педагоги и организаторы – заказывают групповые
посещения для школ и садов.
4. Любители театра – ценители кукольных постановок

4.

ЛОГИЧЕСКАЯ СТРУКТУРА

5.

ДИЗАЙН-МАКЕТ
Скриншот макета в фигме

6.

ДИЗАЙН-МАКЕТ
Цветовая схема: #00CED1 (бирюзовый фон шапки), #FFD700
(желтый акценты), #FFFFFF (белый фон), #333333 (темный
текст)
Футер

7.

ПОКАЗ ПРОЕКТА
Главная страница

8.

ПОКАЗ ПРОЕКТА
Афиша

9.

ПОКАЗ ПРОЕКТА
Новости

10.

ПОКАЗ ПРОЕКТА
ПРОФИЛЬ

11.

ПОКАЗ ПРОЕКТА
ВХОД В ПРОФИЛЬ

12.

ТЕХНОЛОГИЯ
РАЗРАБОТКИ
Верстку я выполнял используя HTML и CSS, с
интерактивностью от JS

13.

ЗАКЛЮЧЕНИЕ
Цель курсового проекта достигнута в полном объеме.
Сайт кукольного театра "Пьерро" решает ключевые
задачи:
• Упрощает выбор и покупку билетов.
• Укрепляет имидж театра как современного и
клиентоориентированного пространства.

14.

ЗАКЛЮЧЕНИЕ
Готов ответить на вопросы