MVS
Огляд кейсу
MVSWinFinance звернулися до нас із проханням створити професійний промо-сайт, який чітко презентував би їх фінансову продукцію та спрощував процес збору користувацьких запитів. Рішення було створено на базі Umbraco 16 — обраного за його сучасну, компонентно-орієнтовану архітектуру та основу з довготривалою підтримкою.
Реалізований вебсайт охоплює всі ключові комерційні точки взаємодії: структуровану контактну форму, налаштовувані тарифні плани та розгорнутий розділ FAQ. Весь контент керується безпосередньо з бекофісу Umbraco, даючи клієнту повний редакторський контроль без залежності від розробників для щоденних оновлень.
Мета: Швидко зробити повністю керований вебсайт на Umbraco 16, забезпечити масштабовану основу для майбутнього розвитку та впровадити повторно використовувані компоненти, що керуються CMS — усе в жорсткі терміни.
Основна інформація про проект
Індустрії
Фінансові технології, фінансування малого та середнього бізнесу і корпоративні фінанси, цифрові банківські рішення, управління бізнес-фінансами, онлайнові фінансові послуги
Послуги
Full-Stack розробка, розробка архітектури CMS, інтеграція фронтенду, розгортання та налаштування DevOps
Рішення
Промо-сайт на Umbraco 16, бібліотека компонентів на базі CMS, контактна форма з доставкою через SMTP, розділи тарифних планів і FAQ
Технології
Umbraco 16+ .NET 9.0, MS SQL Server, uSync, SeoToolkit. Umbraco, Block List Models, SMTP
Виклики
Повністю керований бекофісом CMS
Розробка сайту з підтримкою детального контролю над контентом, деталями макету та налаштовуваною функціональністю — наприклад, керування отримувачами контактної форми — усе безпосередньо в бекофісі Umbraco без втручання розробників.
Нова платформа, обмежена документація
Umbraco 16 була відносно новим релізом із обмеженими практичними ресурсами та знаннями спільноти. Для створення стабільного та підтримуваного рішення потрібне було глибоке дослідження її механізмів і нових найкращих практик.
Жорсткі терміни
Всі архітектурні рішення — включно з плануванням масштабованості та передбачуваним дизайном компонентів — повинні були бути прийняті та підтверджені, одночасно здійснюючи повну реалізацію у стислі терміни проекту.
Процес
Проект було виконано як самостійна full-stack робота з сильним акцентом на архітектурну чіткість та розширюваність CMS. Працюючи паралельно з фронтенд-інженером, технічна реалізація проходила поетапно — від налаштування CMS та моделювання бекенду до інтеграції фронтенду та кінцевого розгортання. Кожен етап ставив на пріоритет дружність для редакторів і довготривалу підтримуваність.
Виявлення та планування архітектури
Аналіз вимог клієнта, визначення структури контенту CMS, планування ієрархії документів Umbraco 16, компонентів block list та потоків управління бекофісом перед написанням жодного рядка коду.
Розробка бекенду CMS
Побудована повна CMS шар Umbraco 16 — типи документів, моделі Block List, типи даних — та налаштовано uSync для синхронізації середовищ і SeoToolkit для управління SEO у бекофісі.
Інтеграція фронтенду
Інтеграція HTML та CSS шаблонів, паралельно розроблених фронтенд-інженером, їх зв’язування з CMS-керованими Razor-переглядами та забезпечення керованості всіх контентних зон з бекофісу.
Розгортання та валідація
Управління початковим розгортанням, налаштування SMTP-пошти для контактної форми, валідація всіх функціональних вимог з клієнтом та забезпечення відповідності сайту стандартам доставки у погоджені терміни.
Рішення
Ключові особливості рішення
Розширений контроль CMS — Повне керування вмістом, макетами та налаштовуваними опціями у бекофісі, включно з динамічним керуванням отримувачами контактної форми.
Повторно використовувані компоненти Block List — Гнучка бібліотека компонентів для створення та перестановки сторінок без участі розробників та написання кастомного коду.
Тарифні плани та розділи FAQ — Виділені керовані CMS розділи для презентації продукту зі структурованими, зручними для редакторів моделями даних.
Синхронізація середовищ в один клік — uSync налаштований для швидкої, надійної синхронізації типів контенту та структури бекофісу між розробкою, тестуванням і продакшеном.
Управління SEO у бекофісі — Інтеграція SeoToolkit дає редакторам прямий контроль над метатегами, заголовками сторінок і SEO-налаштуваннями без змін коду.
Результати у цифрах
100%
Управління контентом бекофісом по всьому сайту — редактори контролюють кожен розділ, компонент і налаштування форми без втручання у код.
31%
Показник відмов знизився після редизайну, що було забезпечено більш чіткою структурою контенту, покращеною ієрархією сторінок та швидшим завантаженням.
78%
Швидше створення сторінок завдяки бібліотеці компонента Block List, що можна повторно використовувати — редактори створюють нові лендинги без участі розробників.
68%
Зменшено зусилля з довгострокового обслуговування завдяки модульній архітектурі — зміни ізольовані, прогнозовані та потребують мінімального часу інженерів.
