Веб-сайту IT-компанії Sync

Технічне завдання на розробку веб-сайту IT-компанії Sync

1. Опис проекту

Створення сучасного корпоративного веб-сайту для IT-компанії Sync, що надає широкий спектр IT-послуг, включаючи:

• Оренду серверів та віртуальних машин
• Аутсорсинг та аутстафінг IT-фахівців
• Системне адміністрування серверів і робочих станцій
• Інтеграцію систем
• Розробку програмних рішень та автоматизацію бізнес-процесів
• Відеоспостереження та СКД
• Консалтинг у сфері IT
• IT-підтримку для бізнесу та приватних клієнтів

Сайт повинен бути створений на Blazor .NET 9 без використання Bootstrap або інших CSS-фреймворків.

2. Вимоги до сайту

2.1 Загальні вимоги

• Адаптивний дизайн (коректне відображення на всіх пристроях).
• Ізольовані стилі (CSS) – без глобальних класів.
• Ізольований JavaScript-код – усі скрипти мають бути у зовнішніх файлах.
• Структурований код – реалізація за принципами MVVM.
• SEO-оптимізація – можливість редагування мета-тегів (title, description, keywords) для кожної сторінки.

2.2 IT-підтримка

• Сторінка послуги IT-підтримки з детальним описом послуг.
• Система подання запитів у техпідтримку для клієнтів:
  • Форма створення заявки (з можливістю прикріплення файлів).
  • Кабінет користувача для перегляду статусу запитів.
  • Можливість переглядати історію запитів.
  • Відправка повідомлень про зміну статусу заявки на email.
  • Ролі користувачів:
    • Клієнт (створює заявки, переглядає статус).
    • Технічний спеціаліст (приймає заявки, закриває, коментує).
    • Адміністратор (управляє користувачами, переглядає заявки).

2.3 Калькулятор вартості IT-підтримки

• Додавання динамічного калькулятора вартості IT-підтримки, який дозволяє клієнтам розраховувати вартість послуг залежно від:
  • Кількості робочих станцій.
  • Кількості серверів.
  • Часу обслуговування (8/5, 24/7).
  • Додаткових послуг (відеоспостереження, резервне копіювання тощо).
• Динамічне відображення вартості.
• Кнопка "Замовити послугу" після розрахунку.

2.4 Мультимовність

• Українська, російська, англійська мови.
• Реалізація через ресурсні файли для зручності додавання нових мов.

2.5 База даних

• SQLite для збереження контенту та користувачів.
• Таблиці для:
  • Користувачів.
  • Статей блогу.
  • Заявок у техпідтримку.
  • Налаштувань SEO.

3. Структура сайту

3.1 Головна сторінка

• Короткий опис компанії.
• Список основних послуг.
• Форма швидкого зворотного зв’язку.
• Відгуки клієнтів.

3.2 Сторінка послуг

• Категорії послуг.
• Детальний опис кожної послуги.
• Форма замовлення.

3.3 IT-підтримка

• Опис послуг.
• Калькулятор розрахунку вартості.
• Система подання заявок.

3.4 Блог

• Категорії.
• Пошук та фільтрація статей.
• Сторінка окремої статті з SEO-полями.

3.5 Контакти

• Адреса, телефони, email.
• Google Maps.
• Форма для зворотного зв’язку.

3.6 Кабінет користувача

• Управління заявками в техпідтримку.
• Можливість редагування профілю.
• Адміністративна панель для керування сайтом.

4. Технологічний стек

• Frontend: Blazor .NET 9
• Backend: ASP.NET Core
• База даних: SQLite
• Аутентифікація: Identity або JWT
• Розгортання: Docker або Windows Server

5. Очікуваний результат

• Готовий адаптивний сайт з повною структурою.
• SEO-оптимізація сайту та блогу.
• Розробка та налаштування калькулятора IT-підтримки.
• Система заявок у техпідтримку з можливістю відстеження статусу.