Розробка сайту та наповнення

Заказчик: AI | Опубликовано: 27.12.2025

Загальний огляд проектуСтворення веб-платформи для розміщення проєктів, спрямованих на відновлення.Ключові функції та особливості:Публічність даних: Усі відвідувачі (без реєстрації) мають повний доступ до інформації про проєкти – опис, потреби у фінансуванні, статус, тощо. Особисті кабінети: Бажаючі можуть реєструватися на платформі, створювати профіль та додавати свої творчі проєкти та залучати зацікавлених осіб у даному проекті. Кабінет дозволяє керувати інформацією про проєкти, оновлювати статус реалізації. Інтерактивний каталог проєктів: Користувачам доступна система фільтрації та пошуку проєктів за різними критеріями – галузь, регіон, тип (наприклад, спонсорство, equity, позика, грант), обсяг необхідного фінансування, чи матеріалів, стадія реалізації тощо. Фільтри динамічно оновлюють список проєктів без перезавантаження сторінки для зручності. Багатомовність. (можливо є софти для перекладу та створення мов): Сайт повинен підтримувати 4 мови інтерфейсу і контенту – українську (основна), німецьку, англійську та іспанську. Кожна мовна версія матиме повний переклад вмісту. Реалізація багатомовності – через окремі URL для кожної мови (наприклад, site.ua/uk/..., site.ua/en/..., site.ua/es/...) з використанням hreflang для SEO. Перемикач мов розташовується на видному місці інтерфейсу. Розділ “участь/Гранти/Спонсорство”: Спеціальний розділ для презентації краудфандингових та благодійних ініціатив, пов’язаних з відновленням (наприклад, збір коштів на відбудову конкретного об’єкта чи підтримку колективу малого бізнесу). Увага: Прямої платіжної інтеграції не планується (не буде можливості здійснювати платежі на сайті), але мають бути надані деталі та зовнішні посилання, щоб зацікавлені особи могли підтримати ці ініціативи. Підключаємий/відключаємий розділ. Новини та медіа: Розділ для публікації новин Alliance та медіаматеріалів – оголошення, успішні кейси, аналітичні статті, фото/відео про перебіг відновлення. Це забезпечить інформаційну підтримку проєктів і збільшить охоплення через ЗМІ та соцмережі. Інтеграція із соцмережами (SMM): На сайті передбачені інструменти для поширення інформації у соціальних мережах – кнопки “Поділитися” (Facebook, Twitter/X, LinkedIn тощо) на сторінках проєктів та новин. Метадані Open Graph і Twitter Card налаштовані для коректного відображення при публікації посилань у соцмережах. Також передбачено можливість підписки на оновлення (RSS-стрічка новин або розсилки). Відвідуваність і продуктивність: Система спроектована з розрахунком на ~100 000 унікальних відвідувачів на місяць. Це вимагає оптимізації продуктивності (кешування, CDN, оптимізація запитів) та масштабованості архітектури, щоб забезпечити швидке завантаження сторінок навіть при пікових навантаженнях. Адміністрування та модерація: Розширена система адміністрування дозволить керувати контентом: модерувати та затверджувати проєкти, додавати новини, аналізувати статистику відвідувань і активності. Впроваджується багаторівнева система доступу (адміністратори, редактори, модератори, бізнес-користувачі) для забезпечення безпеки і контролю якості контенту. У цьому технічному завданні описано структуру сайту, вимоги до функціоналу, технічні характеристики реалізації, аспекти адміністрування, можливі інтеграції та вимоги до контенту. Документ розрахований на команду розробників, дизайнерів, SEO-фахівців, контент-менеджерів та SMM-спеціалістів, щоб усі сторони мали спільне розуміння продукту. Структура сайту та URL-архітектураСайт матиме логічну структуру розділів, зручну навігацію та читабельні URL-адреси. Кожна мовна версія сайту використовуватиме власний префікс або субдомен (наприклад, https://example.com/uk/ для української, /en/ для англійської, /es/ для іспанської версії). Структура розділів однакова для всіх мовних версій. Нижче наведено основні розділи сайту, їх функціонал та пропоновані URL:Головна сторінкаURL: / (з відповідним мовним префіксом, напр. /uk/ для української версії). Опис: Привітальна сторінка платформи. На головній сторінці відображаються ключові елементи: Заголовок та короткий опис платформи: назва , слоган або місія платформи. Пошук та фільтр проєктів: ключове поле пошуку (за назвою проєкту або ключовими словами) і кнопка переходу до каталогу проєктів. Може бути передбачений швидкий фільтр (напр. випадаючий список галузей). Блок “Останні проєкти”: кілька нових або найбільш актуальних проєктів із коротким прев’ю (назва, зображення, короткий опис, сума інвестицій, статус). Блок “участь/Grants”: промо-блок, який привертає увагу до розділу участі/грантів. Містить заклик підтримати ініціативи, коротко згадує одну-дві актуальні ініціативи. Новини та медіа: стрічка останніх новин або анонсів (заголовки новин із датами і мініатюрами). Інформаційні блоки: коротко про організацію та організаторів партнерів, контактну інформацію, можливо, лічильники (скільки проєктів розміщено, скільки інвестицій залучено). Мова інтерфейсу: перемикач мов (UK, GE | EN | ES ). Меню навігації: посилання на основні розділи – Проєкти, Донати/Гранти, Новини, Про нас, Контакти, Вхід/Реєстрація. Примітка для дизайнерів: Головна сторінка повинна мати привабливий герой-блок у верхній частині (фонова тематична фотографія або графіка, що символізує відбудову/інвестиції, та заклик до дії – “Долучитися до відновлення”). Дизайн – сучасний, легкий для сприйняття, з акцентом на ключових діях (переглянути проєкти, підтримати ініціативи). Сторінка має бути повністю адаптивною: на мобільних блоки шикуються вертикально, меню перетворюється на “гамбургер”.Функціональні вимогиЦей розділ описує основні функціональні можливості системи, багато з яких уже були згадані у структурі сайту. Сформулюємо їх як вимоги:FR1: Публічний доступ до проєктів. Всі відвідувачі (неавторизовані) можуть переглядати список проєктів та детальні сторінки проєктів без обмежень. Реєстрація не потрібна для доступу до інформації. FR2: Реєстрація та вхід підприємств. Система дозволяє представникам підприємств створити обліковий запис. Реєстрація вимагає підтвердження email. Адміністратор може затверджувати нові акаунти (налаштовується політикою модерації). FR3: Додавання проєкту. Зареєстрований бізнес-користувач може через особистий кабінет заповнити форму додавання проєкту. Обов’язково: підтримка введення інформації трьома мовами (українська – основне, англійська – бажано для міжнародних інвесторів, іспанська – опціонально). Після заповнення проєкт відправляється на модерацію. FR4: Модерація проєктів. Доданий підприємством проєкт отримує статус “На модерації”. Адміністратор (або модератор контенту) в адмін-панелі перевіряє контент (коректність даних, відсутність заборонених матеріалів). Після перевірки може опублікувати (робить проект видимим на сайті) або відхилити (з вказанням причини, щоб автор міг виправити). FR5: Редагування проєкту. Автор (підприємство) може редагувати свій проєкт. Якщо проєкт уже опублікований, зміни або одразу публікуються (для полів типу статус чи оновлення) або знов потребують модерації (для зміни опису, суми тощо, що можуть суттєво міняти суть проєкту). FR6: Фільтрація та пошук проєктів. Користувачі можуть здійснювати фільтрацію за галуззю, регіоном, типом інвестиції, сумою, статусом (одночасно за кількома критеріями) та повнотекстовий пошук. Поєднання фільтрів працює коректно (логіка “AND” між різними категоріями фільтрів). Вимога – швидка відповідь на зміну фільтру (до 1-2 секунд). Пошук здійснюється без врахування регістру, можливо з морфологією (для укр/англ – спрощено). FR7: Багатомовність контенту. Весь контент проєктів, новин, статичних сторінок доступний українською, англійською, іспанською. Реалізація: або окремі поля для кожної мови в CMS для кожного об’єкта, або використання вбудованих можливостей мультимовності (наприклад, у Drupal/WordPress). Перекладати потрібно назви полів, меню, інтерфейсні повідомлення, URL-адреси (бажано). Забезпечити належні hreflang атрибути для SEO. FR8: Розділ донатів/грантів. Контент-менеджери (або адміністратори) можуть додавати записи про благодійні ініціативи. Відвідувачі переглядають їх так само, як проекти (публічно). Взаємодія: перехід за зовнішнім посиланням для внеску. Тут теж бажано багатомовність (принаймні короткий опис трьома мовами). FR9: Новини та медіа. Можливість публікувати новини і статті через систему керування контентом. Новини можна прив’язувати до категорій/тегів. Відвідувачі можуть читати без реєстрації. (Опція: можливість коментування новин – вирішується додатково, якщо потрібна, з використанням сторонніх віджетів для зменшення проблем з модерацією). FR10: SMM та поширення. На всіх публічних сторінках контенту (проекти, ініціативи, новини) є кнопки для шерінгу в соцмережах. При цьому повинні підставлятися правильні метадані Open Graph: заголовок, опис, зображення (наприклад, перше зображення проєкту або спеціально задане прев’ю). Також сайт має віджети посилань на офіційні соцмережі альянсу (Facebook сторінка, Twitter акаунт тощо). FR11: Підтримка трафіку та продуктивність. Сайт повинен стабільно працювати при навантаженні 200k унікальних відвідувачів/міс (~6-7 тис. на добу) і пікових одночасних сесіях сотень користувачів. Необхідно впровадити кешування сторінок для неавторизованих користувачів, оптимізувати запити до бази даних, використовувати CDN для статичного контенту (зображення, стилі, скрипти). Ці заходи значно покращать швидкість завантаження. FR12: Безпечність та надійність. Реалізувати HTTPS шифрування для всіх сторінок. Захист від основних веб-уразливостей: SQL-ін’єкцій, XSS, CSRF, файлових ін’єкцій. Система управління контентом/платформа повинна підтримувати роли та права: бізнес-користувачі можуть тільки додавати/редагувати свої проєкти, але не публікувати без перевірки; контент-менеджери можуть створювати/редагувати новини; адміністратори мають повні права. Паролі зберігаються хешовано. Дані користувачів (email, контакти) не публікуються без їх згоди. Регулярне резервне копіювання бази даних (автоматичне, наприклад щодня) – вимога, щоб запобігти втраті даних. FR13: Пошукова оптимізація (SEO). Детальніше в окремому розділі, але функціонально – можливість задавати SEO-атрибути: заголовок сторінки (title tag), мета-опис