Дизайн-проєкт сайту турагенції м.Черкаси

Мусюра, Ксенія Ігорівна

Please use this identifier to cite or link to this item: https://er.chdtu.edu.ua/handle/ChSTU/9635

Full metadata record

DC Field	Value	Language
dc.contributor.advisor	Касьян , Тетяна Костянтинівна	-
dc.contributor.author	Мусюра, Ксенія Ігорівна	-
dc.date.accessioned	2026-06-17T10:53:34Z	-
dc.date.available	2026-06-17T10:53:34Z	-
dc.date.issued	2026-06	-
dc.identifier.uri	https://er.chdtu.edu.ua/handle/ChSTU/9635	-
dc.description.abstract	Зі зростанням популярності внутрішньго туризму в Україні підвищується потреба у створенні, якісних, зручних та візуально привабливих вебсайтів, спроможних ефектно презентувати туристичний потенціал різних міс. У цьому контексті важливе значення має граф. дизайн, який забезпечує не лише естетичну сторон, але й практичність, продуманість структури та зручність використання споживачем. Місто Черкаси є одним з перспективних туристичних осередків України, що поєднує багату історико – культурну спадщину, природну красу та розвинену міську культуру. Наявність великої кількості пам’яток, рекреаційних зон, музеїв і культурних об’єктів створює ідеальні умови для розвитку екскурсійної діяльності. Водночас ефектне представлення цих можливостей у цифровому форматі потребує впровадження сучасних дизайнерських рішень, орієнтовних на потреби користувачів. Актуальність теми кваліфікаційної роботи зумовлена необхідністю розробки дизайну вебсайту для організації екскурсії містом Черкаси, який відповідатиме сучасним вимогам UX/UI дизайну, забезпечуватиме зручну навігацію, інтуїнтивно зрозумілий інтерфейс і привабливий візуал.	uk_UA
dc.language.iso	uk	uk_UA
dc.subject	айдентика	uk_UA
dc.subject	графічний дизайн	uk_UA
dc.subject	UX/UI дизайн	uk_UA
dc.title	Дизайн-проєкт сайту турагенції м.Черкаси	uk_UA
dc.type	Bachelor Thesis	uk_UA
Appears in Collections:	022 Дизайн (Графічний дизайн)

Files in This Item:

File	Description	Size	Format
Диплом Мусюра Ксенія (2).pdf Restricted Access		2.42 MB	Adobe PDF	View/Open Request a copy

Show simple item record

Extracted text

ЧЕРКАСЬКИЙ CHERCASSУ
ДЕРЖАВНИЙ STATE
ТЕХНОЛОГІЧНИЙ TECHNOLOGICAL
УНІВЕРСИТЕТ UNIVERSITУ

Фaкультeт гуманітарних технологій
Кaфeдpa Графічного дизайну, моди та стилю

Освітня програма – «Графічний дизайн»
Cпeцiaльнicть 022 – Дизaйн

КВAЛIФIКAЦIЙНA POБOТA БAКAЛAВPA

нa тeму:
«ДИЗАЙН-ПРОЄКТ САЙТУ ТУРАГЕНЦІЇ м.ЧЕРКАСИ»

Cтудeнт гpупи ДЗ-21 К.І.МУСЮРА
Кepiвник, к.п.н., доцент Т.К.Касьян

«Допуск до захисту»
Завідувач кафедри ГДМС
_О.Л.Храмова-Баранова
___ ________ 202__ рік

Черкаси 2026
Черкаський державний технологічний університет

Кафедра ГДМС
Факультет гуманітарних технологій
Спеціальність 022 – Дизайн
Освітня програма – «Графічний дизайн»

«ЗАТВЕРДЖУЮ»

Завідувач кафедри
ГДМС
О.Л.Храмова-Баранова
«____» ______ 20 ___ р.

ЗAВДAННЯ
нa викoнaння квaлiфiкaцiйнoї poбoти бaкaлaвpa Мусюри Ксенії Ігорівни
1. Тeмa poбoти «Дизайн-проєкт сайту турагенції м.Черкаси» зaтвepджeнa
нaкaзoм пo унiвepcитeту вiд « « p. №
2. Тepмiн здaчi cтудeнтoм зaкiнчeнoї poбoти .

3. Виxiднi дaнi: серія графічних листів – це сукупність всіх складових
дизайн проекту

4. Змicт квaлiфiкaцiйнoї poбoти
5. (пepeлiк питaнь, щo їx нaлeжить poзpoбити)

Вступ, Розділ 1. Передпроєктні дослідження 1.1. Аналіз туристичного
потенціалу міста Черкаси 1.2. Особливості організації екскурсійних послуг
1.3. Дослідження і характеристика аналогів вебсайтів туристичних
сервісів, вибір прототипу 1.4. Маркетинговий аналіз поставленої проблеми
Розділ 2. Опис та обґрунтування дизайн пропозиції 2.1. Етапи виконання
робіт 2.2. Основні етапи створення дизайну вебсайту Розділ 3. Дизайнерське
рішення вебсайту 3.1. Визначення концепції 3.2. Розробка структури та
навігації сайту 3.3. Розробка та практична реалізація графічних матеріалів

Розділ 4. Визначення патентоспроможності роботи 4.1. Патентні
дослідження Висновки Список використаних джерел Додатки

6. Графічна частина дипломного проекту – банер розміром 1800×1800 мм.
7. Консультанти з кваліфікаційної роботи із зазначенням розділів, що їх
стосуються
Пiдпиc, дaтa
Poздiл Кoнcультaнт зaвдaння зaвдaння
видaв пpийняв
Гpaфiчнa чacтинa Касьян.Т.К
Пoяcнювaльнa зaпиcкa Касьян.Т.К
Кoнcультaнт з poбoти в Кудревич.В.В
мaтepiaлi
Кoнcультaнт з Глaдкoвa I.П.
пaтeнтниx дocлiджeнь
8. Дaтa видaчi зaвдaння ____________________________________
Кepiвник ____________________________________________ Касьян.Т.К
(підпис)
Зaвдaння пpийняв дo викoнaння _____________________

ЗМІСТ
ВСТУП……………………………………………………………………...……. 5
РОЗДІЛ 1. ПЕРЕДПРОЄКТНІ ДОСЛІДЖЕННЯ ДИЗАЙНУ ВЕБСАЙТУ
ДЛЯ ОРГАНІЗАЦІЇ ЕКСКУРСІЙ ПО МІСТУ ЧЕРКАСИ
1.1 Аналіз туристичного потенціалу міста Черкаси…………………………….7
1.2 Особливості організації екскурсійних послуг………………………………8
1.3 Дослідження та характер аналогів вебсайтів, вибір прототипу………..…..9
1.4 Маркетинговий аналіз поставленої проблеми…………………………..…11
РОЗДІЛ 2. ОПИС ТА ОБГРУНТУВАННЯ ДИЗАЙН ПРОПОЗИЦІЇ
ВЕБСАЙТУ ДЛЯ ОРГАНІЗАЦІЇ ЕКСКУРСІЙ ПО МІСТУ ЧЕРКАСИ
2.1 Етапи виконання роботи…………………………………………………….13
2.2 Основні етапи створення дизайну вебсайту……………………………….14
РОЗДІЛ 3. ДИЗАЙНЕРСЬКЕ РІШЕННЯ ВЕБСАЙТУ ДЛЯ
ОРГАНІЗАЦІЇ ЕКСКУРСІЙ ПО МІСТУ ЧЕРКАСИ
3.1 Визнчення концепції……………………………...…………………………15
3.2 Розробка структури та навігації сайту……………………………………...16
3.3 Розробка й пркатична релізація графічних матеріалів……………………18
РОЗДІЛ 4. ВИЗНАЧЕННЯ ПАТЕНТОСПРОМОЖНОСТІ ПРОЄКТУ
ВЕБСАЙТУ ДЛЯ ОРГАНІЗАЦІЇ ЕКСКУРСІЙ ПО МІСТУ ЧЕРКАСИ
4.1 Патентні дослідження ………………………………………………………19
ВСНОВКИ……………………………………………………….…..………..…23
СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ…………………………………….25
ДОДАТКИ…………………………………………………………….………....27

ВСТУП
У сучасних умовах активного розвитку цифрових технологій та
створення інформаційного суспільства вебресурсу стали невідємною
складовою щоденного життя кожного з нас. Мережа виконує важливу роль у
процесах отримання інформації, здійснення комунікації та вибору різних
послуг. Особливої уваги він набуває у туристичній сфері, де саме вебсайти
виступають основним інструментом предствленням туристичних послуг,
взаємодія з користувачами та формування першого враження про послугу.
Зі зростанням популярності внутрішньго туризму в Україні
підвищується потреба у створенні, якісних, зручних та візуально привабливих
вебсайтів, спроможних ефектно презентувати туристичний потенціал різних
міс. У цьому контексті важливе значення має граф. дизайн, який забезпечує не
лише естетичну сторон, але й практичність, продуманість структури та
зручність використання споживачем.
Місто Черкаси є одним з перспективних туристичних осередків України,
що поєднує багату історико – культурну спадщину, природну красу та
розвинену міську культуру. Наявність великої кількості пам’яток,
рекреаційних зон, музеїв і культурних об’єктів створює ідеальні умови для
розвитку екскурсійної діяльності. Водночас ефектне представлення цих
можливостей у цифровому форматі потребує впровадження сучасних
дизайнерських рішень, орієнтовних на потреби користувачів.
Актуальність теми кваліфікаційної роботи зумовлена необхідністю
розробки дизайну вебсайту для організації екскурсії містом Черкаси, який
відповідатиме сучасним вимогам UX/UI дизайну, забезпечуватиме зручну
навігацію, інтуїнтивно зрозумілий інтерфейс і привабливий візуал.
Об’єктом дослідження є процес створення дизайну вебсайту
туристичного спрямування. Предметом дослідження є принципи, методи, та
інструменти розробки дизайну вебсайту для орзанізації екскурсій містом
Черкаси.
Метою даної кваліфікованої роботи є розробка сучасного,
функціонального та естетично привабливого дизайну вебсайту для орзанізації
екскурсій містом Черкаси. Сайти, який забезпечує ефективну взаємодію з
користувачем та зручний доступ до інформації.

Для досягнення поставленої мети було визначено такі завдання:
1. Провести аналіз сучасних вебсайтів туристичного спрямування та
дослідити їхні особливості.
2. Визначити принципи формування UX/UI дизайну для зручності
користувача.
3. Розробити концепцію дизайну вебсайту для організації екскурсій
по місту Черкаси.
4. Створити структуру, навігацію та графічні матеріали вебсайту.
5. Виконати практичну реалізацію дизайну вебсайту з урахуванням
сучасних вимог.
6. Провести аналіз унікальності розробленого продукту та патентні
дослідження.
Кваліфікаційна робота складається зі вступу, чотирьох розділів,
висновків, списку використаних джерел та додатків.

РОЗДІЛ I

ПЕРЕДПРОЄКТНІ ДОСЛІДЖЕННЯ ДИЗАЙНУ ВЕБСАЙТУ ДЛЯ
ОРГАНІЗАЦІЇ ЕКСКУРСІЙ ПО МІСТУ ЧЕРКАСИ

1.1 Аналіз туристичного потенціалу міста Черкаси
Туризм складає важливу складову соціально-економічного розвитку
сучасних міст, оскільки сприяє підвищенню їхньої привабливості,
удосконаленню інфраструктури та формуванню позитивного іміджу. У цьому
контексті особливого значення набуває аналіз туристичного потенціалу
окремого міста, що дає змогу визначити його сильні сторони, перспективи
подальшого розвитку та можливості для створення ефективних туристисних
послуг.
Місто Черкаси є адміністративним центром Черкаської області та
розташоване в центральній частині України, поруч з р. Дніпро. Вдале
географічне положення, сприятливі природно – кліматичні умови та наявність
значної кількості культурно – історичних об’єктів формують предумови для
активного розвитку туристичної діяльності. Одним із визначальних чинників
туристичної привабливості міста є його природні ресурси. Черкаси відомі
своїми мальовничими ландшафтами, зокрема прибережними зонами Дніпра як
митниця та парками. Важливу роль відіграють такі об’єкти, як Долина троянд,
міський парк, а також набережна, що є популярним місцем відпочинку як
серед місцевих мешканців, так і серед туристів. Природне середовище створює
ідевльні умови для проведення екскурсій, прогулянок та формування
туристичних маршрутів. Не менш значущим елементом туристичного
потенціалу є історико – культурна спадщина міста. Черкаси мають насичену
історію, яка відображається у численних архітектурних пам’ятках, музеях та
культурних установах. Серед них важиво виокремити обласний краєзнавчий
музей, художній музей, а також виствки, пов’язані з історією козацтва.

Зазначені локації можуть бути включені до екскурсійних маршрутів і
становлять вагомий інтерес для відвідувачів.
Окрему увагу слід приділити культурному життю міста, яке також
сприяє розвитку туризму. У Черкасах регулярно проводяться різноманітні
культурні заходи, фестивалі, виставки та святкування, що приваблюють
туристів з різних регіонів. Такі події формують додаткові можливості для
створення тематичних екскурсій та розширення туристичних пропозицій.
Сучасний розвиток туризму неможливий без використання цифрових
технологій, зокрема вебресурсів, які забезпечують доступ до інформації про
туристичні послуги. Незважаючи на наявність значного туристичного
потенціалу, інформаційне представлення екскурсійних можливостей міста
Черкаси в онлайн-середовищі є недостатньо розвинуті і часто не відповідає
сучасним вимогам користувачів. Це створює потребу у розробці
спеціалізованого вебсайту, який об’єднає інформацію про екскурсії,
маршрути, об’єкти та послуги в єдиному зручному сайті.
Таким чином, аналіз туристичного потенціалу міста Черкаси свідчить
про наявність усіх необхідних передумов для розвитку екскурсійної
діяльності. Водночас існує потреба у створенні сучасного вебресурсу, який
забезпечить ефективну презентацію туристичних можливостей міста та
сприятиме підвищенню його популярності серед туристів.

1.2 Особливості організації екскурсійних послуг
Однією з ключових особливостей організації екскурсій є необхідність
розробки мальовничих і змістовних маршрутів. Вони мають враховувати
географічне розташування об’єктів, їхню історичну та культурну цінність, а
також зручність пересування для туристів. Важливим аспектом є продумана
послідовність відвідування локацій, що дає змогу сформувати цілісне
уявлення про місто та його характерні риси.
Не менш значимою складовою є інформаційне наповнення екскурсій.
Якісний контент, який подається екскурсоводом або за допомогою цифрових

засобів, повинен бути достовірним, цікавим і доступним для сприйняття.
Сучасні користувачі очікують не лише базової інформації, а й наявності
інтерактивних елементів, візуалізацій та додаткових матеріалів, що робить
екскурсію більш захопливою та динамічною.
Важливу роль також відіграє розподіл цільової аудиторії. Екскурсійні
послуги мають бути орієнтовані на різні групи відвідувачів: туристів,
школярів, студентів, сім’ї з дітьми або іноземних гостей. Кожна з цих
категорій має власні потреби та очікування, які необхідно враховувати під час
розробки екскурсійних програм. Наприклад, для молоді більш привабливими
є інтерактивні та динамічні формати, тоді як для старшої аудиторії
важливішими можуть бути глибина подачі інформації та комфорт.
В умовах цифровізації особливого значення набуває онлайн-
представлення екскурсійних послуг. Вебсайт виступає основною платформою,
через яку користувач отримує необхідну інформацію, обирає маршрут і
здійснює бронювання. Саме тому важливо забезпечити зручну навігацію,
зрозумілу структуру сайту, доступність контенту та швидкість взаємодії.
Окрім цього, необхідно передбачити адаптивність дизайну для різних типів
пристроїв, адже бідьша часника користується мобільним телефоном.
Довіра понад усе. Це досягається завдяки використанню якісного
візуального контенту, наявності відгуків клієнтів, чіткій подачі інформації про
послуги та прозорим умовам співпраці. Дизайн вебсайту відіграє ключову
роль для позитивного враження клієнта. Підсумовуючи, організація
екскурсійних послуг є складним багатокомпонентним процесом, що поєднує
логістичні, інформаційні та комунікаційні аспекти. У сучасних умовах
особливого значення набуває створення якісного вебсайту, який забезпечить
ефективну взаємодію з користувачами та сприятиме популяризації
екскурсійної діяльності у місті Черкаси.

1.3. Дослідження і характеристика аналогів вебсайтів, вибір
прототипу
Розробка вебсайту для організації екскурсій потребує не лише технічних
знань, але й розуміння того, як подібні ресурси вже реалізовані на практиці.
Саме тому важливим етапом стало вивчення існуючих вебсайтів туристичного
спрямування. Це дало можливість побачити, які рішення працюють
ефективно, а які, навпаки, ускладнюють взаємодію користувача з сайтом.
Такий підхід дозволяє уникнути типових помилок ще на етапі проєктування та
сформувати більш продуману структуру майбутнього ресурсу.
Для аналізу було обрано кілька сайтів, що пропонують екскурсії, продаж
квитків та туристичну інформацію. Серед них були як українські платформи,
так і закордонні. Основна увага приділялася тому, наскільки зручно
користувачу працювати із сайтом: як швидко можна знайти потрібну
інформацію, чи зрозуміла структура сторінок, наскільки привабливо виглядає
інтерфейс і чи адаптується він під різні пристрої.
Під час перегляду аналогів стало помітно, що найкращі сайти не
перевантажують користувача складною навігацією. У них все побудовано
досить просто: логічне меню, зрозумілі розділи, швидкий доступ до маршрутів
і послуг. Це значно полегшує взаємодію і не змушує витрачати час на пошук
потрібної інформації. Крім цього, важливу роль відіграє візуальна частина -
фотографії, карти, графіка. Вони допомагають одразу сформувати враження
про екскурсію ще до її відвідування.
Окремо варто відзначити адаптивність. Багато користувачів сьогодні
заходять на сайти саме зі смартфонів, тому відсутність мобільної версії є
суттєвим недоліком.У якісних ресурсах контент автоматично підлаштовується
під розмір екрана, і це робить використання значно комфортнішим. Такий
підхід зараз фактично є стандартом.
Ще одним важливим моментом є подача інформації. Сайти, які
виглядають сучасно, зазвичай мають продуману кольорову гаму, не
перевантажені шрифти та якісні зображення. При цьому візуальні елементи не

просто “для краси”, а допомагають краще орієнтуватися і швидше сприймати
інформацію.
Також варто звернути увагу на контент. Найбільш зручними є ті сайти,
де інформація подана структуровано і без зайвого перевантаження. Часто
використовуються додаткові елементи - карти, відео, віртуальні тури. Це
робить ресурс більш цікавим і сучасним. Окрему роль відіграють відгуки
користувачів, адже вони формують довіру і впливають на вибір.
На основі цього аналізу можна виділити кілька рішень, які доцільно
використати у власному проєкті: проста і зрозуміла навігація, інтерактивна
карта з позначенням локацій, якісний візуальний контент, адаптивний дизайн,
а також наявність відгуків і зручної системи бронювання.
Разом з тим були виявлені і недоліки, які зустрічаються доволі часто. Це,
зокрема, перевантаження текстом, складна структура сторінок, відсутність
адаптивності, а також використання застарілих або неякісних зображень. Такі
моменти ускладнюють сприйняття сайту і знижують його ефективність.
Усі ці спостереження були враховані при виборі підходу до створення
власного вебсайту. Основна увага приділяється зручності користувача,
простоті навігації та сучасному візуальному оформленню. Було обрано підхід,
що поєднує елементи UX/UI дизайну з орієнтацією на практичність і
доступність.
Таким чином, аналіз існуючих сайтів дозволив сформувати чітке
розуміння того, яким має бути ефективний туристичний вебресурс. Це стало
основою для подальшої розробки дизайну сайту екскурсій по місту Черкаси,
який є зручним, сучасним і зрозумілим для користувача.

1.4. Маркетинговий аналіз поставленої проблеми
Аналіз саме цьго середовища показав, що на ринку вже представлені
різноманітні платформи, які пропонують туристичні послуги як на
локальному, так і на загальнонаціональному рівні. Найбільш успішні з них
відзначаються продуманою структурою, якісним візуальним оформленням,

інтерактивними елементами та зручною системою бронювання. Проте значна
кількість сайтів має і суттєві недоліки: надмірну кількість інформації на
сторінках, складну навігацію, відсутність адаптації під мобільні пристрої або
застарілий дизайн та велику кількість реклами та незрозумілих або не дієвих
посиаснь. Виявлення цих проблем дозволяє визначити, які саме
характеристики мають стати пріоритетними при створенні нового вебресурсу.
Важливим етапом є визначення цільової аудиторії. Вебсайт має бути
орієнтований на різні групи користувачів, кожна з яких має свої очікування.
Місцеві жителі, як правило, звертають увагу на швидкість доступу до
інформації та зручність бронювання, тоді як туристи з інших міст чи країн
більше цінують наявність маршрутів, візуальних матеріалів і додаткових
сервісів в приорітеті зробитдизайн який допоможе зручно та швидко знайти
рішення, які враховуватимуть потреби різних категорій користувачів.
Додатково слід розглянути питання просування вебсайту. У сучасних
умовах ефективна комунікація з аудиторією здійснюється через різні цифрові
канали: соціальні мережі, пошукові системи, рекламні інструменти та
електронні розсилки. Тому вебресурс має бути інтегрований у цю систему, що
дозволить збільшити його впізнаваність і залучити нових користувачів. Не
менш важливою є і аналітика, яка дає можливість відстежувати поведінку
відвідувачів, оцінювати ефективність окремих елементів сайту та вчасно
вносити необхідні зміни.
Маркетинговий аналіз також передбачає оцінку економічної складової
проєкту. Розробка вебсайту потребує певних витрат, пов’язаних із дизайном,
програмуванням, наповненням контентом та подальшою підтримкою. Однак у
перспективі якісний ресурс здатний не лише компенсувати ці витрати, а й
стати інструментом розвитку туристичної сфери міста. Він сприятиме
залученню нових відвідувачів, підвищенню впізнаваності Черкас та
активізації місцевої економіки.
Схоже що, маркетинговий аналіз підтверджує необхідність
комплексного підходу до створення вебсайту для організації екскурсій по

місту Черкаси. Поєднання дизайнерських, технічних і маркетингових рішень
створює основу для розробки ефективного цифрового продукту, що
відповідатиме сучасним вимогам і стане важливим інструментом розвитку
туристичної галузі.

РОЗДІЛ ІІ

ОПИС ТА ОБГРУНТУВАННЯ ДИЗАЙН-ПРОПОЗИЦІЇ
ВЕБСАЙТУ ДЛЯ ОРГАНІЗАЦІЇ ЕКСКУРСІЙ ПО МІСТУ ЧЕРКАСИ

2.1 Етапи виконання роботи
Створення вебсайту для організації екскурсій по місту Черкаси є
поетапним процесом, що поєднує аналітичну підготовку та практичну
реалізацію. Такий підхід дозволяє системно організувати роботу над
проєктом, забезпечити послідовність дій і досягти якісного результату. Кожен
із етапів виконує окрему функцію, але водночас тісно пов’язаний з іншими,
формуючи цілісну логіку розробки.
Початковим етапом виступає аналітична підготовка. На цьому етапі
здійснюється збір і узагальнення інформації про туристичний потенціал міста,
аналізуються особливості цільової аудиторії, її потреби та поведінкові
характеристики. Окрім цього, проводиться дослідження існуючих аналогів і
конкурентних ресурсів, а також маркетинговий аналіз. Отримані результати
дозволяють сформувати чітке розуміння того, яким має бути майбутній
вебсайт, які функції він повинен виконувати та який контент буде найбільш
актуальним для користувачів.
Наступним кроком є формування концепції дизайну. На цьому етапі
визначаються загальні стилістичні рішення: підбирається кольорова гама,
типографіка, формується візуальний характер ресурсу. Важливо, щоб обрана
концепція відповідала сучасним принципам UX/UI дизайну та забезпечувала
зручність використання. Також робота є над логікою, навігації, розташування
основних блоків і взаємодія користувача з інтерфейсом. Після цього
переходять до створення прототипів і макетів. Розробляються схематичні
моделі сторінок, які дозволяють визначити розміщення елементів і загальну
структуру сайту. Прототипування дає змогу оцінити зручність навігації ще до
етапу фінального вигляду та взаємодії користувача. Паралельно створюються

візуальні матеріали:іконки, графічні елементи, ілюстрації та фотоконтент, що
формують зовнішній вигляд ресурсу.
Далі відбувається безпосередня реалізація дизайну. На цьому етапі
створюються фінальні макети сторінок, розробляються адаптивні версії для
різнихих типів приладів. Забезпечується коректна робота всіх складових
сайту: навігації, форм замовлення, галерей, карт та інших функціональних
модулів. Важливою частиною цього етапу є тестування користувацького
досвіду, що дозволяє виявити недоліки та внести необхідні корективи ще до
завершення розробки. Завершальним етапом є оцінка ефективності вебсайту
та його підготовка до запуску. Проводиться перевірка швидкості роботи,
коректності відображення на різних пристроях, браузерах. Окрему увагу
приділяють підготовці до SEO-просування, що забезпечує кращу видимість
сайту в пошукових системах і сприяє залученню користувачів.
Таким чином, поетапна організація процесу розробки дозволяє
забезпечити цілісний і продуманий підхід до створення вебсайту. Чітке
визначення завдань на кожному етапі сприяє підвищенню якості кінцевого
результату та дозволяє створити ресурс, який відповідає сучасним вимогам і
очікуванням користувачів. Такий вебсайт може стати ефективним
інструментом популяризації екскурсійної діяльності та підвищення
туристичної привабливості міста Черкаси.

2.2 Основні етапи створення дизайну вебсайту
Процес створення дизайну вебсайту для організації екскурсій по
Черкасах охоплює кілька важливих етапів, що забезпечують системне
опрацювання як візуальної складової, так і логіки взаємодії користувача з
ресурсом. На початковому етапі формується концептуальна модель сайту. Тут
визначається основна структура сторінок, розташування меню та ключових
функціональних блоків, а також продумується логіка подання інформації.
Такий підхід дозволяє ще до розробки макетів оцінити навігацію та взаємодію
користувача з ресурсом. Далі розробляється візуальний стиль сайту. Вибір

кольорової палітри, шрифтів, графічних елементів і загальної естетики
здійснюється з урахуванням сучасних тенденцій вебдизайну та туристичної
спрямованості проекту. Мета цього етапу – створити приємне враження у
користувача та підкреслити специфіку ресурсу.
Наступним кроком є підготовка графічних матеріалів. Розробляються
іконки, ілюстрації, банери, фотогалереї та інші візуальні елементи, що
сприяють зручному сприйняттю інформації. Велика увага приділяється якості
зображень та їх гармонійності з загальним стилем сайту треба зауважити, що
вибір зображенб на пряму вплває на збалансованість сайту .
Четвертий етап включає створення інтерактивних компонентів. Це
можуть бути карти, анімації, слайдери або модулі бронювання, які
забезпечують активну взаємодію користувачів із сайтом. Інтерактивні
елементи роблять ресурс більш динамічним і сучасним, покращують
користувацький досвід та підвищують залучення відвідувачів.
Висновком є, дотримання усіх етапів створення дизайну дозволяє
отримати ресурс, який відповідає потребам сучасних користувачів, сприяє
популяризації екскурсій та підвищенню туристичної привабливості Черкас.

РОЗДІЛ III

ДИЗАЙНЕРСЬКЕ РІШЕННЯ ВЕБСАЙТУ ДЛЯ ОРГАНІЗАЦІЇ
ЕКСКУРСІЙ ПО МІСТУ ЧЕРКАСИ

3.1 Визнчення концепції
Концепція вебсайту побудована навколо авторського персонажа у
вигляді стилізованої чайки, виконаної у мінімалістичній графічній манері.
Даний персонаж став основним елементом айдентики проєкту та
використовується у різних варіаціях: із телефоном, чашкою кави, столиком та
розкритими крилами. Кожен образ доповнює загальну стилістику сайту та
підсилює основну ідею бренду – «Просто містом: екскурсії, як для своїх».
Образ чайки був обраний невипадково, оскільки він асоціюється з легкістю,
свободою руху та атмосферою міста, розташованого біля Дніпра.
Мінімалістичне виконання персонажа дозволяє зробити дизайн сучасним,
впізнаваним і водночас читабельним. Використання ілюстративних елементів
допомагає зробити сайт більш емоційним та привертає увагу користувача.
Важливою частиною концепції стало кольорове та шрифтове рішення. У
проєкті використано поєднання світло-блакитних, жовтих, сірих та теплих
коричневих відтінків. Основними кольорами стали блакитний та жовтий. Для
оформлення текстової частини були обрані шрифти: Evolventa та Montserrat.
Загальна стилістика вебсайту виконана у сучасному мінімалістичному напрямі
з використанням великої кількості вільного простору, простих форм та
зрозумілої композиції. Основна увага зосереджена на комфорті користувача,
легкому сприйнятті інформації та формуванні позитивного емоційного
враження від взаємодії із сайтом.

3.2 Розробка структури та навігації сайту
Під час розробки структури вебсайту основна увага приділялася
зручності користування та швидкому доступу до інформації. Інтерфейс

створено таким чином, щоб користувач міг інтуїтивно зрозуміти принцип
роботи сайту та без зайвих труднощів знайти необхідну екскурсію.
Головна сторінка містить основні навігаційні елементи: розділи «Про
нас», «Телефон», «Всі пропозиції», «Найближчі екскурсії», а також
перемикач мови. Навігаційне меню розташоване у верхній частині сторінки,
що є звичним для користувачів та забезпечує швидкий доступ до основних
розділів сайту. Особливу увагу приділено блоку найближчих екскурсій. Для
кожної екскурсії передбачено окрему інформаційну картку, яка містить:
– Фотографію локації;
– Дату та час проведення;
– Вартість;
– Короткий опис;
– Кнопку запису;
– Інформацію про найближчі доступні дати.
Для покращення взаємодії із сайтом було створено пошукове поле, за
допомогою якого користувач може знайти екскурсії за необхідною локацією
або назвою місця. Дане рішення значно спрощує навігацію та економить час
під час пошуку інформації.
Структура сторінок побудована за принципом логічної послідовності.
Основні інформаційні блоки розташовані таким чином, щоб користувач
поступово ознайомлювався з інформацією: від загального представлення
екскурсії до детального опису маршруту та можливості запису. Окремо було
продумано адаптацію візуальних елементів. Великі фотографії локацій
допомагають краще передати атмосферу екскурсій та створюють емоційний
зв’язок із користувачем. Кнопки запису виконані у контрастних кольорах,
завдяки чому вони добре помітні на фоні інших елементів інтерфейсу.

3.3 Розробка й практична реалізація графічних матеріалів

Практична частина розробки графічних матеріалів включала створення
візуальної системи вебсайту, яка поєднує авторські ілюстрації, типографіку,
кольорову палітру та фотографічні матеріали.
Основним графічним елементом проєкту став персонаж чайки, який був
розроблений у декількох варіантах для використання в різних частинах
інтерфейсу. Мінімалістична форма персонажа дозволила гармонійно
інтегрувати його в структуру сайту без перевантаження композиції.
Створення макетів мало такі функції як: модульна сітка, композиційний
баланс, достатня кількість вільного простору та візуальна ієрархія елементів.
Особлива увага приділялася розміщенню тексту та фотографій, щоб
забезпечити гармонійне поєднання інформаційної та графічної складових.
У процесі роботи також було створено:
У процесі роботи також було створено:
– Дизайн головної сторінки;
– Макети сторінок екскурсій;
– Систему кнопок та навігаційних елементів;
– Інформаційні картки;
– Ілюстративні елементи;
– Адаптовану кольорову та шрифтову систему
Практична реалізація дизайну дозволила створити цілісний візуальний
образ вебсайту, який поєднує сучасний стиль, зручність користування та
авторську графічну частину.

РОЗДІЛ IV

ВИЗНАЧЕННЯ ПАТЕНТОСПРОМОЖНОСТІ ПРОЄКТУ
ВЕБСАЙТУ “ПРОСТО МІСТОМ”

Основною передумовою для визначення патентоспроможності
кваліфікаційної роботи бакалавра за темою «Розробка дизайну вебсайту
“Просто містом”» є необхідність встановлення новизни у всіх складових
проєкту.
Дана робота структурована за такими складовими:
– Назва вебсайту «Просто містом» ( далі – «знак»)
– Поясньвальна записка (далі – «текст»).
– Графічна частина (далі – «графіка»).
– Робота в матеріалі(далі – «анімація»).
Авторські права регулює Закон України «Про авторське право і
суміжні права» №2811-IX.[22]. Відповідно до цього закону текстові та
графічні матеріали є об’єктами авторського права. Об’єкти вважаються
новими, якщо в них відсутні ознаки плагіату, тобто оприлюднення чужого
твору під іменем особи, яка не є його автором, або використання чужого
твору без посилання на автора.
Відсутність плагіату в тексті підтверджується перевіркою за допомогою
інформаційної системи Turnitin (див. Додаток В). Для перевірки унікальності
графічних матеріалів використано сервіс TinEye (див. Додаток В). Результати
перевірок наведені у додатках до кваліфікаційної роботи (див. Додаток В).
На визнання новизни графічної частини впливає процес творчого
наслідування, під яким розуміється переосмислення та адаптація існуючих
форм і стилів з метою створення нового оригінального продукту.

З цією метою було проведено тематичний пошук аналогів за ключовими
словами: «туристичний вебсайт», «екскурсії містом», «tourism website», «city
tours», «travel platform UI». Зібраний матеріал було систематизовано у вигляді
додаток (Додаток А) та проаналізовано з метою встановлення новизни у
новоствореному об’єкті й відсутності наслідування у графічних елементах.
Опис аналогів
Visit Ukraine – Графічне вирішення сайту виконане у сучасному стилі з
використанням великоформатних фотографій, контрастної типографіки та
зрозумілої навігації. Основний акцент зроблено на візуальному контенті та
швидкому доступі до інформації. У дизайні переважає світла кольорова гама
синіми та жовтими. (Дадаток А.Рис.1)
TripAdvisor – Графічне оформлення сайту побудоване на великій
кількості інформаційних блоків, фотографій та рейтингових елементів. У
дизайні переважає світла кольорова гама з використанням зелених акцентів.
(Дадаток А.Рис.4)
GetYourGuide – У структурі сайту використовується чітка візуальна
ієрархія, система фільтрів та інтерактивні елементи. Водночас велика кількість
комерційних блоків і рекламних акцентів формує більш функціональний, ніж
емоційний характер інтерфейсу. (Дадаток А.Рис.7)

Опис прототипу
За прототипом було обрано туристичну платформу «Цікавий Київ»
(Додаток А, Рис.10), оскільки даний ресурс є найбільш наближеним за
тематикою, структурою та функціональним призначенням до розроблюваного
проєкту.
Графічне оформлення сайту побудоване на використанні великої
кількості інформаційних блоків, текстових списків, фотографій та
навігаційних елементів. У структурі ресурсу активно застосовуються картки
екскурсій, календарі подій, тематичні категорії та багаторівнева навігація.
Основна увага приділена функціональності та інформативності ресурсу.

У кольоровому рішенні переважає світла гама з використанням зелених
акцентів та контрастної типографіки. Графічні елементи сайту мають
стриманий характер та виконують переважно інформаційну функцію.
Композиція побудована за принципом щільного наповнення контентом, що
забезпечує велику кількість інформації для користувача.
Проте візуальний аналіз прототипу дозволив визначити ряд недоліків.
Значна кількість текстових блоків та навігаційних елементів створює
інформаційне перевантаження інтерфейсу й ускладнює швидке емоційне
сприйняття сайту. Велика кількість однотипних елементів зменшує виразність
візуальної ієрархії, а відсутність цілісної графічної стилістики підсилює
загальну невиражаність ресурсу

Опис обєкта, що розроблено
Новоствореним об’єктом є дизайн вебсайту «Просто містом»,
розроблений для організації екскурсій по місту Черкаси. Основною метою
проєкту стало створення сучасного туристичного вебресурсу з акцентом на
емоційне сприйняття, зручність користування
Графічна частина вебсайту виконана у мінімалістичному стилі з
використанням м’якої кольорової палітри, великої кількості вільного простору
та спрощеної структури інтерфейсу. На відміну від більшості туристичних
платформ, у проєкті свідомо відсутня надмірна кількість інформаційних
блоків і складних навігаційних елементів, що дозволяє користувачу швидко
сприймати контент та легко орієнтуватися в структурі сайту.
У дизайні використано поєднання фотографій міських локацій та
графічних елементів. Важливою особливістю проєкту є використання
ілюстративного персонажа, який формує емоційну айдентику ресурсу та
підсилює впізнаваність вебсайту серед користувачів. (Додаток Б) В дизайні
основна увага зосереджується на фотографії, назві екскурсії та ключовій
інформації. Графічні елементи мають стилістичну єдність та підтримують
загальну концепцію спокійного й дружнього туристичного середовища.

(Додаток Б). На відміну від прототипу, зменшено інформаційне
перевантаження, спрощено структуру навігації та посилено емоційну складову
взаємодії з користувачем.
1. Нове композиційне рішення. На відміну від прототипу, у
розробленому вебсайті використано мінімалістичний підхід із великою
кількістю вільного простору, що дозволяє акцентувати увагу
користувача на основному контенті.
2. Нове декоративне та стилістичне вирішення. У дизайні використано
єдину графічну стилістику, поєднання фотографій та графічних
елементів.
3. Використання авторського персонажа. Особливістю розробки стало
створення ілюстративного персонажа, який підсилює емоційну
айдентику вебсайту та підвищує його впізнаваність серед користувачів.
Наявність трьох факторів новизни надає новоствореному обєкту
необхідний рівень новизни.
Щодо встановлення новизни знака послуг було проведено патентні
дослідження, з застусовуванням міжнародного класифікатора.

Патентні дослідження
Патентні дослідження проведено з метою визначення новизни дизайн-
проєкту вебсайту «Просто містом». Дослідження виконано відповідно до
ДСТУ 3575–97 «Патентні дослідження. Основні положення та порядок
проведення». Для визначення класифікаційних рубрик використано
Міжнародну класифікацію товарів і послуг (МКТП) 12-2026. Відповідно до
тематики кваліфікаційної роботи обрано 41 клас, що охоплює освітні послуги,
навчання, розваги, а також організацію спортивних і культурних заходів.

Висновок до розділу

Квліфікаційна робота бакалавра за темою:”Розробка дизайну вебсайту
“Просто містом” можна вважати патентноспроможньою, тому що всі її
складові мають необхідний рівень новизни і вільн від плагіату та наслідування.
Зібрані масив інформації було систематизовано у додаток Г (Патентні
дослідження)
ВИСНОВОК

У процесі виконання кваліфікаційної роботи було досягнуто поставленої
мети розроблено сучасний, функціональний та естетично привабливий дизайн
вебсайту для організації екскурсій по місту Черкаси, який забезпечує
ефективну взаємодію користувача з ресурсом та зручний доступ до інформації
про туристичні маршрути. Робота має як теоретичне, так і практичне значення.
У ході виконання першого завдання було проведено аналіз сучасних
вебсайтів туристичного спрямування, що дозволило виявити основні тенденції
у сфері вебдизайну, такі як орієнтація на мобільні пристрої, використання
мінімалістичних рішень, інтерактивних елементів та візуально привабливого
контенту. Також було визначено основні недоліки існуючих ресурсів.
У межах другого завдання було визначено ключові принципи UX/UI
дизайну, які забезпечують зручність користування вебсайтом. Зокрема, було
встановлено важливість інтуїтивної навігації, логічної структури сторінок,
чіткої візуальної ієрархії, використання зрозумілих графічних елементів та
оптимізації дизайну для різних типів пристроїв. Це дозволило сформувати
основу для подальшої розробки власного проекту.
У процесі виконання третього завдання було розроблено концепцію
вебсайту «Просто містом», яка базується на поєднанні мінімалістичного
стилю, естетики спокою та локальної ідентичності міста Черкаси. Концепція
спрямована на створення не лише інформаційного ресурсу, а й емоційного
простору, який формує у користувача відчуття довіри, зацікавленості та
бажання досліджувати місто. Особливу увагу приділено кольоровій палітрі та
графіці.

У ході виконання четвертого завдання було розроблено структуру
вебсайту, визначено основні розділи та створено зручну систему навігації.
Було сформовано логічну послідовність подання інформації, яка дозволяє
користувачу швидко орієнтуватися на сайті та знаходити необхідні дані.
Також було розроблено графічні матеріали, зокрема фотографії, іконки,
картки екскурсій та декоративних елементів.
У процесі реалізації п’ятого завдання було виконано практичну
розробку дизайну вебсайту з урахуванням сучасних вимог UX/UI. Дизайн
адаптовано під мобільні пристрої.
Виконання шостого завдання передбачало проведення патентних
досліджень, у результаті яких було встановлено, що розроблений дизайн
вебсайту є унікальним та не дублює існуючих аналогів. Узагальнюючи
результати роботи, слід зазначити, що розроблений вебсайт «Просто містом»
відповідає сучасним вимогам до дизайну цифрових продуктів, поєднує
функціональність, естетичність та зручність використання. Він допомагає
шдидко та цікаво дізнатися про місто,що підвищує інтерес до туристичних
маршрутів та може бути використаний як ефективний інструмент у сфері
туристичних послуг. Таким чином, усі поставлені завдання виконано в
повному обсязі, а мету роботи досягнуто.

СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ

1. Booking.com. Туристичний сервіс бронювання. URL:
Booking.com
2. Garrett J. J. The Elements of User Experience. Berkeley: New Riders,
2011. 192 p.
3. Google UX Design Guidelines. URL: Google Design
4. Interaction Design Foundation. UX Design. URL: Interaction Design
Foundation
5. Krug S. Don’t Make Me Think: A Common Sense Approach to Web
Usability. Berkeley: New Riders, 2014. 216 p.
6. Lidwell W., Holden K., Butler J. Universal Principles of Design.
Beverly: Rockport Publishers, 2010. 272 p.
7. Marcotte E. Responsive Web Design. New York: A Book Apart,
2011. 150 p.
8. Material Design. URL: Material Design
9. Nielsen J. Usability Engineering. San Francisco: Morgan Kaufmann,
1994. 362 p.
10. Norman D. A. The Design of Everyday Things. New York: Basic
Books, 2013. 368 p.
11. Tidwell J. Designing Interfaces. Sebastopol: O’Reilly Media, 2020.
576 p.
12. TripAdvisor. Туристична платформа. URL: TripAdvisor
13. UX Collective. UX/UI Design Articles. URL: UX Collective

14. Wroblewski L. Mobile First. New York: A Book Apart, 2011. 128 p.
15. World Tourism Organization (UNWTO). Tourism Statistics. URL:
UNWTO
16. Бондаренко В. М. Графічний дизайн: основи композиції. Київ:
Ліра-К, 2018. 256 с.
17. Гаврилюк С. П. Туризм в Україні: сучасний стан і перспективи
розвитку. Київ: КНТЕУ, 2019. 312 с.
18. Державне агентство розвитку туризму України. URL: ДАРТ
України
19. Державна служба статистики України. Туризм в Україні. URL:
Держстат України
20. ДСТУ 3575-97. Патентні дослідження. Основні положення та
порядок проведення. Київ: Держстандарт України, 1997. 14 с.
21. ДСТУ ISO 9241-210:2019 Ергономіка взаємодії людини і
системи. Людино-орієнтоване проєктування. Київ: ДП
«УкрНДНЦ», 2019. 34 с.
22. Закон України «Про авторське право і суміжні права» №2811-IX
від 01.12.2022. URL: Верховна Рада України
23. Котлярова Т. О. UX/UI дизайн: сучасні тенденції та інструменти.
Харків: МедіаПрінт, 2021. 198 с.
24. Кузнєцов С. В. Основи вебдизайну. Київ: Політехніка, 2019. 240
с.
25. Лебедєва А. В. Колір і композиція у вебдизайні. Київ: Арт-
Освіта, 2020. 176 с.
26. Мальська М. П., Худо В. В. Туристичний бізнес: теорія та
практика. Київ: Центр учбової літератури, 2018. 368 с.
27. Мельник Л. Г. Інформаційні технології в туризмі. Суми:
Університетська книга, 2019. 324 с.
28. Нікольський О. С. Основи вебдизайну: принципи та практичні
рішення. Київ: Комп’ютерна освіта, 2020. 220 с.

29. Офіційний туристичний сайт міста Черкаси. URL: Visit Cherkasy
30. Писаренко В. І. Основи туристичної діяльності. Київ: Каравела,
2017. 304 с.
31. Шевченко І. О. Інтерактивні технології у вебдизайні. Київ:
Наукова думка, 2020. 214 с.
ДОДАТКИ
Додаток А

Рис.А.1 Опис анлогів “Visit Ukraine”

Рис.А.2 Опис анлогів “Visit Ukraine”

Рис.А.3 Опис анлогів “Visit Ukraine”

Рис.А.4 Опис анлогів “ TripAdvisor”

Рис.А.5 Опис анлогів “ TripAdvisor”

Рис.А.6 Опис анлогів “ TripAdvisor”

Рис.А.7 Опис анлогів “ GetYourGuide”

Рис.А.8 Опис анлогів “ GetYourGuide”

Рис.А.9 Опис анлогів “ GetYourGuide”

Рис. А.10 Опис прототипу “Київ цікавий”

Рис. А.11 Опис прототипу “Київ цікавий”

Рис. А.12 Опис прототипу “Київ цікавий”
Додаток Б

Рис. Б.1 Парк «Долина троянд» сонячний годинник

Рис. Б.2 Оглядовий майнадчик «Пагорб слави»

Рис. Б.3 Черкаська дамба

Рис. Б.4 Будійський храм «Білий лотос»

Рис. Б.5 Оглядовий майнадчик «Пагорб слави»

Рис. Б.6 Статуя «Батьківщина мати»

Рис. Б.7 Фото робітника

Рис. Б.8 Фото робітника

Рис. Б.9 Розробка авторського персонажу
Додаток В

Рис.В.1 Перевірка на плагіат: логотип, назва, слогон

Рис.В.2 Перевірка на плагіат: розділ «про нас»

Рис.В.3 Перевірка на плагіат: сторінка третя

Рис.В.4 Перевірка на плагіат: сторінка четверта

Рис.В.5 Перевірка на плагіат: персонаж
Додаток Г
Перелік послуг за МКТП (12-2026),
для яких просять охорону знаку

Клас Перелік послуг
МКТП
41
-Організовування екскурсій;

- проведення туристичних екскурсій;

- культурно-пізнавальні заходи;

- організовування дозвілля;

- надавання інформації щодо культурних заходів;

- екскурсійні послуги для туристів;

- проведення міських турів;

- організовування культурних подій;

- розважальні послуги;

- організовування прогулянок та туристичних маршрутів;

- надавання інформації у сфері туризму;

- послуги гідів;

- організація культурно-освітніх заходів;

- послуги щодо проведення екскурсій містом;

- організовування туристичних програм.

Рис.Г.1 Аналіз прототипів назви вибсайту «Просто містом»

Рис.Г.2 Аналіз прототипів назви вибсайту «Просто містом»

Рис.Г.3 Аналіз прототипів назви вибсайту «Просто містом»

Рис.Г.4 Аналіз прототипів назви вибсайту «Просто містом»

Рис.Г.5 Аналіз прототипів назви вибсайту «Просто містом»

Рис.Г.6 Аналіз прототипів назви вибсайту «Просто містом»

ChSTU repository

ChSTU repository preserves and enables easy and open access to all types of digital content including text, images, moving images, mpegs and data sets