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
Learn More
Please use this identifier to cite or link to this item:
https://er.chdtu.edu.ua/handle/ChSTU/5157| Title: | Управління проєктом розробки сайта візажиста з інтерактивними можливостями |
| Authors: | Катаєв, Дмитро Сергійович Подиряко, Анатолій Сергійович |
| Keywords: | база даних;управління проєктом;розробка;веб-сайт;проєктне управління |
| Issue Date: | 4-Dec-2024 |
| Abstract: | Магістерська кваліфікаційна робота на тему: ‘‘Управління проєктом розробки сайта візажиста з інтерактивними можливостями’’. Метою роботи є розробка та впровадження комплексного підходу до управління проєктом створення сайту для професійного візажиста з інтерактивними можливостями, що сприяють ефективній комунікації з клієнтами та підвищенню залученості користувачів. В умовах зростаючої конкуренції у сфері б’юті-послуг, важливо забезпечити візажисту зручну та функціональну онлайн-платформу, яка дозволить просувати його послуги, оптимізувати взаємодію з потенційними клієнтами та утримувати їхню увагу. У роботі розглядаються ключові аспекти проєктного управління, включаючи етапи планування, ресурсного забезпечення, контролю та оцінки результатів, а також основні ризики та виклики, що виникають під час розробки веб-сайтів у сегменті б’юті-індустрії. Особлива увага приділяється інтерактивним можливостям платформи, серед яких: інтерактивний портфоліо та галерея, система онлайн-консультації та/або рекомендації, система відгуків та оцінок та відповіді на найпоширеніші запитання. Для реалізації проєкту використовувалися такі технології, як HTML та CSS для створення структури і стилів веб-сторінок, JavaScript (JS) — як основна мова програмування для забезпечення інтерактивності та клієнтської логіки. Для зберігання і обробки даних була використана штучна база даних у форматі файлу .json, яка дозволяє зручно зберігати інформацію про клієнтів, записи та відгуки у легкому форматі для JavaScript. Система контролю версій GitHub застосовувалася для зберігання та відстеження змін у коді, що забезпечує надійність та уникання непередбачуваних помилок.Цей технологічний стек забезпечує оптимальну продуктивність для інтерактивного веб-додатку, а також надає можливість подальшого розширення і модифікації функціоналу. |
| URI: | https://er.chdtu.edu.ua/handle/ChSTU/5157 |
| Appears in Collections: | 126 Інформаційні системи та технології (IT Project Management) |
Files in This Item:
| File | Description | Size | Format | |
|---|---|---|---|---|
| РЕП_МАГ_Подиряко_МІТ-2311.pdf Restricted Access | 1.8 MB | Adobe PDF | View/Open Request a copy |
Items in DSpace are protected by copyright, with all rights reserved, unless otherwise indicated.
Extracted text
МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ
ЧЕРКАСЬКИЙ ДЕРЖАВНИЙ ТЕХНОЛОГІЧНИЙ УНІВЕРСИТЕТ
Факультет інформаційних технологій і систем
Кафедра інформаційних технологій проєктування
ПОЯСНЮВАЛЬНА ЗАПИСКА
до кваліфікаційної роботи
«магістра»
освітній рівень
на тему: Управління проєктом розробки сайта візажиста з інтерактивними
можливостями
Виконав: здобувач другого (магістерського)
рівня вищої освіти 2 курсу, групи МІТ-2311
Спеціальності 126 Інформаційні системи та
технології
ОП «IT Project Management»
Подиряко Анатолій Сергійович
Керівник:
Старший викладач кафедри інформаційних
технологій проєктування, к.т.н.,
Катаєв Дмитро Сергійович
Рецензент:
Професор кафедри робототехнічних і
телекомунікаційних систем та кібербезпеки,
к.ф. – м.н.
Гавриш Олександр Степанович
Черкаси 2024
ЧЕРКАСЬКИЙ ДЕРЖАВНИЙ ТЕХНОЛОГІЧНИЙ УНІВЕРСИТЕТ
Факультет інформаційних технологій і систем
(повна назва)
Кафедра інформаційних технологій проєктування
(повна назва)
Освітньо-кваліфікаційний рівень магістр
( назва)
Спеціальність 126 «Інформаційні системи та технології»
(шифр і назва)
ЗАТВЕРДЖУЮ
Завідувач кафедри ІТП
Тетяна ПРОКОПЕНКО
«____» ________________ 2024 року
З А В Д А Н Н Я
НА КВАЛІФІКАЦІЙНУ РОБОТУ МАГІСТРА
Подиряко Анатолій Сергійович
(прізвище, ім’я, по батькові)
Керівник роботи Катаєв Дмитро Сергійович
( прізвище, ім’я, по батькові, науковий ступінь, вчене звання)
Затверджено наказом Черкаського державного технологічного університету від 07.10.2024р.
№299/04
2. Строк подання здобувачем роботи 21.11.2024р.
3. Вихідні дані до роботи стандарти управління проєктами; процеси управління проєктом;
вимоги до керівника проєкту; управління командою проєкту; календарне планування
проєкту; управління ризиками проєкту; управління ресурсами проєкту.
4. Зміст розрахунково-пояснювальної записки (перелік питань, які потрібно розробити)
Вступ;
Розділ 1 Розробка концепції сайта візажиста з інтерактивними можливостями;
Розділ 2 Управління проєктом розробки сайта візажиста з інтерактивними можливостями
Розділ 3. Оцінка ефективності проєкта сайта візажиста з інтерактивними можливостями.
Висновки; Список використаних джерел.
5. Перелік графічного матеріалу (з точним зазначенням обов’язкових креслень, плакатів)
1) матриці SWOT та PEST-аналізу
2) резюме проєкту
3) прогноз витрат на реалізацію проєкту
4) прогноз показників операційної діяльності проєкту
5) прогноз грошових потоків проєкту
6) оцінка ефективності застосування інформаційної технології
6. Консультанти розділів роботи
Розділ Прізвище, ініціали та посада Підпис, дата
консультанта
завдання видав завдання прийняв
7. Дата видачі завдання
КАЛЕНДАРНИЙ ПЛАН
№ Назва етапів Строк виконання
Примітка
з/п кваліфікаційної роботи етапів роботи
1.1 Постановка задачі 24.09.2024 виконано
1.2 Підготовка завдання 29.09.2024 виконано
1.3 Погодження завдання 30.09.2024 виконано
1.4 Затвердження завдання 01.10.2024 виконано
2 Основна стадія
2.1 Підбір матеріалів 07.10.2024 виконано
Оцінка можливих варіантів вирішення 11.10.2024
2.2 виконано
поставленої задачі
2.3 Розрахунок основних параметрів рішення 14.10.2024 виконано
2.4 Вибір кінцевого варіанту проєктного рішення 16.10.2024 виконано
Оформлення первісної редакції кваліфікаційної 21.10.2024
2.5 виконано
роботи
3 Заключна стадія
3.1 Узгодження щодо прийнятих проєктних рішень 10.11.2024 виконано
Оформлення пояснювальної записки до 18.11.2024
3.2 виконано
кваліфікаційної роботи у заключній редакції
3.3 Попередній захист кваліфікаційної роботи 20.11.2024 виконано
3.4 Затвердження кваліфікаційної роботи 22.11.2024 виконано
3.5 Рецензування кваліфікаційної роботи 25.11.2024 виконано
3.6 Захист кваліфікаційної роботи 04.12.2024 виконано
Здобувач вищої освіти ______________________ __________
(підпис) (прізвище та ініціали)
Керівник роботи ______________________ _____
(підпис) (прізвище та ініціціали
АНОТАЦІЯ
Структура та обсяг роботи. Пояснювальна записка складається з Вступу, 3
розділів, Висновків та списку використаних джерел. Загальний обсяг роботи
складає 87 сторінок, 12 рисунків, 19 таблиць, 44 використаних джерел та без
додатків
Магістерська кваліфікаційна робота на тему: ‘‘Управління проєктом
розробки сайта візажиста з інтерактивними можливостями’’.
Метою роботи є розробка та впровадження комплексного підходу до
управління проєктом створення сайту для професійного візажиста з
інтерактивними можливостями, що сприяють ефективній комунікації з клієнтами
та підвищенню залученості користувачів. В умовах зростаючої конкуренції у
сфері б’юті-послуг, важливо забезпечити візажисту зручну та функціональну
онлайн-платформу, яка дозволить просувати його послуги, оптимізувати
взаємодію з потенційними клієнтами та утримувати їхню увагу.
У роботі розглядаються ключові аспекти проєктного управління,
включаючи етапи планування, ресурсного забезпечення, контролю та оцінки
результатів, а також основні ризики та виклики, що виникають під час розробки
веб-сайтів у сегменті б’юті-індустрії. Особлива увага приділяється інтерактивним
можливостям платформи, серед яких: інтерактивний портфоліо та галерея,
система онлайн-консультації та/або рекомендації, система відгуків та оцінок та
відповіді на найпоширеніші запитання.
Для реалізації проєкту використовувалися такі технології, як HTML та CSS
для створення структури і стилів веб-сторінок, JavaScript (JS) — як основна мова
програмування для забезпечення інтерактивності та клієнтської логіки. Для
зберігання і обробки даних була використана штучна база даних у форматі файлу
.json, яка дозволяє зручно зберігати інформацію про клієнтів, записи та відгуки у
легкому форматі для JavaScript. Система контролю версій GitHub застосовувалася
для зберігання та відстеження змін у коді, що забезпечує надійність та уникання
непередбачуваних помилок.
Цей технологічний стек забезпечує оптимальну продуктивність для
інтерактивного веб-додатку, а також надає можливість подальшого розширення і
модифікації функціоналу.
ANNOTATION
Structure and scope of the paper. The explanatory note consists of an
Introduction, 3 chapters, Conclusions and a list of references. The total volume of the
work is 87 pages, 12 figures, 19 tables, 44 references and no appendices.
Master's qualification work on the topic: “Project management of the
development of a makeup artist's website with interactive features”.
The aim of the work is to develop and implement an integrated approach to
project management of a website for a professional makeup artist with interactive
features that facilitate effective communication with customers and increase user
engagement. In the face of growing competition in the beauty services industry, it is
important to provide a makeup artist with a convenient and functional online platform
that will allow them to promote their services, optimize interaction with potential
customers, and keep their attention.
The paper examines the key aspects of project management, including the stages
of planning, resource provision, control and evaluation of results, as well as the main
risks and challenges that arise during the development of websites in the beauty industry
segment. Particular attention is paid to the interactive features of the platform,
including: an interactive portfolio and gallery, an online consultation and/or
recommendation system, a feedback and rating system, and answers to frequently asked
questions.
To implement the project, we used technologies such as HTML and CSS to create
the structure and styles of web pages, JavaScript (JS) as the main programming
language to provide interactivity and client logic. An artificial database in the .json file
format was used to store and process data, which allows for convenient storage of
customer information, records, and feedback in an easy-to-use JavaScript format. The
GitHub version control system was used to store and track changes in the code, which
ensures reliability and avoids unpredictable errors.
This technology stack ensures optimal performance for an interactive web
application, as well as provides the ability to further expand and modify the
functionality.
3
ЗМІСТ
ПЕРЕЛІК СКОРОЧЕНЬ ТА УМОВНИХ ПОЗНАЧЕНЬ …………………………5
ВСТУП ……………………………………………………………………………….6
Розділ 1 ТЕОРЕТИЧНІ ОСНОВИ УПРАВЛІННЯ ПРОЄКТАМИ ВЕБ-
РОЗРОБКИ………………………………………………………………….……….10
1.1 Сучасні тенденції в розробці сайтів для сфери послуг і персональних
брендів…………………………………………………………………….….…...10
1.2 Основи управління проєктами в розробці вебсайтів: методи та підходи
…………………………………………………………….……….……11
1.3 Інтерактивні елементи на вебсайті як засіб залучення користувачів:
переваги та виклики…………………………………….………………………..12
1.4 Аналіз існуючих аналогів…………………….……………………….14
1.4.1 Glamsquad (glamsquad.com)…………….……………………….14
1.4.2 Charlotte Tilbury (charlottetilbury.com)…….……………………16
1.4.3 Makeup by Mario (makeupbymario.com)…….….……………….17
1.5 Формування концепції проєкту…………………….….……………...19
1.5.1 SWOT-аналіз для сайту візажиста………………….…………..20
1.5.2 PEST -аналіз для сайту візажиста………………….…………...22
1.6 Резюме проєкту………………………………………………………...24
1.7 Аналіз цільової аудиторії…………………………………..………….25
Висновки до розділу 1………………………………………….………….26
Розділ 2 ГАЛУЗІ УПРАВЛІННЯ ПРОЄКТОМ СТВОРЕННЯ ІНФОРМАЦІЙНОЇ
СИСТЕМИ…………………………………………………………………………. 27
2.1 Управління змістом та предметною областю проєкту……………...27
2.2 Процес управління ресурсами проєкту ……………………………...28
2.3 Управління часом проєкту …………………………………………...30
2.4 Управління вартістю проєкту………………………………………...32
2.5 Управління якістю проєкту ………………………………………….35
2.6 Управління комунікаціями в проєкті ……………………………….42
2.7 Управління ризиками в проєкті………………………………………45
2.8 Управління інтеграцією в проєкті……………………………………50
2.9 Управління персоналом в проєкті ……………………………….......51
Висновки до розділу 2…………………………………………………….54
Розділ 3 ОЦІНЮВАННЯ ЕФЕКТИВНОСТІ ІТ-ПРОЄКТУ……..……….……..56
3.1 Оцінка соціально-економічної ефективності ІТ-
проєкту…………………………………………………………...…….56
3.1.1. Визначення соціально-економічної ефективності…………... 57
3.1.2 Показники соціальної ефективності …………………………..57
3.1.3 Оцінка економічної ефективності ……………………………..58
4
3.1.4 Розрахунок вигоди для підприємств та спільнот ……………..61
3.1.5 Прогнозування та оцінка показників операційної діяльності..62
3.2 Техніко-економічне обґрунтування (ТЕО) ІТ-проєкту ……………..64
3.2.1 Розрахунок витрат та доходів.………………………………….64
3.2.2 Дисконтовані грошові потоки (DCF).………………………….65
3.2.3 Таблиця з порівнянням сценаріїв………………………………66
3.2.4 Оцінка фінансової стійкості ……………………………………67
3.3 Оцінка інвестиційної фази ІТ-проєкту ………………………………67
3.3.1 Планування фінансових ресурсів………………………………67
3.3.2 Оптимізація плану фінансування………………………………68
3.3.3 Розрахунок капіталовкладень ………………………………….70
3.4 Прогнозування та оцінка показників операційної діяльності ……...72
3.4.1 Прогноз доходів…………………………………………………72
3.4.2 Прогноз витрат ………………………………………………….73
3.4.3 Планування амортизаційних витрат …………………………...74
3.5 Прогноз грошових потоків ІТ-проєкту………………………………75
3.5.1 Основні принципи формування прогнозу……………………..76
3.5.2 Аналіз та оцінка грошових потоків ……………………………77
3.6 Оцінка показників ефективності ІТ-проєкту ………………………..78
3.7 Термін окупності ІТ-проєкту…………………………………………80
Висновки до розділу 3…………………………………………………….82
ВИСНОВКИ ………………………………………………………………………...83
СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ ………………………………………….85
5
ПЕРЕЛІК СКОРОЧЕНЬ ТА УМОВНИХ ПОЗНАЧЕНЬ
JS – динамічна мова програмування (JavaScript)
HTML – мова розмітки документів для перегляду вебсайтів (HyperText
Markup Language)
CSS – спеціальна мова стилю сторінок (Cascading Style Sheets)
GitHub – вебсервіс для зберігання проєктів і спільної роботи з
використанням Git
ПП – програмний продукт
IDE – інтегроване середовище розробки (Integrated Development
Environment)
UI – користувацький інтерфейс (User Interface)
DOM – об'єктна модель документа (Document Object Model)
JSON – формат обміну
даним (JavaScript Object Notation)
WBS – структура декомпозиції робіт (Work Breakdown Structure)
6
ВСТУП
Актуальність теми.
Робота представлена студентом спеціальності 126 – «Інформаційні системи
і технології».
Сьогодні персональний бренд у сфері краси та послуг стає важливим
інструментом для залучення клієнтів і підвищення конкурентоспроможності на
ринку. Інтерактивний вебсайт є одним із ключових засобів комунікації між
візажистом і його клієнтами, що відповідає сучасним потребам суспільства в
цифровізації та спрощенні доступу до інформації та послуг.
Розробка вебсайтів, що включають інтерактивні елементи, як-от
консультації, інтеграція з соціальними мережами, галерея робіт, а також відгуки
клієнтів, підвищує зручність користувачів та сприяє довірі до фахівця.
Ця робота є важливою для сучасної науки та техніки, оскільки поєднує
досягнення у сфері IT-технологій та потреби малого бізнесу, що активно
розвивається в умовах цифрової економіки.
Метою цього дослідження є розробка оптимального підходу до управління
проєктом створення інтерактивного вебсайту для візажиста, який поєднає високу
функціональність і зручність для користувачів та відповідатиме сучасним
потребам ринку цифрових послуг. Зважаючи на зростаючу популярність
персональних брендів у сфері краси, розробка сайту повинна не лише
відображати професійні навички візажиста, а й залучати потенційних клієнтів за
рахунок інтуїтивного інтерфейсу та інтерактивних елементів.
Для досягнення цієї мети дослідження зосереджується на аналізі сучасних
тенденцій у веброзробці для персональних брендів та виборі відповідних
інструментів управління проєктом. Дослідження також спрямоване на створення
ефективної структури сайту, яка включатиме інтерактивні функції, такі як галерея
робіт, система відгуків,консультації. Важливим завданням є обґрунтування
7
вибору технологій та інструментів, що забезпечать надійну та ефективну
реалізацію проєкту.
На завершальному етапі роботи планується тестування створеного сайту для
оцінки його функціональності та зручності, а також розробка рекомендацій для
подальшого розвитку інтерактивних сайтів, спрямованих на підтримку
персональних брендів у сфері послуг.
Об’єктом дослідження є процес управління проєктом з розробки
інтерактивного вебсайту для персонального бренду візажиста. У центрі уваги —
методи, підходи та інструменти, які використовуються для ефективного
планування, організації та реалізації такого проєкту, що охоплює дизайн,
функціональність та інтерактивність вебсайту. Особливий акцент робиться на
інтерактивних можливостях сайту, що дозволяють покращити взаємодію з
користувачами й забезпечити зручність користування сайтом.
Предметом дослідження є методи та інструменти управління проєктом, які
забезпечують створення ефективного та інтерактивного вебсайту для візажиста.
Дослідження охоплює вибір технологій, підходів до проєктування структури та
дизайну сайту, оптимізацію інтерактивних елементів для залучення користувачів.
Особлива увага приділяється методам планування, розподілу ресурсів,
впровадженню функціональних модулів
У дослідженні застосовано комплекс методів, що спрямовані на
забезпечення всебічного аналізу та ефективного управління проєктом розробки
інтерактивного сайту для візажиста. Використано метод аналізу літератури та
сучасних наукових статей для вивчення існуючих підходів до створення сайтів у
сфері персонального брендингу. Порівняльний метод дозволив оцінити технології
та інструменти, які використовуються у веброзробці, зокрема для впровадження
інтерактивних можливостей.
Метод проєктування та моделювання структури сайту був застосований для
створення макетів та визначення оптимального набору функцій, а метод
8
тестування забезпечив перевірку зручності користування та функціональності
створеного вебсайту. Для збору й аналізу відгуків користувачів використовувався
метод анкетування, що дало змогу оцінити ефективність сайту та його
відповідність потребам цільової аудиторії.
Наукова новизна цієї роботи полягає в розробці інтегрованого підходу до
управління проєктом створення інтерактивного вебсайту для персонального
бренду візажиста, який поєднує унікальні дизайнерські та функціональні рішення
для малих бізнесів. Запропоновано нову модель інтерактивної взаємодії з
користувачами.
Практичне значення одержаних результатів
Одержані результати мають важливе практичне значення для створення
вебсайтів, орієнтованих на персональний брендинг візажиста. Запропоновані
інтерактивні елементи, такі як консультація, система відгуків, можливість
перегляду робіт та інформації про візажиста, сприяють підвищенню довіри до
фахівця та залученню нових клієнтів. Завдяки наданій можливості ознайомитись
із перевагами роботи з конкретним візажистом, користувачі можуть приймати
обґрунтоване рішення, що підвищує ефективність просування послуг.
Впровадження отриманих результатів допоможе підвищити популярність та
прибутковість сайту, зменшуючи витрати на створення ефективного вебресурсу
для малих бізнесів у галузі краси.
Апробація роботи
Результати дослідження були апробовані під час розробки та тестування
вебсайту для візажиста, що включає інтерактивні елементи, такі як консультація,
система відгуків, перегляд робіт та інформації про візажиста. Рішення, що були
запропоновані в межах роботи, були реалізовані на практиці, що дозволило
оцінити їх ефективність і зручність для користувачів. Окрім того, апробація
включала аналіз зворотного зв'язку від тестових користувачів, що дозволило
отримати оцінки щодо функціональності та корисності елементів сайту. Всі
9
отримані дані підтвердили доцільність і ефективність використаних підходів для
створення вебсайтів для візажистів, що дозволяє рекомендувати їх для
впровадження в інші проєкти в галузі краси.
10
Розділ 1 ТЕОРЕТИЧНІ ОСНОВИ УПРАВЛІННЯ ПРОЄКТАМИ
ВЕБ-РОЗРОБКИ
1.1 Сучасні тенденції в розробці сайтів для сфери послуг і
персональних брендів
У сучасному світі вебсайти стали важливим інструментом для розвитку
бізнесу, зокрема у сфері послуг та персональних брендів. Розвиток технологій,
збільшення інтернет-активності користувачів та постійно змінювані потреби
клієнтів спонукають розробників створювати сайти, що поєднують
функціональність, естетику та зручність користування. Серед основних тенденцій
у розробці таких сайтів виділяються кілька ключових аспектів.
По-перше, важливим є орієнтування на мобільні пристрої. Згідно зі
статистикою, мобільний доступ до сайтів постійно зростає, тому адаптивний
дизайн став необхідністю для кожного вебсайту [1]. Завдяки підходу Mobile First,
сайт спочатку розробляється для мобільних пристроїв, після чого адаптується під
більші екрани планшетів і десктопів, що забезпечує кращий досвід користувача та
оптимізацію контенту на всіх пристроях [2].
По-друге, інтерактивність та персоналізація контенту є однією з головних
тенденцій. Інтерактивні елементи, такі як системи зворотного зв'язку,
калькулятори послуг, онлайн-консультації та можливість персоналізувати досвід
користувача, значно покращують взаємодію з сайтом і підвищують залученість
[5]. Це особливо важливо для персональних брендів, де важливо підтримувати
тісний контакт з клієнтами і будувати взаємну довіру [8].
По-третє, велика увага приділяється швидкості завантаження сторінок.
Дослідження показують, що кожна секунда затримки у завантаженні зменшує
рівень задоволеності користувачів і може призводити до втрати клієнтів [3]. Тому
використання сучасних технологій оптимізації, таких як компресія зображень,
11
мінімізація коду та ефективне управління контентом, є важливою складовою
розробки.
По-четверте, зростає роль візуального контенту, особливо для персональних
брендів. Яскраві зображення, відео та анімації допомагають залучити увагу
користувачів і створити емоційний зв'язок з брендом [6]. Крім того, сучасні
тренди включають інтеграцію з соціальними мережами, що дозволяє розширити
аудиторію та взаємодіяти з потенційними клієнтами на різних платформах [4].
Таким чином, сучасні тенденції в розробці вебсайтів для сфери послуг та
персональних брендів зосереджені на інтерактивності, зручності для користувача,
мобільності та швидкості завантаження, що дозволяє підвищити ефективність
таких сайтів у залученні та утриманні клієнтів.
1.2 Основи управління проєктами в розробці вебсайтів: методи та
підходи
Управління проєктами веб-розробки є важливим етапом для створення
ефективних, функціональних і зручних для користувачів сайтів. Цей процес
охоплює планування, організацію, реалізацію, контроль і завершення проєкту, а
також забезпечення високої якості результатів на кожному етапі. Веб-розробка,
зокрема для сфер послуг і персональних брендів, вимагає не лише технічних
знань, але й уміння ефективно організувати робочий процес.
Одним з основних методів управління проєктами є методологія водоспаду
(Waterfall), яка передбачає послідовне виконання етапів розробки: від збору вимог
до проєктування, реалізації, тестування та впровадження [3]. Цей підхід підходить
для проєктів із чітко визначеними вимогами, де зміни в процесі розробки є
мінімальними. Однак для сучасної веб-розробки, де вимоги можуть змінюватися,
більше підходить гнучка методологія — Agile [4].
12
Agile є однією з найпопулярніших методологій для управління веб-
розробкою, яка базується на ітеративному підході та швидкій адаптації до змін
[4]. Це дозволяє більш ефективно реагувати на зміни в вимогах клієнта і надає
змогу випускати робочі версії продукту через короткі цикли розробки (спринти).
Застосування Agile дозволяє команді швидше отримувати зворотний зв'язок від
клієнта і виправляти помилки на ранніх етапах.
Іншим підходом є Lean-управління, яке орієнтоване на максимізацію
цінності для користувача та мінімізацію витрат часу й ресурсів [4]. Цей підхід
передбачає мінімізацію зайвих функцій і зосередження на ключових елементах,
які найкраще задовольняють потреби клієнта. Lean-методики добре працюють,
коли необхідно швидко адаптувати продукт до змінюваних вимог ринку.
Загалом, для веб-розробки персональних брендів та сайтів для сфери послуг
важливою є здатність організувати команду так, щоб вона могла працювати
швидко й ефективно, забезпечуючи високу якість продукту при одночасному
врахуванні вимог бізнесу і користувачів. Важливими елементами управління є
правильний розподіл завдань, чітке планування етапів розробки, а також
постійний контроль за якістю на всіх етапах.
Сучасні технології і методології, такі як DevOps, CI/CD (Continuous
Integration/Continuous Delivery) та Version Control, допомагають автоматизувати
більшість процесів розробки, полегшують співпрацю між командами і
забезпечують швидке й безпечне випускання нових версій продукту [3].
1.3 Інтерактивні елементи на вебсайті як засіб залучення користувачів:
переваги та виклики
Інтерактивні елементи на вебсайтах є важливим інструментом залучення
користувачів, оскільки вони покращують взаємодію з контентом і роблять досвід
користувача більш персоналізованим і захоплюючим. Інтерактивність на сайті
дозволяє утримати увагу користувача, підвищити його залученість і покращити
13
загальну ефективність вебресурсу. У сучасних вебтехнологіях інтерактивні
елементи можуть включати форми зворотного зв'язку, кнопки для лайків, чат-
боти, калькулятори, інтерактивні карти, а також мультимедійні компоненти, такі
як відео та анімації [5].
Однією з основних переваг використання інтерактивних елементів є
підвищення залученості користувачів. Наприклад, форма для збору відгуків або
опитування може сприяти більш активній участі відвідувачів, що допомагає
розвивати комунікацію з клієнтами. Це дозволяє отримати цінний зворотний
зв'язок, який важливий для подальшого вдосконалення послуг або продуктів. Чим
більше користувачі взаємодіють з вебсайтом, тим більша ймовірність того, що
вони стануть постійними клієнтами [5].
Інтерактивні елементи також сприяють персоналізації контенту, що є
важливим для створення індивідуального досвіду користувача. Наприклад, на
сайті візажиста інтерактивний інструмент для визначення потреб шкіри або
вибору стилю макіяжу може допомогти користувачам знайти найбільш відповідні
послуги, що збільшує їхню зацікавленість і задоволення від сайту.
Проте разом з перевагами інтерактивність приносить і певні виклики. Один
з них — забезпечення безперебійної роботи всіх інтерактивних елементів на
різних пристроях і платформах. Наприклад, інтерактивні елементи повинні
працювати коректно як на мобільних пристроях, так і на десктопах, зважаючи на
різні розміри екрану і швидкість інтернет-з'єднання[5].
Інший виклик — забезпечення безпеки особистих даних користувачів.
Інтерактивні елементи, що збирають інформацію (форми, опитування, чат-боти),
повинні бути налаштовані відповідно до вимог законодавства про захист даних,
що вимагає додаткових заходів для запобігання витоку особистої інформації.
Крім того, надмірна кількість або складність інтерактивних елементів може
призвести до перевантаження користувача і зробити сайт менш зручним. Важливо
14
зберігати баланс між функціональністю і зручністю, щоб не викликати втоми
користувача від надмірної кількості взаємодій.
1.4 Аналіз існуючих аналогів
Один з найважливіших аспектів розробки будь-якої програми — це знання
того, що вже існує на ринку схожих продуктів. Такий аналіз допомагає
розробникам бути в курсі останніх тенденцій та знаходити ідеї для вдосконалення
вже існуючих продуктів [5].
Для аналізу існуючих сайтів візажистів є декілька реальних прикладів, на
які можна звернути увагу для визначення сильних і слабких сторін.
1.4.1 Glamsquad (glamsquad.com)
Аналізуючи сайт Glamsquad (glamsquad.com), важливо врахувати, що він
побудований як платформа для бронювання різних б’юті-послуг на дому, зокрема
послуг професійних візажистів, перукарів, майстрів манікюру тощо. Це накладає
певні обмеження та особливості порівняно з персональним сайтом візажиста,
оскільки його основне завдання — зручність бронювання, а не особистий
брендинг майстра .
15
Рисунок 1.1 – Сайт « Glamsquad» (header+hero)
Сайт Glamsquad має низку переваг для користувачів, які шукають зручний
спосіб бронювання б'юті-послуг. Його головною перевагою є інтуїтивно
зрозумілий інтерфейс бронювання, який дозволяє клієнтам легко вибрати
послуги, дату, час і місце проведення процедури, а також здійснити оплату
онлайн. Це робить сервіс зручним і доступним, особливо для мобільних
користувачів завдяки адаптивному дизайну. Клієнти також можуть переглядати
профілі майстрів з оцінками та відгуками, що додає прозорості та підвищує довіру
до платформи.
Рисунок 1.2 – Сайт «Glamsquad» (footer)
Однак сайт має низку недоліків, які можуть бути критичними для
візажистів, що прагнуть розвивати власний бренд. Оскільки Glamsquad
орієнтований на бронювання послуг багатьох майстрів, сайт не забезпечує
достатнього рівня персоналізації для кожного з них, а отже, індивідуальний стиль
і особливості роботи кожного візажиста можуть бути загублені в загальній
системі. Крім того, платформа робить акцент на простоті та швидкості
бронювання, що обмежує можливості для детального портфоліо чи розширеного
представлення робіт. Відсутність консультаційної підтримки перед вибором
послуги також може бути мінусом для клієнтів, які потребують детальнішого
обговорення своїх побажань, а обмежена можливість персонального брендингу
може не підходити тим майстрам, які хочуть створити індивідуальне враження
про себе та свій стиль роботи.
16
1.4.2 Charlotte Tilbury (charlottetilbury.com)
Сайт charlottetilbury.com є прикладом якісного персонального брендингу,
орієнтованого на створення преміального образу відомого візажиста Шарлотти
Тілбері [6]. Платформа вирізняється стильним дизайном і добре продуманою
структурою, яка дозволяє користувачам швидко знайти необхідну інформацію
про продукти, а також отримати поради щодо їх використання. Важливою
перевагою сайту є інтерактивні елементи, зокрема навчальні матеріали,
відеоуроки та інтеграція з соціальними мережами, що допомагають формувати
спільноту бренду і забезпечують додатковий інтерес до продукції [6].
Рисунок 1.3 – Сайт « Charlotte Tilbury»
17
Рисунок 1.4 – Сайт « Charlotte Tilbury» (мобільна версія)
Однак charlottetilbury.com має обмеження, які можуть впливати на зручність
користувачів, особливо на мобільних пристроях, оскільки сайт не повністю
адаптований для різних екранів і виглядає громіздким при використанні
смартфонів [6]. Відсутність мобільної адаптації може створювати дискомфорт для
клієнтів, які бажають здійснювати покупки чи переглядати контент на ходу, що в
сучасних умовах є суттєвим недоліком. Сайт адаптовано під комп’ютерну версію,
та версію планшету. Але як тільки відвідати сайт на мобільному пристрої,
адаптація стає гнучкою, що в сучасній розробці є дуже поганою практикою [6]. Це
обмеження підкреслює важливість створення адаптивних версій, що враховують
мобільних користувачів. Порівняно з таким підходом, індивідуальні сайти
візажистів з адаптивним дизайном виглядають більш сучасними та орієнтованими
на потреби користувачів, які звертаються до смартфонів для отримання
інформації.
1.4.3 Makeup by Mario (makeupbymario.com)
Однак сайт Makeup by Mario має деякі обмеження, які можуть впливати на
зручність користувачів. Наприклад, сайт орієнтований більше на демонстрацію
продукції та навчальних матеріалів, але не на активну взаємодію з користувачами
18
через інтерактивні елементи або інші функції, що можуть підвищити рівень
залучення. Крім того, сайт має певні труднощі з мобільною адаптацією, особливо
у версії для смартфонів, що може ускладнити користування сайтом для тих, хто
звик здійснювати покупки або переглядати контент на ходу [7].
Рисунок 1.5 – Сайт « Makeup by Mario»
Незважаючи на свої сильні сторони, Makeup by Mario має певні обмеження.
Як і деякі інші сайти відомих брендів, він більше орієнтований на продаж
продуктів, а не на детальне представлення персональних послуг чи індивідуальної
консультації. Це означає, що платформа недостатньо підходить для тих, хто
шукає персоналізовану підтримку візажиста. Крім того, сайт також не
відрізняється високою інтерактивністю в плані обговорення продуктів або
отримання зворотного зв'язку від користувачів безпосередньо на сторінках
товарів, що може обмежувати зручність для клієнтів. У порівнянні з сайтами,
орієнтованими на консультації, відгуки та індивідуальний підхід, сайт Makeup by
Mario менш гнучкий, оскільки він зосереджений на загальному представленні
бренду та продукції, а не на інтерактивному зв'язку з користувачами. На сайті
19
Makeup by Mario також відсутня повноцінна мобільна версія. Хоча сайт
адаптується під планшети, мобільна версія є менш гнучкою та не повністю
пристосованою для маленьких екранів, що може створювати незручності для
користувачів, які хочуть отримати швидкий доступ до продуктів і інформації зі
смартфона. В умовах сучасного ринку, де значна частина відвідувачів заходить на
сайт з мобільних пристроїв, відсутність оптимальної мобільної адаптації може
знижувати зручність користування та обмежувати доступ до сайту для мобільних
клієнтів, що підкреслює необхідність адаптивного дизайну для максимальної
зручності.
Рисунок 1.6 – Сайт « Makeup by Mario»
1.5 Формування концепції проєкту
Формування концепції вебсайту майстра-візажиста передбачає розробку
унікального підходу, орієнтованого на підвищення його функціональності та
зручності для користувачів у порівнянні з аналогами. На основі проведеного
аналізу аналогічних платформ, серед яких виділяються сайти для бронювання,
продажу косметики, а також персональні сайти візажистів, було поставлено мету
створення ресурсу, що інтегрує елементи консультацій, відгуків і портфоліо для
ефективної взаємодії з клієнтами.
20
Цілі проєкту включають досягнення високої ефективності роботи сайту,
створення інтерактивного інтерфейсу для залучення користувачів та підвищення
загального рівня задоволеності клієнтів. Виходячи з мети, були визначені основні
задачі: забезпечення адаптивного дизайну, що покриває потреби мобільної,
планшетної та десктопної аудиторії; реалізація інтерактивних модулів для
надання консультацій та збору відгуків; створення портфоліо та інформаційного
блоку для підвищення довіри клієнтів.
Для забезпечення конкурентних переваг проєкту було проведено SWOT-
аналіз, де були визначені сильні та слабкі сторони, можливості та загрози[38].
Сильні сторони включають унікальний підхід до взаємодії з клієнтами, високу
якість візуального контенту, а також орієнтацію на персоналізацію досвіду
користувачів [37]. Серед слабких сторін виділяється необхідність у постійній
підтримці контенту.
1.5.1 SWOT-аналіз для сайту візажиста
SWOT-аналіз — це потужний інструмент для стратегічного управління,
який дозволяє компаніям здійснювати аналіз внутрішніх і зовнішніх аспектів
свого бізнесу. Абревіатура SWOT походить від англійських слів: Strengths (сильні
сторони), Weaknesses (слабкі сторони), Opportunities (можливості) та Threats
(загрози) [12].
SWOT-аналіз може допомогти вам проаналізувати свій бізнес зі
стратегічної точки зору. Це допоможе вам визначити, як використати свої
можливості, використовуючи свої сильні сторони та як уникнути загроз та
усунути слабкі сторони
SWOT аналіз проєкту:
1) Сильні сторони (Strengths):
- індивідуалізований підхід: Сайт розроблено під конкретного
візажиста, враховуючи його стиль і послуги.
21
- мінімальне використання ресурсів: Легка реалізація бази даних через
.json, що зменшує витрати на серверну частину.
- доступність: Використання сучасних технологій (HTML, CSS, JS)
забезпечує адаптивність сайту під різні пристрої (Mobile First).
- інтерактивність: Наявність інтерактивних елементів, таких як
можливість залишати коментарі, переглядати відгуки, відеоконсультації,
підвищує залученість користувачів.
2) Слабкі сторони (Weaknesses):
- Обмежена масштабованість: Використання локального .json файлу
може стати бар’єром для обробки великої кількості даних.
- Залежність від фронтенд-рішень: Відсутність бекенд-системи
обмежує функціонал, наприклад, для складного аналізу даних або авторизації.
- Відсутність автоматизації: Не передбачено автоматичне
підтвердження або модерація відгуків.
3) Можливості (Opportunities):
- Розширення функціоналу: Інтеграція API для онлайн-запису чи
автоматизація консультацій.
- Залучення аудиторії через соціальні мережі: Підвищення
впізнаваності сайту за допомогою інтеграції з соцмережами.
- Міжнародний ринок: Можливість надання консультацій через відео
клієнтам із різних країн.
- Інноваційні технології: Використання прогресивних рішень, таких як
PWA, для підвищення продуктивності.
4) Загрози (Threats):
- Конкуренція: Велика кількість сайтів і платформ із подібними
функціями.
- Технічні обмеження: Використання базових технологій може не
відповідати очікуванням просунутих користувачів.
- Кіберзагрози: Відсутність складної захищеної архітектури може стати
слабким місцем для потенційних атак.
22
- Залежність від зовнішніх факторів: Наприклад, зміни в алгоритмах
пошукових систем чи популярність соціальних мереж.
- Вразливість базових рішень до інновацій (наприклад, необхідність
переходу від .json до повноцінної бази даних при масштабуванні).
Сильні сторони (S): Слабкі сторони (W):
1. Індивідуалізований дизайн, що 1. Обмежена
підкреслює бренд візажиста. масштабованість через
2. Інтерактивність: коментарі, відгуки, використання .json як бази
консультації. даних.
3. Простота реалізації і доступність 2. Відсутність автоматичної
сучасних технологій. модерації відгуків та коментарів.
4. Адаптивний дизайн під різні
пристрої (Mobile First).
Можливості (O): Загрози (T):
1. Інтеграція API для онлайн- 1. Конкуренція
запису чи соцмереж. 2. Високі очікування
2. Підвищення впізнаваності користувачів щодо дизайну та
через SEO та маркетинг. функціоналу.
3. Розширення на міжнародний
ринок через відеоконсультації.
Таблиця 1.1 – SWOT-таблиця інформаційної системи
1.5.2 PEST -аналіз для сайту візажиста
PEST-аналіз — це спосіб зрозуміти, як зовнішні сили впливають на ваш
бізнес. Він був створений професором Гарварду Френсісом Агіларом у 1967
році[39]. Цю методику варто включити в кожен бізнес-план на додаток до SWOT-
аналізу, оскільки він є частиною управління ризиками і розробки стратегії. [11].
23
Розглядаючи PEST-аналіз даного проєкту, потрібно враховувати те, що на
даний момент Україна знаходиться в стані війни, а в самій країні введений
воєнний стан.
PEST-аналіз проєкту:
1. Політичні фактори (Political):
- Регулювання в сфері онлайн-комерції та захисту даних (наприклад,
GDPR для роботи з європейськими користувачами).
- Законодавство щодо реклами та продажу послуг у косметичній
індустрії.
- Локальні обмеження на надання онлайн-консультацій у різних
країнах.
2. Економічні фактори (Economic):
- Попит на косметичні послуги залишається стабільним навіть під час
економічних криз, оскільки це частина особистої турботи.
- Вартість підтримки сайту залежить від доступних ресурсів
(наприклад, недорогий хостинг або безкоштовні інструменти).
- Зростаючий ринок онлайн-консультацій дозволяє монетизувати
проєкт.
3. Соціальні фактори (Social):
- Збільшення попиту на персоналізовані послуги, зокрема візаж.
- Популярність онлайн-відгуків як основного джерела довіри клієнтів.
- Зростання важливості естетики та зручності використання сайту для
цільової аудиторії.
4. Технологічні фактори (Technological):
- Швидкий розвиток вебтехнологій дає можливості для постійного
оновлення та покращення сайту.
24
- Підтримка інтеграцій із відеоплатформами (Zoom, Google Meet) для
консультацій.
1.6 Резюме проєкту
Мета проєкту:
Створення інтерактивного вебсайту для візажиста, що забезпечує клієнтам
зручний доступ до інформації про майстра, його роботи, контактні дані, а також
дозволяє записуватися на консультації та залишати відгуки.
Об’єкт та предмет дослідження
Об’єкт: вебплатформи для персональних брендів у сфері послуг.
Предмет: інтерактивні функції та елементи вебсайту, які сприяють залученню
користувачів і підвищенню ефективності брендингу візажиста.
Очікувані результати
Реалізація сучасного вебсайту з адаптивним дизайном,
оптимізованого під різні пристрої.
Впровадження інтерактивних функцій, таких як онлайн-відгуки,
відеоконсультації та галерея робіт.
Забезпечення зручного та швидкого доступу до інформації про
візажиста для потенційних клієнтів.
Методи виконання
Проєкт реалізується із застосуванням Mobile First підходу, з використанням
HTML, CSS, JavaScript і JSON як бази даних для зберігання даних про відгуки та
роботи. Розробка включає етапи дослідження аналогів, створення дизайну у
Figma, реалізацію функціоналу та тестування.
Стислий обсяг
Розробка вебсайту триватиме 1.5 місяці.
Необхідні ресурси: комп’ютерна техніка, програмне забезпечення для
розробки, домен та хостинг.
Очікувані вигоди та цільова аудиторія
Цільова аудиторія — клієнти візажиста, які бажають переглянути портфоліо
майстра, знайти контактну інформацію, а також скористатися консультаційними
послугами. Очікувані вигоди: підвищення видимості бренду візажиста,
збільшення кількості клієнтів, зручність для користувачів.
25
Загальний термін завершення
Завершення розробки та запуск проєкту планується за 3 місяці з моменту
старту.
Основні етапи
1. Аналіз існуючих аналогів та формування концепції проєкту.
2. Розробка дизайну та прототипів.
3. Впровадження функціоналу вебсайту.
4. Тестування сайту та виправлення помилок.
5. Запуск сайту та зворотний зв’язок із користувачами.
1.7 Аналіз цільової аудиторії
Ефективне управління проєктом вебсайту візажиста потребує детального
розуміння цільової аудиторії, яка є основним користувачем та відвідувачем
ресурсу. Основними характеристиками потенційних користувачів є вік,
соціальний статус, професійна зайнятість та інтерес до сфери краси та догляду за
собою. Більшість аудиторії включає жінок віком від 18 до 45 років та невелику
частину чоловіків, які активно використовують інтернет для пошуку косметичних
порад, натхнення для макіяжу та рекомендацій щодо вибору продуктів і
послуг.[9]
Аналіз потреб цієї аудиторії показує, що користувачі високо цінують
можливість отримати персоналізовану консультацію, переглянути відгуки інших
клієнтів, ознайомитися з портфоліо майстра та отримати інформацію про послуги
і переваги співпраці. У сучасних умовах, коли користувачі більше часу проводять
на мобільних пристроях, важливо забезпечити зручність перегляду сайту на
різних платформах, враховуючи адаптивний дизайн та простоту навігації.
Загальні тенденції в індустрії послуг краси свідчать про підвищений попит
на інтерактивність та швидкий доступ до інформації. Це вимагає від вебсайту не
тільки якісного контенту, але й елементів взаємодії, таких як відгуки, консультації
та можливість переглядати портфоліо майстра. Сайт повинен мати інтерактивні
елементи, які допомагають користувачам легко зв'язуватися з майстром,
26
дізнаватися про послуги та залишати свої враження, що підвищує довіру та
покращує досвід взаємодії.[10]
На основі аналізу користувачів були сформовані вимоги до сайту:
адаптивний дизайн, інтерактивність, простота навігації, відображення відгуків, а
також функціонал для перегляду портфоліо. Ці вимоги орієнтовані на
задоволення потреб цільової аудиторії, забезпечення конкурентоспроможності
ресурсу та створення позитивного користувацького досвіду для відвідувачів
вебсайту.
Висновки до розділу 1
У першому розділі було проведено всебічний аналіз теоретичних основ
управління проєктами веб-розробки, розглянуто сучасні тенденції у створенні
сайтів для сфери послуг і персональних брендів, а також взаємодії з
користувачами через інтерактивні елементи. Особлива увага була приділена
аналізу існуючих аналогів, серед яких було відзначено як сильні, так і слабкі
сторони популярних платформ. Це дозволило сформулювати ключові критерії для
розробки сайту для візажиста, враховуючи найкращі практики конкурентів.
Постановка мети та задач створення проєкту базується на аналізі сильних і
слабких сторін аналогічних ресурсів, що дозволяє зосередитись на важливих
аспектах, таких як адаптивний дизайн, інтерактивність та ефективна взаємодія з
користувачами. Завдяки SWOT та PEST-аналізу було визначено основні фактори,
які можуть вплинути на успіх проєкту.
Розділ надав детальну картину тенденцій у сфері веб-розробки та допоміг
сформувати чітке бачення для подальшої розробки сайту, орієнтуючись на
потреби цільової аудиторії та конкурентні переваги.
27
Розділ 2 ГАЛУЗІ УПРАВЛІННЯ ПРОЄКТОМ СТВОРЕННЯ
ІНФОРМАЦІЙНОЇ СИСТЕМИ
2.1 Управління змістом та предметною областю проєкту
Управління змістом і предметною областю проєкту є важливою складовою
його успішної реалізації. Цей процес включає в себе визначення ключових
макроцілей проєкту, структуру управління, а також побудову WBS для організації
завдань на різних етапах.
Макроцілі проєкту — це основні орієнтири, яких потрібно досягти для
успішної реалізації проєкту. У контексті розробки інформаційної системи для
візажиста ці цілі можуть включати в себе створення функціонального, зручного
для користувачів сайту, який забезпечує інтерактивність через коментарі та
відгуки, а також надає можливість консультацій в режимі реального часу. Чітке
визначення таких цілей допомагає командам зосередити свої зусилля на основних
завданнях і уникнути відхилень від курсу [13].
Структура управління проєктом визначає, хто і за що відповідає на кожному
етапі реалізації проєкту. Вона зазвичай складається з кількох рівнів управління:
проєктний менеджер, технічний керівник, команда розробників, дизайнери та QA-
інженери. Чітка організація структури дозволяє мінімізувати помилки в процесі
управління, а також забезпечує ефективне використання ресурсів. Визначення
ролей і обов'язків є важливим для досягнення цілей проєкту та забезпечення
якісної комунікації між учасниками [14].
WBS — це методика розподілу проєкту на менші, керовані частини. Вона
дозволяє деталізувати кожен етап проєкту на завдання, які можна зручно
планувати, виконувати та контролювати. Для проєкту розробки сайту для
візажиста WBS може включати етапи: аналіз вимог, розробка архітектури сайту,
дизайн інтерфейсу, розробка функціоналу, тестування та запуск і супровід.
Розподіл проєкту на чітко визначені етапи допомагає не тільки знизити ризики,
28
але й дає можливість детально планувати ресурси і час для виконання кожного
етапу [15].
2.2 Процес управління ресурсами проєкту
Управління ресурсами є важливою складовою будь-якого проєкту, оскільки
від ефективного використання трудових та матеріальних ресурсів залежить
успішне виконання завдань у визначені терміни та в межах бюджету. Для проєкту
розробки вебсайту візажиста управління ресурсами має особливе значення, адже
кожен етап створення сайту вимагає різних видів ресурсів: від трудових (для
створення дизайну та програмування) до матеріальних (для підтримки серверів і
програмного забезпечення)[16].
У проєкті розробки вебсайту для візажиста можна виокремити два основні
види ресурсів: трудові та матеріальні[17].
До категорії трудових ресурсів входять усі учасники проєкту, які
безпосередньо працюють над його реалізацією. У моєму випадку це розробник,
дизайнер, контент-менеджер, тестувальник та маркетолог. Кожен із цих фахівців
має свою роль у створенні вебсайту: розробник відповідає за програмування
функціоналу сайту, дизайнер — за його візуальне оформлення, а тестувальник —
за перевірку працездатності елементів на всіх етапах розробки.
В свою чергу матеріальні ресурси для вебсайту включають програмне
забезпечення, технічне обладнання та платформи для хостингу. В моєму ПП
інструменти для веб-розробки - це Vite, бази даних у форматі JSON, а також
ресурси для тестування сайту. Важливою частиною матеріальних ресурсів є вибір
хостинг-платформи, яка забезпечить доступність сайту в Інтернеті.
Оцінка трудових і матеріальних ресурсів має велике значення для
успішного виконання проєкту. Вона дозволяє визначити, чи достатньо у людей
для виконання всіх завдань та чи забезпечені виконавці необхідними
інструментами.
29
Оцінка матеріальних ресурсів включає вибір технологій і платформ для
розробки та хостингу. У випадку вебсайту для візажиста, вибір інструментів для
фронтенд-розробки ліг на мову програмування JS, що дозволить створити
швидкий і зручний сайт. Для хостингу сайту я обрав GitHub Pages для статичних
сайтів, залежно від потреб. Оцінка матеріальних ресурсів також передбачає
забезпечення належного рівня безпеки, наприклад, за допомогою SSL-
сертифікатів.
Планування ресурсів включає в себе складання графіка робіт і розподіл
завдань серед фахівців. У проєкті розробки вебсайту для візажиста, на етапі
планування визначаються, які саме трудові та матеріальні ресурси потрібні для
виконання кожного етапу. Так, на етапі дизайну сайту необхідно визначити,
скільки часу потрібно на розробку візуальної частини сайту, а на етапі
програмування — які інструменти та платформи потрібно використовувати для
досягнення найкращих результатів.
Розподіл ресурсів полягає в тому, щоб забезпечити кожного члена команди
необхідними інструментами та матеріалами для виконання його завдань. Для
програміста потрібно надати доступ до середовища для кодування (VSCode), а
для тестувальника — доступ до сервера для перевірки функціональності [18].
Моніторинг використання ресурсів є ключовим етапом у забезпеченні
успішного виконання проєкту. Важливо постійно відстежувати, як ефективно
використовуються ресурси, щоб вчасно виявити відхилення від плану. Для
моніторингу трудових ресурсів можна використовувати спеціальні інструменти,
такі як Trello, який дозволяє контролювати виконання завдань, відслідковувати
статус кожного етапу та забезпечити відповідність термінам.
Також важливо враховувати використання матеріальних ресурсів. У
випадку вебсайту візажиста можна контролювати витрати на хостинг,
30
налаштування баз даних, а також перевіряти налаштування інструментів для
розробки, щоб забезпечити належну якість та безпеку сайту.
2.3 Управління часом проєкту
Ефективне управління часом є одним з основних аспектів у розробці
вебсайту, оскільки кожен етап має чітко визначені терміни. Це дозволяє
забезпечити вчасну реалізацію проєкту та досягнення запланованих результатів. У
випадку розробки вебсайту для візажиста управління часом охоплює кілька
ключових етапів: планування проєктного графіку, оцінка тривалості завдань,
визначення критичного шляху та моніторинг виконання графіку.
Планування проєктного графіку (діаграма Ганта)
Для ефективного управління часом у проєкті розробки вебсайту необхідно
створити чіткий план, який відображатиме всі етапи виконання робіт. Одним із
основних інструментів планування є діаграма Ганта, яка дозволяє наочно
побачити часові рамки кожного завдання. Ця діаграма дає змогу побачити етап
підготовки проєкту та його тривалість.
У нашому випадку діаграма Ганта для розробки вебсайту візажиста включає
наступні етапи: підготовчі етапи, розробка дизайну сайта, програмування,
тестування та запуск сайту. Для кожного етапу визначається конкретний час
виконання, завдання та відповідальні особи. Використання діаграми Ганта
допомагає не тільки візуалізувати процес, а й своєчасно виявляти затримки та
коригувати терміни, при випадках затримці етапу тестування або розробки.
31
Рисунок 2.1 – Діаграма Ганта
Оцінка тривалості завдань є не менш важливим етапом у процесі управління
часом. Для кожного етапу проєкту необхідно визначити, скільки часу буде
потрібно для його виконання. Важливо враховувати не лише реальний час, а й
можливі ризики, що можуть призвести до затримок, таких як етап розробки
дизайну, який може зайняти більше часу, ніж очікувалось, в випадку якщо
виникнуть труднощі при узгодженні дизайну з замовником.
Критичний шлях є концепцією, яка дозволяє визначити найважливіші
завдання, від яких залежить завершення всього проєкту. Визначення критичного
шляху допомагає зосередити увагу на тих етапах, затримка яких призведе до
затримки всього проєкту. У разі з вебсайтом для візажиста критичний шлях може
включати етапи, такі як розробка основної функціональності сайту, тестування та
налаштування хостингу. Якщо затримаються ці етапи, весь проєкт може
відкластися.
Моніторинг виконання графіку — це постійний процес, який дозволяє
стежити за тим, як виконуються завдання і чи відповідають вони запланованим
термінам. Для цього я використав спеціалізований інструмент для управління
проєктами, такий як Trello, він дає змогу відслідковувати статус кожного завдання
в реальному часі. Ці інструменти дозволяють виявити проблеми на ранньому
етапі, що дозволяє уникнути затримок у подальших етапах [21].
32
Рисунок 2.2 – Дошка Trello
У разі виявлення відхилень від графіку важливо вчасно коригувати план. Це
може включати перенесення термінів, перепризначення ресурсів або додаткові
заходи для прискорення роботи на певних етапах. Наприклад, якщо затримка на
етапі програмування призводить до відставання, можна збільшити кількість
розробників або скоротити час на тестування. Важливо постійно моніторити
процес, коригуючи його за потреби, щоб забезпечити успішне завершення
проєкту в межах встановленого часу.
2.4 Управління вартістю проєкту
Управління вартістю проєкту це відповідальний етап в процесі розробки
вебсайту, оскільки дозволяє не тільки визначити необхідні фінансові ресурси для
успішного завершення проєкту, а й контролювати витрати на всіх етапах його
реалізації. Враховуючи, що вебсайт для візажиста має кілька етапів, таких як
підготовка, дизайн, розробка функціональності, тестування та запуск, важливо
чітко оцінити витрати на кожен з них, а також розробити бюджет для кожного
етапу та здійснити моніторинг витрат протягом всього проєкту.
Планування ресурсів та оцінка вартості є першочерговим етапом управління
вартістю проєкту. На цьому етапі важливо визначити кількість необхідних
ресурсів для кожного з етапів розробки вебсайту. Це включає трудові ресурси
(розробники, дизайнери, тестувальники) та матеріальні ресурси (програмне
33
забезпечення, хостинг, домен). Оцінка вартості ресурсів проводиться шляхом
підрахунку вартості трудових ресурсів (зарплати співробітників) та матеріальних
витрат (вартість ліцензій на програмне забезпечення, хостинг та інше).
Для оцінки витрат на етапи розробки важливо врахувати різні фактори, такі
як:
- Підготовка: витрати на аналіз вимог, складання технічного завдання,
консультації з клієнтом.
- Дизайн: витрати на розробку концептуального дизайну, створення
макетів, узгодження дизайну з замовником.
- Функціональність: витрати на програмування, розробку основних
функцій сайту, інтеграцію з базою даних.
- Тестування: витрати на тестування сайту, виявлення помилок та їх
виправлення.
- Запуск: витрати на запуск сайту, налаштування хостингу та домену,
остаточне тестування перед публікацією.
Розробка бюджету є ключовим етапом в управлінні вартістю проєкту.
Бюджет складається на основі оцінки витрат, визначеної на попередньому етапі.
Важливо створити детальний бюджет для кожного етапу проєкту, щоб
забезпечити чітке розуміння фінансових витрат на кожному етапі.
34
Матеріальні Загальні витрати
Етап проєкту Трудові ресурси ресурси (грн) (грн)
(грн)
Підготовчий етап 5000.00 1000.00 6000.00
Дизайн вебсайту 8000.00 2000.00 10000.00
Розробка 15000.00 5000.00 20000.00
функціональності
Тестування та 6000.00 1000.00 7000.00
налаштування
Запуск проєкту 4000.00 2000.00 6000.00
Загальні витрати 43000.00 11000.00 54000.00
Таблиця 2.1 – Розбір загального бюджету проєкту
Ця таблиця дозволяє зрозуміти загальний бюджет проєкту та оцінити
витрати на кожен етап. Вона також дає змогу виявити потенційні ризики
перевищення бюджету на певних етапах.
Управління вартістю включає моніторинг витрат протягом усього проєкту
та коригування витрат за необхідності. На цьому етапі важливо постійно
порівнювати фактичні витрати з запланованими та вживати заходів у разі
відхилень. Для прикладу, якщо витрати на розробку функціональності
виявляються більшими, ніж очікувалося, потрібно з’ясувати причину
перевищення бюджету (можливо, через додаткові функції або затримки у
розробці) і розглянути можливість оптимізації інших етапів. Моніторинг витрат
також дозволяє запобігти появі серйозних перевитрат та забезпечити своєчасне
завершення проєкту в межах встановленого бюджету.
35
2.5 Управління якістю проєкту
Управління якістю в ІТ-проєктах є вирішальним фактором успіху, що
забезпечує відповідність кінцевого продукту вимогам замовника,
функціональності та сучасним стандартам розробки. У контексті розробки
вебсайту для візажиста, управління якістю охоплює такі аспекти, як визначення
критеріїв якості для кожного етапу проєкту, оцінка ризиків, моніторинг та
використання сучасних інструментів для аналізу причин і наслідків можливих
проблем.
Критерії якості забезпечують чітке розуміння очікувань замовника та
встановлюють показники оцінки результату на кожному етапі. У проєкті розробки
вебсайту для візажиста критерії формуються залежно від конкретних завдань і
особливостей етапів [22,23].
Етап розробки Критерії якості Методи оцінки
Підготовка
Повнота зібраних вимог Інтерв'ю, анкети
Дизайн
Естетичність, Затвердження ескізів
адаптивність
Тестування розробників,
Функціональність Відсутність збоїв, використання панелі
зручність навігації розробників
Тестування
Мінімізація помилок Автоматизоване та
ручне тестування
36
Запуск Оцінка за метриками
Відповідність продуктивності
результату вимогам
Таблиця 2.1 – Розбір загального бюджету проєкту
Критерії якості (Діаграма Ісікави)
Для побудови діаграми Ісікави (діаграми причинно-наслідкових зв'язків)
відповідно до теми розглянемо ключові проблеми, які можуть вплинути на якість
розробки сайту візажиста. Ця діаграма допоможе виявити потенційні причини
проблем[24].
Рисунок 2.3 – зображення діаграми Ісікави
37
Щоб забезпечити якість на всіх етапах розробки, можна деталізувати
вимоги до конкретних компонентів.
Етапи підготовки проєкту:
Компонент Критерії Метрики
Допустиме
значення
Аналіз вимог Повнота та Кількість 100%
точність врахованих
вимог
Складання Відповідність Узгодження з 100%
технічного очікуванням клієнтом
завдання замовника
≤ 2
Планування Реалістичність Кількість
ресурсу коригувань
38
Таблиця 2.2 – Розбір загального бюджету проєкту
Етап дизайну веб-сайту:
Компонент Критерії Метрики
Допустиме
значення
Прототипи Естетичність і Кількість 90% і вище
адаптивність схвалених макетів
Відповідність Узгодженість з Частка 95% і вище
кольоровій фірмовим стилем відповідності
палітрі
≥ 8/10
Візуальна Простота навігації Оцінка
структура користувачами
39
Таблиця 2.3 – Розбір загального бюджету проєкту
Етап функціональності проєкту:
Компонент Критерії Метрики
Допустиме
значення
Форма Коректність Успішність 98% і вище
зворотного передачі даних запитів
зв'язку
Галерея робіт Стабільність Час завантаження < 2 секунд
завантаження
Безперебійність 95% і вище
Консультація Тривалість без
40
збоїв
Таблиця 2.4 – Розбір загального бюджету проєкту
Етап тестування проєкту:
Компонент Критерії Метрики
Допустиме
значення
Простота Оцінка ≥ 8/10
використання користувачами
Автоматизоване Мінімізація Частка помилок < 1%
тестування помилок
100%
Сумісність Відсутність багів Кількість
41
на різних успішних тестів
пристроях
Таблиця 2.5 – Розбір загального бюджету проєкту
Етап запуску проєкту:
Компонент Критерії Метрики
Допустиме
значення
Продуктивність Швидкість Час завантаження < 2 секунд
завантаження
сторінки
Задоволеність
Відгуки клієнтів Оцінка клієнтами ≥ 9/10
42
100%
Готовність Відповідність Частка виконання
технічному вимог
завданню
Таблиця 2.6 – Розбір загального бюджету проєкту
2.6 Управління комунікаціями в проєкті
Без чого не можна представити успішність проєкту, так це, безумновно, без
комунікацій. Комунікація забезпечує чіткий обмін інформацією між командою
розробників, замовником і потенційними зацікавленими сторонами, знижуючи
ризики помилок і непорозумінь.
Основні комунікаційні канали на проєкті були наступними:
- електронна пошта[26]: Для офіційного обміну документами,
технічними завданнями та звітами.
- чати в месенджерах (Slack[25], Telegram): Для оперативного
обговорення поточних питань.
- відеоконференції (Zoom, Google Meet): Для регулярних статус-
зустрічей та обговорення змін у проєкті.
- проєктний менеджмент ( Trello): Для управління завданнями, фіксації
змін та відстеження прогресу.
Канали зв’язку можна поділити на 2 типи: командні та замовницькі.
43
До командних каналів зв’язку відносяться:
- Щотижневі мітинги (відеозустрічі).
● Учасники: розробники, дизайнер, тестувальник, проєктний менеджер.
● Мета: обговорення прогресу, вирішення блокуючих проблем.
- Постійний обмін оновленнями через месенджери.
● Час відгуку: до 1 години в робочий час.
- Формалізація завдань у Trello із зазначенням дедлайнів,
відповідальних та етапів виконання.
До каналів зв’язку з замовником відносяться:
- Щомісячні відеоконференції з презентацією прогресу проєкту.
- Надсилання звітів електронною поштою (1 раз на 2 тижні).
- Можливість перегляду поточного стану завдань через спільний
доступ до Trello.
Канал
Цільова Частота Інструмент Час відгуку
аудиторія використання
Замовник,
Електронна команда Щотижня Gmail, 24 години
пошта Outlook
Чати Команда Постійно
44
Slack, До 1 години
Telegram
Відеозустрічі Замовник,
команда Щотижня / Zoom, Google Залежить від
Щомісяця Meet графіку
Менеджер Команда, Постійно Trello В режимі
задач проєктний реального
менеджер часу
Таблиця 2.7 – Таблиця каналів комунікації
Візуалізація комунікаційного процесу в проєкті відіграє ключову роль у
забезпеченні зрозумілості, доступності та організованості інформаційного потоку.
Для її реалізації можна використовувати різні інструменти та моделі, які
допомагають наочно представити, як інформація передається між учасниками
проєкту, зокрема між членами команди, замовником і кінцевими користувачами.
Ефективна візуалізація починається з розробки схеми комунікаційних
каналів. Ми можемо створити діаграму, яка демонструє взаємодію всіх учасників
проєкту: від дизайнера й розробника до тестувальника та менеджера. Ключовими
елементами такої схеми є точки зв’язку, такі як електронна пошта, месенджери,
відеоконференції чи системи управління завданнями (в нашому випадку Trello).
45
Така схема повинна включати в себе регулярні зустрічі, чітко визначені звіти на
кожному етапі та механізми передачі зворотного зв’язку.
Ще одним інструментом є використання графіків Ганта, доповнених
позначеннями ключових точок для комунікації. Графік може містити спеціальні
дати для передачі проміжних результатів замовнику, проведення внутрішніх
нарад чи організації тестування. Відображення таких подій у загальному
таймлайні допомагає уникнути перевантаження команди та оптимізувати
інформаційний обмін.
Додатково для візуалізації можна застосовувати таблиці з описом
інформаційних потоків, де зазначаються відправник, одержувач, тип інформації,
частота обміну та інструменти комунікації. У таблиці може бути вказано, що
дизайнер щотижня надсилає прототипи замовнику через електронну пошту, а
менеджер щоденно проводить короткі звіти для команди через Slack.
Щоб забезпечити інтерактивність і прозорість, використовують такі
інструменти, як інтерактивні карти процесів або системи відстеження прогресу.
Для цього використаємо Google Workspace, який дозволяє в режимі реального
часу відслідковувати зміни в документах і коментарях, що мінімізує ризик втрати
важливої інформації.
Візуалізація комунікаційного процесу значно підвищує ефективність
управління проєктом, дозволяючи наочно представити потік інформації,
встановити відповідальних за передачу даних і забезпечити прозорість у
спілкуванні між учасниками. Це допомагає уникнути дезорганізації, мінімізувати
ризики та забезпечити досягнення поставлених цілей у рамках проєкту.
2.7 Управління ризиками в проєкті
Управління ризиками в проєкті розробки інтерактивного сайту для
візажиста є ключовим процесом, спрямованим на мінімізацію невизначеностей,
46
забезпечення досягнення цілей і збереження ефективності ресурсів. На
початковому етапі управління ризиками проводиться ідентифікація потенційних
загроз. Для цього складається список можливих ризиків, таких як технічні
несправності, недоліки в дизайні, затримки в реалізації через недостатню
координацію команди або зміни у вимогах замовника. Аналіз ризиків базується на
оцінці ймовірності їх виникнення та масштабів впливу на проєкт. Цей аналіз може
здійснюватися за допомогою якісних і кількісних методів, зокрема створенням
матриці ризиків, де ризики розподіляються за рівнями пріоритетності.
Категорія Опис ризику Можливий Ймовірність Рівень
ризику вплив ризику
Висока Високий
Технічні Виникнення Затримка
помилок у коді термінів,
під час розробки збільшення
функціональності витрат
сайту
Інфраструктурн Середня Середній
і Проблеми з Недоступність
хостингом чи сайту для
мережею користувачів
47
Комунікаційні Висока Високий
Непорозуміння Невідповідність
між командою кінцевого
розробників та продукту
замовником вимогам
Ресурсні Низька Середній
Нестача Зниження
кваліфікованих продуктивності,
спеціалістів у затримка у
команді виконанні
завдань
Висока Високий
Змін вимог Непередбачені Необхідність
зміни у переробки,
функціональних збільшення
чи візуальних витрат
вимогах сайту
48
Якісні Середня Середній
Неякісна тестова Проблеми з
перевірка чи роботою сайту
недостатня увага або його
до дрібних виглядом
деталей
Зовнішні Низька Низький
Економічні чи Відсутність
політичні кризи, фінансування,
які впливають на зупинка проєкту
бюджет чи строки
виконання
Низька Низький
Юридичні Невиконання Штрафи, судові
ліцензійних чи позови
авторських вимог
Клієнтські Середня Середній
Недостатня Затримки у
активність або прийнятті
зацікавленість з рішень чи
боку замовника узгодженні
49
Часові Висока Високий
Недооцінка Затримка
необхідного часу завершення
на виконання проєкту
певних етапів
Таблиця 2.8 – Список можливих ризиків
Розробка стратегій управління ризиками є наступним важливим етапом. Для
високоприоритетних ризиків визначаються заходи з їхнього уникнення або
зниження. Ризик технічної несправності може бути мінімізований шляхом
проведення регулярних перевірок програмного забезпечення, а ризик затримки —
завдяки створенню резервів часу у графіку проєкту. Для менш критичних ризиків
формуються стратегії реагування, такі як резервування ресурсів або розробка
альтернативних планів. Усі ці заходи документуються в плані управління
ризиками, який узгоджується з усіма учасниками проєкту.
Моніторинг і контроль ризиків здійснюється протягом усього життєвого
циклу проєкту. Це включає регулярний перегляд і оновлення матриці ризиків,
контроль ефективності впроваджених заходів і реагування на нові загрози. Для
забезпечення прозорості цього процесу використовуються інструменти
управління проєктами, такі як Trello, які дозволяють відстежувати прогрес у
реальному часі.
50
Важливим аспектом управління ризиками є залучення команди до процесу
ідентифікації та вирішення ризиків. Регулярні зустрічі, обговорення та
проведення мозкових штурмів сприяють своєчасному виявленню нових загроз і
розробці ефективних рішень. У підсумку, управління ризиками дозволяє не лише
мінімізувати вплив негативних чинників, але й створити додаткові можливості
для підвищення ефективності проєкту. Впровадження додаткових тестів може
покращити загальну якість продукту. Дотримання структурованого підходу до
управління ризиками забезпечує успішне виконання проєкту в задані терміни та з
урахуванням усіх вимог замовника, створюючи при цьому високоякісний
продукт, який відповідає очікуванням користувачів.
2.8 Управління інтеграцією в проєкті
Управління інтеграцією в проєкті є ключовим аспектом забезпечення
ефективної взаємодії між усіма його компонентами, включаючи етапи
планування, розробки, тестування та впровадження. В умовах розробки
інтерактивного сайту для візажиста інтеграція стає критично важливою для
забезпечення цілісності функціональних елементів, відповідності вимогам
замовника та досягнення загальної мети проєкту
Процес інтеграції розпочинається з формування детального плану проєкту,
в якому враховуються всі ключові аспекти. Етапи інтеграції включають
координацію задач між розробниками дизайну та функціоналу, об’єднання бази
даних з відображенням на сайті та перевірку коректності всіх інтерактивних
елементів. База даних, яка зберігає відгуки клієнтів, має бути коректно
інтегрована з модулем відображення цих даних у форматі відгуків на сайті [27].
Це забезпечує зручність для користувачів і відповідає їхнім очікуванням.
Особливу увагу приділяють інтеграції під час переходу між етапами
розробки. Після завершення стадії дизайну необхідно забезпечити його
відповідність інтерактивній функціональності, такій як форми для залишення
відгуків або модулі для консультацій по телефонному зв'язку. Інтеграція API для
51
консультацій вимагає злагодженої роботи між командами фронтенд- та бекенд-
розробників, а також забезпечення безпеки даних.
Інтеграція тестування є ще одним важливим аспектом. На цьому етапі всі
компоненти проєкту перевіряються на предмет їх сумісності. У випадку
інтерактивного сайту для візажиста тестуються форми, функціональність галереї
робіт і взаємодія з базою даних. Також проводиться оцінка зручності для
користувачів, щоб забезпечити відповідність кінцевого продукту високим
стандартам якості
Завершальним етапом інтеграції є узгодження всіх компонентів у єдину
систему під час запуску сайту. Це включає налаштування серверної частини,
перевірку працездатності всіх інтерактивних елементів та оцінку продуктивності
системи під навантаженням [28]. Таким чином, інтеграція забезпечує
безперебійну роботу сайту та досягнення ключових цілей проєкту.
Управління інтеграцією передбачає використання спеціалізованих
інструментів для моніторингу прогресу та управління завданнями. Використана
мною платформа Trello дозволяє командам координувати свої дії та оперативно
вирішувати проблеми, що виникають під час роботи над проєктом[40]. Вони
також сприяють забезпеченню прозорості для замовника, що є важливим для
підтримання довіри.
2.9 Управління персоналом в проєкті
Управління персоналом у проєкті є ключовим аспектом забезпечення його
успішного виконання, особливо в сфері розробки інтерактивних вебсайтів. У
межах мого проєкту створення сайту для візажиста процес управління
персоналом охоплює кілька важливих етапів, які забезпечують формування
ефективної команди, підтримання її продуктивності та вирішення проблем, що
виникають під час роботи над проєктом[41].
52
Процес набору персоналу в проєкті починається з визначення ролей і
обов’язків, які потребують виконання. У нашому випадку до складу команди
входять дизайнери, веброзробники, тестувальники та менеджери. Кожна роль
вимагає специфічних компетенцій: дизайнери розробляють візуальний стиль
сайту, розробники інтегрують функціональні можливості, тестувальники
перевіряють якість продукту, а менеджери забезпечують координацію всіх
процесів. Важливо не лише знайти компетентних спеціалістів, а й оцінити їхню
здатність працювати в команді, оскільки успіх інтеграції залежить від
злагодженості роботи всіх учасників проєкту [29].
Мотивація команди відіграє ключову роль у досягненні високої
продуктивності. У нашому проєкті використовуються як матеріальні, так і
нематеріальні стимули. Серед матеріальних стимулів — своєчасна виплата
винагороди за виконану роботу, премії за досягнення ключових результатів.
Нематеріальні стимули включають гнучкий графік роботи, можливість
професійного розвитку, а також організацію корпоративних заходів. За даними
досліджень, ефективна комунікація між членами команди та лідером є одним із
основних факторів, що впливають на мотивацію[42]. У межах нашого проєкту
проводяться регулярні зустрічі, під час яких кожен член команди може
поділитися своїми ідеями або висловити проблеми, що виникли.
Додатковим аспектом мотивації є надання можливостей для кар’єрного
зростання і професійного розвитку. У рамках проєкту організовуються воркшопи
та тренінги, де члени команди можуть розширити свої знання у сфері розробки
вебсайтів. Це сприяє не тільки особистому розвитку працівників, але й покращує
якість кінцевого продукту, оскільки команда отримує нові інструменти та методи
роботи .
Також важливо враховувати індивідуальні потреби та очікування кожного
члена команди. Гнучкий графік може бути пріоритетом для працівників, які
суміщають роботу з іншими обов’язками. У нашому проєкті гнучкий підхід до
53
планування дозволяє кожному учаснику команди ефективно організовувати свій
час, що позитивно позначається на загальній продуктивності.
Крім того, мотивація підтримується через визнання досягнень команди.
Публічне визнання успіхів у формі подяки або нагородження на командних
зборах створює почуття задоволеності від виконаної роботи. У проєкті також
використовується практика складання індивідуальних планів розвитку для
кожного співробітника, що включає огляд досягнень і постановку нових цілей.
Підтримка команди включає не лише створення сприятливих умов праці,
але й надання необхідних ресурсів для виконання завдань. У нашому проєкті
забезпечення доступу до сучасного програмного забезпечення, таких як Figma для
дизайнерів, а також інструментів для розробки, таких як VS Code, є важливим
фактором продуктивності. Крім того, забезпечується навчання нових членів
команди щодо специфіки роботи з системами управління проєктами, як-от Trello.
Для збереження високої якості комунікації використовується Slack, де всі
учасники проєкту можуть швидко обмінюватися інформацією. Систематичний
підхід до вирішення конфліктів є ще одним важливим аспектом підтримки. У
будь-якій команді можуть виникати суперечності через різні погляди на
виконання завдань чи розподіл обов’язків. У нашому проєкті використовується
стратегія активного слухання та медіації для вирішення конфліктів. Регулярні
зустрічі з командою включають обговорення будь-яких можливих проблем у
виконанні завдань. Це дозволяє швидко реагувати на потенційні виклики та
уникати їхнього впливу на загальний хід проєкту. Менторська підтримка також
грає важливу роль у підтримці команди. У рамках проєкту кожен новий учасник
команди має можливість співпрацювати з досвідченими колегами, які
допомагають адаптуватися до робочих процесів. Такий підхід не лише прискорює
інтеграцію новачків у проєкт, але й покращує загальний рівень компетенцій
команди. Емоційна підтримка та турбота про психологічний стан команди також є
важливими складовими успішного менеджменту. У нашому проєкті
організовуються неформальні зустрічі, які сприяють створенню довірливої
54
атмосфери у колективі. Також передбачено можливість індивідуальних
консультацій з менеджером проєкту для обговорення особистих питань або
професійних викликів. Нарешті, регулярний зворотний зв’язок допомагає
підтримувати високу мотивацію команди. Члени команди отримують як
конструктивну критику, так і визнання своїх досягнень. Це дозволяє не лише
покращувати результати роботи, але й створювати відчуття значущості кожного
внеску в успіх проєкту. Підтримка команди в такому форматі є невід’ємною
частиною досягнення цілей, поставлених у межах проєкту розробки
інтерактивного вебсайту.
Важливо також враховувати можливі проблеми, що можуть виникати у
процесі роботи. Однією з найбільших загроз є вигорання команди, що може стати
наслідком перевантаження роботою. Для уникнення цього в проєкті впроваджено
чітке планування задач, рівномірний розподіл навантаження та надання часу для
відпочинку. Зокрема, розробники отримують чіткі дедлайни, які враховують
реалістичні часові рамки для виконання завдань [30].
Іншим важливим аспектом є адаптація команди до змін у проєкті. У нашому
проєкті може виникнути потреба у зміні дизайну сайту на пізніх етапах через нові
вимоги клієнта. Для ефективного управління цими змінами використовується
гнучкий підхід до проєктного менеджменту, такий як Agile, який дозволяє швидко
реагувати на зміни без значних втрат для проєкту.
Висновки до розділу 2
У процесі управління проєктом розробки вебсайту, зокрема для візажиста,
важливу роль відіграють різні аспекти, які включають управління ресурсами,
часом, вартістю, якістю, комунікаціями, ризиками та персоналом. Кожен з цих
55
етапів є ключовим для успішного завершення проєкту. Правильне планування
ресурсів, моніторинг виконання завдань, розподіл ролей серед членів команди, а
також ефективне управління часом дозволяють забезпечити своєчасне виконання
завдань та досягнення поставлених цілей. Оцінка та контролювання витрат
допомагають уникнути фінансових перевитрат, а управління якістю гарантує
відповідність проєкту вимогам користувачів та бізнесу.
Діаграма Ганта є незамінним інструментом для візуалізації часу та ресурсів,
що сприяє чіткому управлінню проєктними етапами та завданнями. Водночас,
управління ризиками, інтеграцією та комунікаціями сприяє своєчасному
реагуванню на непередбачувані обставини та підтримці ефективної взаємодії між
усіма учасниками проєкту. Управління персоналом через мотивацію та підтримку
команди також є важливим для збереження високої продуктивності та досягнення
синергії в роботі. Використання цих підходів у сукупності дозволяє успішно
реалізувати проєкт, створюючи сайт, який відповідає вимогам клієнта та
користувачів.
Загалом, правильна організація кожного етапу та інтеграція всіх процесів є
основою для успішного завершення розробки сайту. Тому для розробника, який
працює над створенням такого проєкту, важливо дотримуватися основних
принципів управління, що забезпечать ефективне досягнення поставлених цілей і
задоволення вимог замовника.
56
Розділ 3 ОЦІНЮВАННЯ ЕФЕКТИВНОСТІ ІТ-ПРОЄКТУ
Оцінка ефективності ІТ-проєкту є важливим етапом його реалізації, який
дозволяє визначити, наскільки інвестиції, вкладені в проєкт, виправдані з точки
зору фінансових, соціальних та економічних результатів. Це дає змогу
проаналізувати та оптимізувати ресурси, правильно планувати майбутні етапи
проєкту, а також прогнозувати його економічні результати. Урахування всіх
аспектів ефективності проєкту є необхідним для прийняття обґрунтованих
управлінських рішень і забезпечення успішного завершення ІТ-проєкту.
Основними складовими оцінки ефективності є:
1 Соціально-економічна ефективність
2 Техніко-економічне обґрунтування (ТЕО)
3 Інвестиційна фаза проєкту
Для оцінки ефективності ІТ-проєкту використовуються різноманітні
методи, такі як аналіз витрат і вигод, дисконтовані грошові потоки (DCF),
внутрішня норма доходності (IRR), коефіцієнт рентабельності інвестицій (ROI) та
інші. Крім того, здійснюється прогнозування грошових потоків та оцінка
операційної діяльності на основі попередніх розрахунків.
3.1 Оцінка соціально-економічної ефективності ІТ-проєкту
Оцінка соціально-економічної ефективності ІТ-проєкту є важливою
складовою його загальної оцінки, оскільки дає змогу визначити не лише
фінансову вигоду, а й вплив на соціальне середовище, підприємства та кінцевих
користувачів. Для визначення соціально-економічної ефективності важливо
врахувати широкий спектр факторів, що включають покращення послуг,
зручність та доступність для користувачів, а також вплив на зниження витрат і
збільшення продуктивності.
57
3.1.1. Визначення соціально-економічної ефективності
Соціально-економічна ефективність ІТ-проєкту визначається як
співвідношення вигоди, яку отримує суспільство, підприємства та кінцеві
користувачі, до витрат, які були понесені на розробку, реалізацію та підтримку
проєкту. Вона включає не тільки прямі фінансові вигоди, а й додаткові соціальні
ефекти, зокрема покращення умов життя користувачів та доступність послуг.
3.1.2 Показники соціальної ефективності
Показники соціальної ефективності ІТ-проєкту є важливим компонентом
при оцінці загальної ефективності проєкту, оскільки вони дозволяють виявити
його вплив на суспільство та користувачів, зокрема на доступність та якість
послуг, зручність використання та покращення взаємодії з кінцевим споживачем.
Показники соціальної ефективності для вебсайту візажиста, що реалізує
інтерактивні функції (онлайн-консультації, коментарі, відгуки), можуть включати
кілька аспектів, які я розляну нижче.
3.1.2.1. Вплив на користувачів
Інтерактивний вебсайт для візажиста створює нові можливості для
користувачів, що покращує їх взаємодію з послугами, які пропонує майстер. Це
може включати:
1. Збільшення доступності послуг. Завдяки онлайн-консультаціям, що
можуть проводитися в режимі реального часу через телефонний зв'язок,
користувачі отримують доступ до послуг незалежно від їхнього
місцезнаходження. Це особливо важливо для клієнтів, які проживають в інших
регіонах або мають обмежені можливості для особистих зустрічей з майстром.
Приклад: Якщо візажист зазвичай обслуговує 10 клієнтів на день, то
завдяки цим консультаціям він може обслуговувати та надавати поради більшій
частині клієнтів, зберігаючи при цьому якість послуг.
58
2. Покращення взаємодії та зворотного зв'язку. Завдяки можливості
залишати відгуки про виконану роботу та коментарі на сайті, користувачі можуть
отримати більше інформації про рівень кваліфікації майстра, що допомагає їм
приймати обґрунтовані рішення щодо вибору послуг.
Формула для оцінки зручності зворотного зв'язку:
Відгуки+коментарі
�� = × ������
Кількість консультацій
Якщо на 100 консультацій припадає 80 відгуків, то зручність зворотного
зв'язку складає 80%. Це свідчить про високий рівень взаємодії між клієнтами та
майстром, що є важливим показником соціальної ефективності проєкту.
3.1.2.2 Зручність та доступність
Зручність і доступність є двома основними факторами, що визначають
соціальну ефективність ІТ-проєкту для вебсайтів. У випадку сайту візажиста це
може бути виражено у доступності сайту на різних пристроях. Використання
підходу Mobile First дозволяє забезпечити доступ до сайту через мобільні
пристрої, що є важливим, оскільки більшість користувачів зараз використовують
саме мобільні телефони для пошуку послуг та взаємодії з сайтами. Через
інтуїтивно зрозумілий інтерфейс вебсайт є простим у використанні для різних
категорій користувачів, включаючи тих, хто не має досвіду в роботі з сучасними
веб-технологіями. Це забезпечує зручність користування та знижує бар'єр для
нових клієнтів.
3.1.3 Оцінка економічної ефективності
Оцінка економічної ефективності ІТ-проєкту є важливим етапом, оскільки
вона дозволяє визначити, чи принесуть інвестиції в розробку вебсайту візажиста
значну фінансову вигоду як для самого бізнесу, так і для кінцевих користувачів.
Вебсайт, який реалізує інтерактивні функції, може значно змінити економічний
59
ландшафт бізнесу візажиста, зокрема через зниження витрат, підвищення
продуктивності та зростання доходів[31].
Зниження витрат є одним з основних економічних аспектів, які варто
враховувати при оцінці ефективності ІТ-проєкту. Вебсайт дозволяє
автоматизувати низку процесів, які раніше потребували значних ресурсів, таких
як реєстрація клієнтів, запит на консультації, запис на прийом, а також взаємодія з
клієнтами через онлайн-платформу. Це дозволяє скоротити потребу в додаткових
адміністративних витратах, на обслуговування колл-центру або організацію
зустрічей у фізичному офісі. Автоматизація також зменшує ризик людських
помилок, що також може сприяти зниженню витрат.
Крім того, підвищення продуктивності бізнесу є важливим результатом від
впровадження інтерактивного вебсайту. Зокрема, візажист, завдяки онлайн-
консультаціям та зручному запису через сайт, може збільшити кількість клієнтів
без необхідності витрачати додатковий час на організаційні питання. Технології,
що забезпечують запис на прийом і проведення консультацій через інтернет,
дозволяють ефективно використовувати робочий час, збільшуючи кількість
обслугованих клієнтів без необхідності змінювати робочий графік.
Зростання доходів є результатом інтеграції нових послуг і можливостей для
клієнтів, які забезпечує вебсайт. Інтерактивні функції, такі як відгуки клієнтів,
фотогалереї до і після послуг, а також можливість залишити коментарі, сприяють
формуванню довіри до бізнесу та залученню нових клієнтів. Вебсайт може
служити ефективним інструментом маркетингу, збільшуючи видимість послуг
візажиста у мережі, що дозволяє йому привернути більше уваги з боку цільової
аудиторії. Завдяки збільшенню кількості звернень до візажиста через сайт, доходи
бізнесу можуть зрости за рахунок більшої кількості наданих послуг.
Для оцінки економічної ефективності можна використовувати кілька
ключових фінансових показників, таких як повернення на інвестиції (ROI), термін
60
окупності та чистий теперішній дохід (NPV). Для визначення ROI, необхідно
розрахувати співвідношення між прибутком, який очікується від використання
вебсайту, та витратами на його розробку та підтримку. Формула для розрахунку
ROI виглядає наступним чином:
Прибуток
������ = × 100
Інвестиції
Цей показник дозволяє визначити, скільки прибутку генерується на кожну
вкладену гривню. Якщо ROI більше 100%, це свідчить про те, що інвестиції в ІТ-
проєкт є вигідними для бізнесу.
Термін окупності[32] визначає, скільки часу потрібно для того, щоб
інвестиції в вебсайт окупилися через отримані доходи. Він обчислюється за
допомогою такої формули:
Інвестиції
Термін окупності =
Річний дохід
Чистий теперішній дохід[33] (NPV) дозволяє оцінити поточну вартість всіх
майбутніх грошових потоків від проєкту, враховуючи дисконтну ставку. Формула
для розрахунку NPV виглядає наступним чином:
������
������ = ∑ − ��
(1 + ��)��
Де:
● ������ - грошовий потік в період t
● �� – дисконтна ставка
● �� – період часу
● ��- початкові інвестиції
61
Цей показник дає змогу оцінити, чи буде проєкт економічно вигідним в
довгостроковій перспективі, враховуючи фактори інфляції та зміни вартості
грошей.
Також важливим є розрахунок прогнозу витрат на підтримку та оновлення
вебсайту, який включає витрати на хостинг, оновлення програмного забезпечення,
а також витрати на маркетинг та просування сайту. Врахування цих витрат
дозволяє точніше оцінити загальну економічну ефективність проєкту і визначити,
чи будуть витрати на підтримку сайту виправдані його прибутковістю.
Одним з важливих елементів оцінки економічної ефективності є також
визначення грошових потоків, які складаються з доходів від наданих послуг,
витрат на реалізацію та підтримку вебсайту, а також інвестицій в розвиток нового
функціоналу. Прогнозування грошових потоків дозволяє оцінити, як
змінюватимуться фінансові результати бізнесу в коротко- та середньостроковій
перспективі, а також чи забезпечить проєкт стабільний грошовий потік.
Таким чином, оцінка економічної ефективності ІТ-проєкту для вебсайту
візажиста дозволяє визначити фінансові вигоди від його реалізації, враховуючи
потенційне зростання доходів, зниження витрат та підвищення продуктивності.
Підрахунки та прогнози на основі економічних моделей допомагають зрозуміти,
чи виправдаються інвестиції в ІТ-проєкт і наскільки вигідним він буде для бізнесу
в довгостроковій перспективі.
3.1.4 Розрахунок вигоди для підприємств та спільнот
Оцінка вигоди від реалізації ІТ-проєкту для підприємств та спільнот є
важливим етапом при визначенні соціально-економічної ефективності. Вебсайт
для візажиста має потенціал вплинути на фінансові показники підприємства і
покращити доступність послуг для спільнот[34].
62
Для підприємства вигода може бути розрахована через кілька напрямків.
Одним із головних є зниження витрат, пов’язаних з організацією послуг.
Автоматизація процесів, таких як запис на прийом та онлайн-консультації,
зменшує навантаження на персонал і дозволяє знижувати витрати на
адміністрування. Це також забезпечує зростання доходів завдяки збільшенню
кількості клієнтів, що обслуговуються за менший час.
Розрахунок економії витрат можна представити через формулу:
��витрати − ��нові
��витрати = × 100
��витрати
де ��витрати – це витрати до впровадження ІТ-рішення, а ��нові нові витрати
після автоматизації.
Також важливою вигодою є збільшення продуктивності завдяки
автоматизації процесів. Інтерактивний вебсайт дозволяє бізнесу обслуговувати
більше клієнтів з меншими зусиллями, що призводить до підвищення доходів без
збільшення витрат. Прогнозоване зростання доходів можна розрахувати за
формулою:
��новий = ��старий + ∆��
де ��старий доходи до впровадження сайту, а ∆�� - кількість нових
користувачів після його запуску.
3.1.5 Прогнозування та оцінка показників операційної діяльності
Прогнозування показників операційної діяльності є важливим етапом
оцінки ефективності ІТ-проєкту, оскільки дозволяє визначити, як впровадження
вебсайту вплине на фінансові та операційні процеси підприємства в
середньостроковій та довгостроковій перспективі. В рамках цього процесу
проводиться планування амортизаційних витрат, кредитних процесів, а також
оцінка прогнозу доходів та витрат.
63
Амортизаційні витрати є важливим елементом для будь-якого ІТ-проєкту,
оскільки програмне забезпечення та обладнання потребують оновлення та заміни.
Розрахунок амортизаційних витрат можна здійснити за допомогою формули:
��початкова − ��залишкова
�� =
��
де ��початкова- початкова вартість активу, ��залишкова- залишкова вартість
активу в кінці терміну амортизації, а �� – термін амортизації.
Прогнозування витрат також включає планування кредитних процесів. ІТ-
компанія може залучати фінансування через кредити для покриття початкових
витрат на розробку та впровадження вебсайту. Для оцінки витрат на
обслуговування кредиту можна використати формулу для розрахунку щомісячних
виплат по кредиту:
�� × ��
�� =
1 − (1 + ��)−��
де �� – сума кредиту, �� – щомісячна процентна ставка, а �� – кількість місяців
кредитування.
Оцінка витрат також важлива для прогнозування операційної діяльності. Це
можуть бути витрати на рекламу, підтримку вебсайту, оплату праці персоналу, а
також амортизація обладнання. Загальні витрати можна оцінити за формулою:
��
��загальні = ∑ ����
��=1
де ���� - витрати на кожен окремий елемент (реклама, підтримка, амортизація)
за певний період, а �� - кількість елементів витрат.
Прогнозування операційних доходів і витрат дозволяє сформувати чітке
розуміння того, як буде виглядати фінансова ситуація підприємства в
майбутньому. Такі прогнози необхідні для ухвалення управлінських рішень,
розробки стратегії розвитку та коригування бізнес-плану.
64
3.2 Техніко-економічне обґрунтування (ТЕО) ІТ-проєкту
Техніко-економічне обґрунтування (ТЕО) є одним із ключових етапів
оцінки ефективності ІТ-проєкту. Воно включає аналіз витрат і доходів,
прогнозування ризиків, а також оцінку показників рентабельності та фінансової
стійкості. Для досягнення високого рівня деталізації використовуються
математичні методи, такі як розрахунок дисконтованих грошових потоків (DCF),
ROI (показник рентабельності інвестицій) та IRR (внутрішня норма доходності).
Етапи техніко-економічного обґрунтування включають:
- аналіз витрат - це оцінка витрат на розробку, запуск і підтримку ІТ-
проєкту. Основні витрати включають оплату праці розробників, витрати на
маркетинг, технічну підтримку та амортизацію обладнання.
- прогноз доходів - оцінюються очікувані доходи від впровадження
вебсайту. Це може бути збільшення кількості клієнтів, зростання середнього
доходу з одного клієнта, а також додаткові сервіси, такі як онлайн-консультації.
- оцінка ризиків - аналізуються потенційні фактори, які можуть вплинути на
досягнення поставлених фінансових цілей, включаючи ринкові ризики, технічні
проблеми та зміну попиту.
3.2.1 Розрахунок витрат та доходів.
Розрахунок витрат на реалізацію проєкту можна обрахувати по наступніій
формулі[35]:
��загальні = ��розробка + ��запуск + ��підтримка
де ��розробка - витрати на створення вебсайту (200 000.00 грн (двісті тисяч
гривень нуль нуль копійок)), ��запуск - витрати на запуск проєкту (30 000.00
грн(тридцять тисяч гривень нуль нуль копійок)), ��підтримка - щорічні витрати на
підтримку (40 000.00 грн (сорок тисяч гривень нуль нуль копійок)).
65
Діаграма витрат
Розробка Запуск Підтримка сайту
Прогноз доходів від реалізації проєкту:
��загальні = (�� × ��середній) × ��
де �� - кількість клієнтів (150 осіб на рік), ��середній - середній дохід з одного
клієнта (1 000.00 грн одна тисяча гривень нуль нуль копійок), �� кількість років (3
роки). Розрахунок:
��загальні = (150 ⋅ 1000) ⋅ 3 = 450 000.00 грн (чотириста п’ятдесят тисяч
гривень нуль нуль копійок)
3.2.2 Дисконтовані грошові потоки (DCF).
Дозволяють врахувати зміну вартості грошей у часі. Розрахунок
здійснюється за формулою:
��
������
������ = ∑
(1 + ��)��
��=1
де ������- грошовий потік у період t, r - дисконтна ставка, T – період проєкту.
66
Якщо наш проєкт набуде грошових потоків на 400 000.00 грн (чотириста
тисяч гривень нуль нуль копійок) щорічно протягом 3 років за дисконтної ставки
10% розрахунок буде:
400000 400000 400000
������ = + + ≈ 994 740,80 грн (дев’ятсот дев’яносто
(1+0.1)1 (1+0.1)2 (1+0.1)3
чотири тисячі сімсот сорок гривень вісімдесят копійок)
Раніше було згадано і написано формулу для обчислення ROI, тому зараз
вирахуємо для витрат 270 000.00 грн (двісті сімдесят тисяч гривень нуль нуль
копійок) і доходів 450 000.00 грн (чотириста п’ятдесят тисяч гривень нуль нуль
копійок):
450 000 − 270000
������ = × 100% ≈ 66%
270000
IRR — це ставка дисконту, при якій NPV (чиста приведена вартість)
дорівнює нулю. Її розрахунок виконується ітеративно.
3.2.3 Таблиця з порівнянням сценаріїв
Сценарій Кількість Дохід з клієнта Загальний ROI
клієнтів (грн.) дохід (грн.)
(N) (��середній)
Оптимістичний
250 1200.00 900 000.00 233%
Реалістичний
150 1000.00 450 000.00 66%
Песимістичний -33%
75 800.00 180 000.00
67
Таблиця 3.1 – Таблиця сценаріїв
3.2.4 Оцінка фінансової стійкості
Оцінка прибутковості та фінансової стійкості базується на аналізі
показників DCF, ROI і IRR. Для проєкту вебсайту візажиста, високий рівень ROI
та позитивне значення DCF свідчать про його фінансову доцільність.
3.3 Оцінка інвестиційної фази ІТ-проєкту
Інвестиційна фаза є одним із ключових етапів реалізації ІТ-проєкту,
оскільки вона передбачає виділення та розподіл фінансових ресурсів для
створення, впровадження та запуску продукту. Оцінка цієї фази дозволяє
визначити оптимальну структуру витрат, розробити стратегічний підхід до
використання ресурсів і забезпечити економічну доцільність проєкту.
3.3.1 Планування фінансових ресурсів
На етапі інвестицій проєкт передбачає такі основні категорії витрат:
- Витрати на розробку ПЗ – залучення програмістів, дизайнерів та
тестувальників.
- Обладнання та інфраструктура – придбання серверів, забезпечення
хостингу.
- Маркетингова підтримка – створення та запуск рекламної кампанії.
- Адміністративні витрати – заробітна плата менеджерів, оренда офісу.
Розподіл витрат наведено у таблиці:
Категорія витрат Сума (грн.) Частка, %
68
Розробка програмного 200 000.00 50
забезпечення
Обладнання та 80 000.00 20
інфраструктура
Маркетингова 60 000.00 15
підтримка
Адміністративні 60 000.00 15
витрати
100
Загальна сума 400 000.00
Таблиця 3.2 – Таблиця витрат
3.3.2 Оптимізація плану фінансування
Для досягнення максимальної ефективності фінансування використовується
стратегічний підхід, що передбачає поетапне виділення коштів відповідно до
пріоритетів проєкту. Витрати на початковому етапі (60% бюджету)
спрямовуються на розробку програмного забезпечення, тоді як інші ресурси
виділяються на маркетинг та інфраструктуру в подальшій фазі.
69
Кошторис витрат на інвестиційну фазу складається на основі розподілу
фінансових ресурсів:
Опис
Етап Сума (грн.)
Розробка
200 000.00 Створення та
тестування ПЗ
Інфраструктура 80 000.00 Закупівля серверів,
хостинг
Маркетинг
60 000.00 Рекламні кампанії
Адміністративна 60 000.00 Зарплата та оренда
підтримка офісу
Загальна сума 400 000.00
Таблиця 3.3 – Складений кошторис
70
Діаграма кошторису
Розробка програмного забезпечення Обладнання та інфраструктура
Маркетингова підтримка Адміністративні витрати
3.3.3 Розрахунок капіталовкладень
Капіталовкладення оцінюються з урахуванням майбутньої вартості грошей.
Формула для обчислення суми капіталовкладень:
��
����
���� = ∑
(1 − ��)��
��=1
де ���� - дисконтовані капіталовкладення, ���� - обсяг витрат за період, I та r -
дисконтна ставка (0.1), t – рік.
Припустимо, витрати на етапи рівномірно розподілені протягом 2 років:
- Рік 1: 250 000.00 грн (двісті п’ятдесят тисяч гривень нуль нуль копійок)
- Рік 2: 150 000.00 грн (сто п’ятдесят тисяч гривень нуль нуль копійок)
Розрахунок:
250000
��1 = ≈ 227273.00 грн (двісті двадцять сім тисяч двісті сімдесят три
(1+0,1)
тисячі гривень нуль нуль копійок)
71
150000
��2 = ≈ 123967.00грн (сто двадцять три тисячі дев’ятсот шістдесят сім
(1+0,1)2
тисячі нуль нуль копійок)
Сума дисконтованих витрат:
��загальне= 227273+123967=351240.00 грн (триста п’ятдесят одна тисяча двісті сорок
гривень нуль нуль копійок)
Рисунок 3.1 – Графік окупності проєкту
72
3.4 Прогнозування та оцінка показників операційної діяльності
Прогнозування та оцінка показників операційної діяльності є ключовим
етапом у визначенні ефективності ІТ-проєкту. В цьому розділі здійснюється
аналіз основних фінансових показників, включаючи прогноз доходів, витрат,
амортизаційних витрат, а також оцінка грошових потоків. Для цього
використовуються надійні методики планування та розрахунків.
3.4.1 Прогноз доходів
Прогноз доходів будується на основі аналізу попиту, очікуваної кількості
клієнтів, середнього чеку та зростання популярності платформи. До запуску
реклами, взнаваність бізнесу буде на низькому рівні. Але завдяки сайту, його
зручності, компетентності візажиста та гарним відгукам, ми щомісяця зможемо
просувати бізнес та збільнувати його доходи
Середні дані для розрахунків наведені в таблиці:
Рік
Кількість клієнтів Середній чек (грн.) Загальні доходи(грн.)
1 150 500.00 75 000.00
2 300 600.00 180 000.00
3 400 700.00 280 000.00
Таблиця 3.4 – Прогноз доходів
Прогноз демонструє зростання доходів із кожним роком завдяки
збільшенню клієнтської бази та поступовому підвищенню середнього чеку.
73
3.4.2 Прогноз витрат
Оцінка витрат включає в себе такі категорії: операційні витрати, витрати на
обслуговування платформи, маркетинг та адміністративні витрати.
Рік Операційні Адміністративні
витрати (грн.) Маркетинг(грн.) витрати(грн.)
Загальні
витрати(грн.)
1 10 000.00 10 000.00
20 000.00 40 000.00
2 20 000.00 15 000.00
30 000.00 65 000.00
3 30 000.00 20 000.00
40 000.00 90 000.00
4 40 000.00 25 000.00 115 000.00
50 000.00
Таблиця 3.5 – Прогноз витрат
Таким чином ми можемо побачити, що наш бізнес є цілком прибутковим та
ефективним.
74
3.4.3 Планування амортизаційних витрат
Амортизація обладнання та програмного забезпечення розраховується на
основі їх вартості та терміну використання. Формула для розрахунку
амортизаційних витрат
��
�� =
��
де A - річні амортизаційні витрати, C - загальна вартість активів, T - термін
використання, роки.
Для проєкту вартість активів становить 100 000.00 грн (сто тисяч гривень
100 000
нуль нуль копійок), а термін використання – 5 років, тому маємо �� = =
5
= 20 000.00 грн/рік. (двадцять тисяч гривень нуль нуль копійок)
Після всіх отриманих даних, ми можемо представити таблицю грошових
потоків, який базується на різниці між доходами та витратами, включаючи
амортизаційні витрати.
Рік
Доходи(грн.) Витрати(грн.) Амортизація(грн.) Чистий
грошовий
потік(грн.)
1 75 000.00 40 000.00 20 000.00 15 000.00
2 180 000.00 65 000.00 20 000.00 95 000.00
3 280 000.00 90 000.00 20 000.00 170 000.00
Таблиця 3.6 – Таблиця грошових потоків
75
Після отримання всіх даних, зможемо побудувати графіки та переконатись в
успішності проєкту.
Рисунок 3.2 – Графік доходів та витрат
Такі дані дозволяють оцінити перспективність ІТ-проєкту з урахуванням
усіх необхідних витрат та доходів. Прогнозування показує, що вже на перший рік
проєкт виходить на чистий позитивний грошовий потік, а до третього року
досягає високої фінансової стійкості.
3.5 Прогноз грошових потоків ІТ-проєкту
Процес прогнозу грошових потоків ІТ-проєкту дозволяє визначити, як і
коли інвестиції у проєкт почнуть приносити прибуток, оцінити необхідність
залучення додаткових ресурсів та спланувати фінансові операції. У цьому розділі
сформовано детальний прогноз грошових потоків, що охоплює всі фази реалізації
проєкту, зокрема інвестиційну, операційну та прибуткову.
76
3.5.1 Основні принципи формування прогнозу
Для формування прогнозу використовуються стандартні фінансові моделі,
які дозволяють оцінити зміни в доходах, витратах та чистому грошовому потоці
проєкту протягом його життєвого циклу. Основними показниками, які
аналізуються, є операційний грошовий потік, інвестиційний грошовий потік та
фінансовий грошовий потік.
Розрахунок грошових потоків розраховуємо наступним чином:
- початкові інвестиції: 100 000 грн (сто тисяч гривень нуль нуль
копійок)
- очікуваний дохід: від 50 000 грн (п’ятдесят тисяч гривень нуль нуль
копійок) у першому році та до 300 000 грн (триста тисяч гривень нуль нуль
копійок) у третьому році
- постійні витрати: маркетинг, технічна падтримка, амортизація.
Розрахунок відбувається за наступною формулою:
�������� = �� − ��
де �������� – операційний грошовий потік, �� – доходи, �� – витрати.
Результати показані в таблиці:
Рік
Доходи(грн.) Витрати(грн.) Операційний
грошовий
потік(грн.)
1 35 000.00
75 000.00 40 000.00
77
2 115 000.00
180 000.00 65 000.00
3 190 000.00
280 000.00 90 000.00
Таблиця 3.7 – Таблиця операційних грошових потоків
Для першого року інвестиційний грошовий потік становить -100 000 грн.
Формула розрахунку чистого грошового потоку:
���������� = �������� + ����������
Рік Операційний потік(грн.) Інвестиційний Чистий грошовий
потік(грн.) потік(грн.)
1 75 000.00 -100 000.00 -25 000.00
2 180 000.00 0.00 155 000.00
3 280 000.00 0.00 280 000.00
Таблиця 3.8 – Таблиця чистого грошового потоку
3.5.2 Аналіз та оцінка грошових потоків
Аналіз та оцінка прогнозованих грошових потоків ІТ-проєкту є ключовим
етапом фінансового планування, який дозволяє визначити фінансову стійкість,
ризики та прибутковість проєкту. Основна увага приділяється трьом складовим:
інвестиційному, операційному та чистому грошовим потокам, які забезпечують
комплексне розуміння фінансової динаміки проєкту.
Для аналізу операційного грошового потоку[36] використовується
порівняння доходів і витрат за кожен рік реалізації проєкту. Як видно з
78
розрахунків, перший рік характеризується незначним позитивним операційним
потоком, що є наслідком обмеженого стартового доходу та високих витрат,
пов’язаних з маркетингом, технічним обслуговуванням та адмініструванням
платформи. Проте у наступні роки доходи значно перевищують витрати, що
призводить до збільшення операційного потоку.
Інвестиційний грошовий потік аналізується з точки зору початкових
вкладень. У нашому випадку це разова інвестиція в розмірі 100 000 грн, яка
відображається як від'ємний потік у першому році. Відсутність додаткових
інвестицій у наступні роки забезпечує стабільність чистого грошового потоку.
Чистий грошовий потік проєкту демонструє перехід від початкового
дефіциту до стійкого позитивного зростання. У першому році спостерігається
дефіцит у 25 000 грн, однак у другому році ситуація змінюється на краще.
Оцінка прогнозованих грошових потоків дозволяє зробити кілька важливих
висновків. По-перше, початкові інвестиції окуповуються вже до другого року
реалізації проєкту, що робить його привабливим для інвесторів. По-друге, проєкт
демонструє високий рівень фінансової стабільності, оскільки операційні доходи
стабільно перевищують витрати.
Такий підхід до аналізу дозволяє також врахувати можливі ризики. У разі
затримки зростання доходів або збільшення витрат, що можуть виникнути через
непередбачувані зовнішні фактори, фінансова модель все одно забезпечує
достатній запас стійкості. У цьому контексті можна рекомендувати додаткові
заходи для оптимізації витрат, такі як автоматизація процесів підтримки
платформи або зниження витрат на маркетинг через використання ефективніших
каналів просування.
3.6 Оцінка показників ефективності ІТ-проєкту
Оцінка ефективності ІТ-проєкту є ключовим етапом завершення його
фінансового обґрунтування. Вона базується на розрахунку фінансових показників,
79
таких як чиста приведена вартість (NPV), рентабельність інвестицій (ROI) та
внутрішня норма доходності (IRR). Ці показники дозволяють визначити, чи є
проєкт фінансово доцільним, наскільки швидко окуповуються інвестиції та який
рівень прибутковості може бути досягнутий.
Чиста приведена вартість (NPV) відображає загальну суму грошових
потоків, дисконтовану до теперішнього часу, мінус початкові інвестиції. Раніше в
цьому розділі було згадано формулу для обчислень, тому застосуємо її для
нашого проєкту.
215000
������ = ∑ − 100000 ≈ 95 500.00 грн (дев’яносто п’ять тисяч
(1+0,1)��
п’ятсот гривень нуль нуль копійок)
Розрахунок NPV для проєкту показав значення у 95 500.00 грн (дев’яносто
п’ять тисяч п’ятсот гривень нуль нуль копійок) при ставці дисконту 10%. Це
свідчить про те, що очікувана прибутковість проєкту перевищує витрати, а отже,
проєкт фінансово доцільний.
Рентабельність інвестицій (ROI) демонструє, наскільки ефективно
використовуються вкладені кошти, при обчисленні число складає 110%, що
вказує на значний дохід у порівнянні з початковими вкладеннями.
Внутрішня норма доходності (IRR) є ставкою дисконту, за якої NPV
дорівнює нулю. Цей показник використовується для визначення максимальної
вигідної вартості капіталу для проєкту. У нашому випадку IRR дорівнює 20%, що
перевищує ставку дисконту в 10%, підтверджуючи фінансову привабливість
проєкту.
Для аналізу ризиків було розглянуто кілька сценаріїв: базовий,
оптимістичний та песимістичний. У песимістичному сценарії, коли доходи
знижуються на 20%, а витрати зростають на 10%, NPV зменшується, що все одно
80
залишається позитивним, а IRR знижується до 12%. Це свідчить про стійкість
проєкту навіть у несприятливих умовах.
Показник Значення
Песимістичний Оптимістичний
сценарій сценарій
NPV 95 500.00 грн 75 000.00 грн 225 000.00 грн
ROI 110% 50% 150%
IRR 20% 12% 36%
Таблиця 3.8 – Таблиця аналізу показників
Графічне представлення показників дозволяє краще візуалізувати
ефективність проєкту. На графіку динаміки NPV видно, що навіть у
песимістичному сценарії проєкт залишається прибутковим.
Аналіз підтверджує, що ІТ-проєкт є фінансово ефективним, має високу
стійкість до змін зовнішніх умов та забезпечує привабливий рівень прибутковості
для інвесторів. Це робить його привабливим для реалізації у сучасних ринкових
умов
3.7 Термін окупності ІТ-проєкту
Термін окупності[32] є важливим показником, що відображає час,
необхідний для повернення початкових інвестицій за рахунок чистого грошового
потоку[43]. Його розрахунок дозволяє оцінити швидкість відшкодування витрат
на реалізацію проєкту, що є важливим для інвесторів та підприємства.
Формула для розрахунку терміну окупності ми згадували раніше, тому
застосуємо її для нашого бізнес-проєкту:
100 000
���� = ≈ 1.3 роки (16 місяців)
75 000
81
Цей результат підтверджує високу ефективність проєкту, адже термін
окупності є відносно коротким і відповідає очікуванням інвесторів. Візуалізацію
динаміки грошових потоків та моменту досягнення точки окупності наведено на
графіку:
Рисунок 3.3 – Графік окупності проєкту
На графіку видно, що після першого року проєкт повністю окупає
інвестиції, і накопичений грошовий потік переходить у позитивну зону. Таким
чином, можна стверджувати, що реалізація ІТ-проєкту є економічно вигідною, а
його окупність відбувається у стислі терміни.
82
Висновки до розділу 3
У третьому розділі роботи було проведено комплексний аналіз економічної
ефективності ІТ-проєкту з розробки інтерактивного сайту візажиста, що
дозволило сформувати детальну картину його прибутковості, фінансової стійкості
та інвестиційної привабливості. Основною метою розділу було довести соціально-
економічну значущість проєкту, оцінити його техніко-економічні показники та
визначити перспективи реалізації з точки зору операційної діяльності.
У процесі оцінки було використано сучасні фінансові методи, такі як
розрахунок чистої приведеної вартості (NPV), внутрішньої норми доходності
(IRR) та рентабельності інвестицій (ROI)[44]. Встановлено, що позитивне
значення NPV свідчить про здатність проєкту генерувати додаткову вартість після
покриття витрат. IRR перевищила прийнятну ставку дисконту, що підтвердило
інвестиційну привабливість проєкту.
Показник ROI дозволив оцінити прибутковість у відсотковому
співвідношенні до вкладених ресурсів, що важливо для ухвалення стратегічних
рішень. Оцінка соціально-економічної ефективності показала, що проєкт сприяє
підвищенню доступності та якості послуг, надаючи користувачам можливість
перегляду робіт візажиста, консультацій у режимі реального часу та зворотного
зв’язку.
Проведене техніко-економічне обґрунтування дозволило визначити
структуру витрат на кожній фазі проєкту, від етапу розробки до запуску й
підтримки. Було оптимізовано план інвестиційної фази, розроблено зведений
кошторис витрат і запропоновано стратегію фінансування, яка мінімізує ризики
для розробників і власника. Графіки та таблиці, що супроводжували розрахунки,
дозволили візуалізувати фінансові показники та тенденції.
Прогноз операційної діяльності засвідчив стійкість проєкту в
довгостроковій перспективі. Було здійснено планування доходів, витрат та
амортизаційних витрат із урахуванням сучасних норм, що дозволило оцінити
стабільність грошових потоків і можливості масштабування проєкту.
83
ВИСНОВКИ
У ході виконання магістерської роботи було досягнуто мети, визначеної у вступі,
– здійснено управління проєктом розробки вебсайту для візажиста з
інтерактивними можливостями. Реалізовано всебічне дослідження, яке охоплює
аналіз предметної області, планування та оцінку ефективності створення ІТ-
проєкту. Застосовано сучасні методи, моделі та технології управління, що
дозволили оптимізувати процес розробки й забезпечити високу якість результатів.
Досліджено сучасні тенденції розробки вебсайтів у сфері послуг та персональних
брендів. На основі аналізу літературних та інтернет джерел і практичного досвіду
визначено основні тренди, такі як адаптивний дизайн, інтерактивні елементи,
персоналізація контенту та орієнтація на користувача. Це стало підґрунтям для
постановки задачі проєкту та вибору ефективних методів і технологій розробки.
Проаналізовано існуючі аналоги та сформовано концепцію вебсайту. Проведено
порівняння конкурентних проєктів за критеріями функціональності, зручності,
дизайну та інтерактивності. Виявлено їхні сильні та слабкі сторони, що дозволило
чітко визначити унікальні переваги майбутнього вебсайту, включаючи
інтерактивні функції для взаємодії з клієнтами, розділ відгуків і консультацій.
Розроблено стратегію управління проєктом створення вебсайту. Виконано
управління змістом, ресурсами та часом проєкту. Побудовано робочу структуру
WBS, яка відобразила всі етапи роботи, включаючи планування, дизайн,
розробку, тестування та запуск. Усі етапи деталізовано, що забезпечило
ефективне управління проєктом.
Оцінено ефективність проєкту за допомогою фінансових показників. Проведено
техніко-економічне обґрунтування з використанням ключових фінансових
показників (NPV, ROI, IRR). Зокрема, визначено, що NPV проєкту становить
95 500.00 грн (дев’яносто п’ять тисяч п’ятсот гривень нуль нуль копійок), що
свідчить про високу прибутковість проєкту. Розраховано строк окупності, який
84
складає лише 1 рік та 4 місяці, що підкреслює швидку економічну вигоду від
реалізації проєкту.
Проведено прогнозування грошових потоків ІТ-проєкту. Здійснено детальний
розрахунок витрат, доходів та інвестицій на кожному етапі. Розроблено графік
грошових потоків, який наочно демонструє стабільність і зростання
прибутковості проєкту впродовж трьох років.
Проаналізовано ризики проєкту та їхній вплив на ефективність. Використано
діаграму Ісікави для виявлення основних причин ризиків. Запропоновано стратегії
управління ризиками, які включають оптимізацію бюджетів, покращення
комунікацій та забезпечення якісного тестування функціоналу.
На основі отриманих результатів можна рекомендувати:
- Впроваджувати розроблений вебсайт у практичну діяльність, орієнтуючись
на активне залучення клієнтів та підвищення впізнаваності бренду.
- Використовувати запропоновані методи управління для розробки схожих
проєктів у сфері послуг.
- У майбутньому розширити функціонал вебсайту, включивши модулі
онлайн-замовлення послуг або автоматизованої аналітики для збору
статистики користувачів.
Виконання магістерської роботи дозволило запропонувати комплексний підхід до
управління проєктом розробки вебсайту для візажиста, який є актуальним та
перспективним у сучасних умовах.
85
СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ
1 Web Designer Depot. [Електронний ресурс]. – Режим доступу:
https://www.webdesignerdepot.com.
2 Toptal Design Blog. [Електронний ресурс]. – Режим доступу:
https://www.toptal.com/designers/blog.
3 Project Management. [Електронний ресурс]. – Режим доступу:
https://www.projectmanagement.com.
4 Atlassian Agile Coach. [Електронний ресурс]. – Режим доступу:
https://www.atlassian.com/agile.
5 Medium – UX/UI Design. [Електронний ресурс]. – Режим доступу:
https://medium.com.
6 Charlotte Tilbury – офіційний сайт. [Електронний ресурс]. – Режим
доступу: https://www.charlottetilbury.com.
7 Makeup by Mario – офіційний сайт. [Електронний ресурс]. – Режим
доступу: https://www.makeupbymario.com.
8 Richard Rumelt, Good Strategy Bad Strategy: The Difference and Why It
Matters. – Crown Business, 2011. – 336 p.
9 Philip Kotler, Marketing Management. – Pearson, 2016. – 816 p.
10 Bryan Eisenberg, Jeffrey Eisenberg, Call to Action: Secret Formulas to
Improve Online Results. – Thomas Nelson, 2006. – 272 p.
11 Strategic Management Insight – PEST-аналіз. [Електронний ресурс]. –
Режим доступу: https://www.strategicmanagementinsight.com.
12 B2B International – Використання SWOT-аналізу. [Електронний ресурс].
– Режим доступу: https://www.b2binternational.com.
13 Кузьмін, А. М. Управління проєктами в інформаційних системах: теорія
та практика. — Київ: Видавництво "Наука", 2020.
14 Олексюк, Т. О. Методи управління змістом і предметною областю в
проєктному менеджменті. — Львів: Видавничий центр ЛНУ, 2019.
15 Джонсон, К. І. Управління проєктами: підходи та інструменти для
сучасних компаній. — Х.: ХНУ, 2021.
86
16 Овчаренко О.Ю., Мельник І.І., Секретар С.О. "Управління ресурсами в
ІТ-проєктах: теоретичні та практичні аспекти". Державний університет
інформаційних технологій, 2019.
17 Шевченко А.М. "Моделювання процесів управління ресурсами в
проєктах інформаційних систем". Академія управління проєктами, 2021.
18 Власенко М.Ю., Михайленко Т.Л. "Управління матеріальними та
трудовими ресурсами в інформаційних системах". Київський
національний технічний університет, 2020.
19 Коваленко І.І. "Інструменти управління часом у проєктах: застосування
діаграми Ганта". Київський університет, 2022.
20 Прокопенко С.В., Шевченко В.І. "Управління проєктами в умовах
обмежених ресурсів: оцінка критичного шляху". Інститут проєктного
менеджменту, 2023.
21 Trello для освітян. [Електронний ресурс]. – Режим доступу:
https://trello.com/uk/education
22 Ткаченко, О. "Якість в ІТ-проєктах". Харків: Видавництво "Техніка",
2021.
23 "Аналіз якості в веброзробці". [Електронний ресурс]. – Режим доступу:
http://mdu.edu.ua/wp-content/uploads/gmit5-58.pdf
24 Іванов, П. "Діаграма Ісікави в управлінні проєктами". Одеса: Бізнес
Інновації, 2019.
25 Slack. [Електронний ресурс]. – Режим доступу: https://slack.com/
26 Google почта. [Електронний ресурс]. – Режим доступу:
https://workspace.google.com/intl/uk/gmail/
27 Офіційна документація Jira. – [Електронний ресурс]. – Режим доступу:
https://www.atlassian.com/software/jira
28 Шемет Л. Л. Управління інтеграцією в проєктах. – Журнал "Ефективний
менеджмент", 2022, №3, с. 45–52.
29 Робінсон Дж., Фішер Р. Управління командами в ІТ-проєктах. — Нью-
Йорк: McGraw-Hill, 2021.
87
30 Петров А. О. Планування робочого часу в ІТ-проєктах.
31 Петро Федорович «МЕТОДИ ОЦІНКИ ЕКОНОМІЧНОЇ
ЕФЕКТИВНОСТІ НОВОВВЕДЕНЬ».
32 Окупність. [Електронний ресурс]. – Режим доступу:
https://mbatime4u.com/uk/okupaemost-kak-schitat-formuly-i-metody/
33 МЕТОДИКА ОЦІНКИ ЕФЕКТИВНОСТІ РЕАЛЬНИХ
ІНВЕСТИЦІЙНИХ ПРОЄКТІВ. [Електронний ресурс]. – Режим доступу:
https://moodle.znu.edu.ua/pluginfile.php/444470/mod_resource/content/0
34 Бізнес – калькулятор. [Електронний ресурс]. – Режим доступу:
https://cost.ua/business/
35 Зварич О.В. СЕРЕДНЬОСТРОКОВЕ ПРОГНОЗУВАННЯ ДОХОДІВ
БЮДЖЕТУ ТА ЇХ ВЗАЄМОЗВ’ЯЗОК З МАКРОЕКОНОМІЧНИМИ
ПОКАЗНИКАМИ. [Електронний ресурс]. – Режим доступу:
https://core.ac.uk/download/pdf/149247793.pdf
36 Аналіз грошових потоків підприємства. [Електронний ресурс]. – Режим
доступу: https://uteka.ua/ua/publication/commerce-12-nalogi-i-otchetnost-10-
analiz-denezhnyx-potokov-predpriyatiya
37 [Електронний ресурс]. – Режим доступу: ukrainiandigital.com
38 [Електронний ресурс]. – Режим доступу: rada.konotop.org
39 [Електронний ресурс]. – Режим доступу: http://www.myshared.ru/
40 [Електронний ресурс]. – Режим доступу: book.sumy.ua
41 [Електронний ресурс]. – Режим доступу: www1.vmurol.com.ua
42 [Електронний ресурс]. – Режим доступу: docplayer.netосновних
43 [Електронний ресурс]. – Режим доступу: sb-keip.kpi.ua
44 [Електронний ресурс]. – Режим доступу: nubip.edu.ua