Social media
В рамках государственного контракта CSG разработала новый сайт Крымского информационно-консультационного центра агропромышленного комплекса. Крымский ИКЦ АПК выполняет функции Центра компетенций в сфере сельскохозяйственной кооперации и поддержки фермеров. Сайт объединяет информацию о деятельности учреждения, услугах, мерах государственной поддержки, нормативно-правовой базе, отраслевых материалах, новостях, мероприятиях и образовательной деятельности. Проект был разработан как полноценная информационная digital-платформа с большим количеством разделов и разных типов контента. Основной задачей стало создание понятной архитектуры, в которой пользователь может быстро найти необходимую информацию независимо от объёма и сложности исходных материалов.
Перед CSG стояла задача спроектировать и разработать современный официальный сайт учреждения, способный системно работать с большим массивом отраслевой и справочной информации.
Мы разработали UX/UI сайта с нуля, ориентируясь на реальные сценарии взаимодействия пользователей с информационным государственным ресурсом. Были спроектированы главная страница, раздел о центре, направления деятельности, услуги, новости, мероприятия, документы, материалы государственной поддержки, информационные страницы и другие типы контента. Для разных сущностей была разработана собственная логика представления информации: карточки, списки, информационные блоки, страницы публикаций, формы и навигационные компоненты. Отдельное внимание уделялось мобильной версии. Интерфейс адаптирован таким образом, чтобы даже объёмные материалы и сложная структура разделов оставались удобными для просмотра со смартфона.
Визуальная система построена вокруг официального характера проекта, но при этом не повторяет типовую эстетику государственных сайтов. Основой интерфейса стала сдержанная зелёно-белая палитра, крупная типографика, свободная композиция и модульная система контента. Визуальные акценты используются для разделения направлений, навигации по большим массивам информации и формирования понятной иерархии. Мы разработали единую систему компонентов, которая позволяет использовать один визуальный язык для совершенно разных типов страниц: от новостей и мероприятий до нормативных материалов и информации о мерах поддержки.
Frontend сайта реализован на Vue.js, что позволило создать гибкий компонентный интерфейс и реализовать пользовательскую часть независимо от стандартных ограничений готовых шаблонных решений. В качестве CMS используется WordPress. Она отвечает за управление содержимым сайта, тогда как пользовательский интерфейс разработан как отдельная современная frontend-система. Такой подход позволил совместить удобное администрирование контента со стороны сотрудников учреждения с индивидуальным UX/UI и кастомной логикой frontend-части.
FIGMA
WordPress
Vue.js
Архитектура проекта построена на сочетании Vue.js и WordPress. WordPress используется как система управления контентом, а frontend реализован на Vue.js. Это позволило отказаться от стандартного шаблонного интерфейса CMS и создать индивидуальную пользовательскую часть с собственной компонентной системой, адаптивной логикой и визуальным языком. При этом административная часть остаётся удобной для регулярного обновления новостей, мероприятий, документов, отраслевых материалов и других разделов сайта.
