Osservatorio DOP & IGP — разработка сайта на WordPress
Разработал адаптивный сайт для проекта MEIA — цифровой платформы, посвящённой развитию продуктов с защищённым наименованием DOP и IGP. Собрал сложную контентную структуру, интегрировал анимации и реализовал управление материалами на WordPress.
Задача
Превратить дизайн-макеты в многостраничную информационную платформу для проекта MEIA. Сайт должен был объединить большое количество материалов о продуктах DOP и IGP, экспертах, исследованиях и стратегиях развития агропродовольственного сектора.
Важно было сохранить строгую визуальную систему проекта, сделать объёмные страницы удобными для изучения и подготовить сайт к регулярному обновлению контента через WordPress.
Решение
Я собрал адаптивную систему страниц и компонентов, сохранив типографику, сетку, композицию и характер исходного дизайна. Большие объёмы информации были разделены на понятные тематические блоки, карточки, слайдеры и самостоятельные внутренние страницы.
Для взаимодействия с контентом использовал GSAP и ScrollTrigger, для плавного движения страницы — Lenis, а для каталогов продуктов и экспертов — управляемые слайдеры Swiper.
Сайт был интегрирован с WordPress: продукты, эксперты, новости, документы и основные информационные разделы можно развивать и обновлять без вмешательства в вёрстку.
РЕЗУЛЬТАТ
Что получилось на выходе
ЭКРАНЫ
В проекте важно было сохранить баланс между большим количеством научных и отраслевых материалов и современной визуальной подачей. Поэтому интерфейс не конкурирует с контентом: крупная типографика формирует иерархию, карточки помогают быстро ориентироваться, а анимации связывают отдельные разделы в единый пользовательский сценарий.
Отдельное внимание уделил внутренним страницам. На сайте предусмотрены разделы о проекте, продуктах DOP и IGP, экспертном сообществе, стратегиях развития, исследованиях, новостях и документах. Компонентная структура позволяет добавлять новые материалы, сохраняя общий визуальный язык сайта.
НАЧАТЬ ПРОЕКТ
Есть готовый макет? Давайте превратим его в работающий сайт.
Обсудить проект в TelegramОбычно отвечаю в течение 30 минут.
Для предварительной оценки достаточно ссылки на Figma.