Сайт государственной программы «Зимняя еПоддержка»
Помните наш уникальный конструктор сайта государственной политики «Сделано в Украине»? Тот самый неповторимый инструмент, благодаря которому можно легко создавать новые страницы и даже целые сайты? Так вот, перед вами наш новый кейс – онлайн-ресурс государственной программы «Зимняя е Поддержка», который демонстрирует эффективность кастомизированного нами конструктора в действии.
Оцените возможности персонализированной разработки на базе админ-панели сайта Laravel Nova, которая позволяет играть с дизайном и функциями интерфейса без единой строчки кода согласно всё новых потребностей государства или бизнеса. В отличие от популярных конструкторов сайтов типа WordPress, обладающих шаблонным дизайном и ограниченной функциональностью, админ-панель уникального сайта на Laravel отличается гибкостью, скоростью и независимостью от сторонних инструментов, которые только перегружают и замедляют работу программ.
Читайте в нашем кейсе, как благодаря встроенному конструктору можно быстро создать сайт, отвечающий принципам юзабилити, визуальной стилистике цифрового государства и задачам новой программы президента Украины.
О задачах проекта «Зимняя еПоддержка»
«Зимняя еПоддержка» — это один из инструментов программы президента В. Зеленского «Зимняя Поддержка», предусматривающего единовременную денежную помощь гражданам Украины в размере 1 000 гривен. Выплату от государства можно получить в течение зимы 2024-2025 года через онлайн-сервис Дия, Укрпочту либо любой украинский банк, и потратить на коммунальные, транспортные и другие услуги, в том числе благотворительность.
Все эти и другие детали социальной программы должны были удобно уместиться на страницах проекта «Зимняя поддержка». Аналогично сайту «Сделано в Украине», а именно его разделу «Национальный кэшбек», функционал онлайн-ресурса «Зимняя е Поддержка» должен был содержать перечень украинских производителей и встроенный поиск товаров, а именно лекарств и книг, на которые можно потратить денежную помощь. Так, перед командой Webnauts встала задача быстро создать сайт с помощью конструктора и сверстать с нуля ещё несколько страниц и дополнительных блоков.
Конструктор для создания сайта и вёрстка дополнительных блоков
В основу проекта «Зимняя еПоддержка» лёг конструктор страниц на Laravel, который мы разработали ранее для сайта национального бренда «Сделано в Украине». Скопировав ресурс на тот же хостинг, мы сменили доменное имя и сконструировали новый сайт. Это позволило нам быстро развернуть ресурс и настроить его под потребности новой государственной программы.
Уникальный конструктор внутри админки позволяет легко создавать, редактировать, просматривать, копировать, удалять, а также скрывать и открывать страницы на сайте:
Готовые блоки внутри страниц можно добавлять, удалять, перемещать, перетаскивать и наполнять контентом как на украинском, так и на английском языке:
Дизайн нового проекта Минэкономики «Зимняя еПоддержка» предусматривал уникальные блоки, которые мы сверстали с помощью уже хорошо известных технологий: HTML5, CSS (SCSS) и JavaScript. Это хедер сайта с активными ссылками на ключевые разделы, а также блок «Как получить» помощь от государства.
Согласно программе «Зимняя еПоддержка» сайту не хватало страниц с перечнем продавцов лекарств и книг, которые можно приобрести за средства от государства. Благодаря фронтенд-разработчикам Webnauts эти страницы появились на сайте, а составляющие их блоки — в конструкторе для дальнейшего использования.
Кроме того, для сайта «Зимняя еПоддержка» наша команда реализовала пакет дополнительных элементов и блоков – от заголовков и кнопок до сложных секций с иконками, видео, слайдерами и пагинациями. Все компоненты сайта метко перекликаются с визуальным стилем государства в интернете, в том числе ресурсом «Сделано в Украине». Благодаря этому администраторы обеих экономических платформ смогут в считанные минуты создавать и наполнять новые страницы либо добавлять блоки к уже имеющимся.
Интерфейс административной части сайта, в том числе набор блоков конструктора, был создан с помощью JavaScript-фреймворков Vue.js и Nuxt.js, а также языка программирования TypeScript и библиотеки хранения данных Pinia.
Оптимального отображения сайта на разных устройствах мы достигли с помощью CSS-модулей Flexbox и Grid Layout, а плавные микроанимации, в том числе эффект наведения кнопок, написали на чистом языке CSS.
Функциональность сайта «Зимняя еПоддержка»
Официальный онлайн-ресурс «Зимняя еПоддержка» не только информирует украинцев о возможностях социальной программы, но и привлекает к участию книжные магазины и аптеки, готовые принимать оплату средствами государственной помощи.
Сайт содержит не только исчерпывающий блок FAQ, но и форму обратной связи через службу поддержки государственного сервиса Дия:
Подобно онлайн-ресурсу Made in Ukraine сайт «Зимняя еПоддержка» оснащён быстрым поиском медицинской и книжной продукции, которая участвует в государственной программе. Кроме того, на сайте предусмотрена функция загрузки файлов с перечнем книг и лекарств в табличных форматах .csv и .xls, на которые можно потратить «зимнюю тысячу».
Благодаря конструктору страниц с большим количеством готовых блоков функциональность государственного ресурса «Зимняя е Поддержка» можно легко расширять без ущерба для производительности и быстродействия сайта. Это стало возможным благодаря мощному стеку применённых технологий: языкам программирования CSS, JavaScript и TypeScript, а также прогрессивным фреймворкам Laravel, Vue.js и Nuxt.js.
Результат, или быстрый запуск сайта для быстрой поддержки граждан
Проект «Зимняя е Поддержка» в который раз продемонстрировал эффективность кастомизированных решений для быстрой адаптации сайта к любым потребностям государства либо бизнеса. Ключевым элементом проекта стал уникальный конструктор собственной разработки, который позволил нам быстро реализовать и запустить важный государственный онлайн-ресурс. Более того, мы разработали и дополнили набор блоков конструктора для будущих обновлений сайта. Теперь администраторы могут легко создавать страницы, добавлять новые секции и редактировать существующий контент без привлечения разработчиков. То есть быстро реагировать на изменения в социальной программе и легко расширять функционал сайта, сохраняя высокую производительность и визуальный стиль государства в сети.
Таким образом, гибкая панель с конструктором страниц для администраторов и удобный адаптивный интерфейс для пользователей позволяют легко масштабировать платформу и усилить доверие к государственным онлайн-сервисам. Благодаря мощным вебтехнологиям Минэкономики Украины получило ещё один эффективный онлайн-инструмент для коммуникации с гражданами и привлечения бизнеса в государственные программы.
Мы рады снова приобщиться к важной социальной программе и создать нестандартное технологическое решение, что делает оказание и получение государственной помощи простым, удобным и понятным.
Комментарии