Rate this fw-portfolio

DII-Ukraine

Информационно-корпоративный сайт медиаорганизации

О проекте

DII-Ukraine — информационно-корпоративный сайт медиаорганизации, способствующий качественному информированию и трансформации общества. Основная деятельность компании сосредоточена на информационной реинтеграции, противостоянии информационной агрессии и развитии независимой языковой среды.

Важной составляющей работы является освещение роли медиа в послевоенном восстановлении, что способствует формированию устойчивого информационного пространства и поддержанию общественных инициатив.

Цели проекта

Необходимо было обновить сайт, поскольку предыдущая платформа не была адаптирована и ограничивала эффективное управление ресурсом. Сайт был тяжело администрирован, он имел много ограничений, и любые изменения могли повлечь за собой неожиданные проблемы с отображением контента или другими элементами. Дизайн тоже устарел, а скорость работы ресурса была низкой.

Отрасль

Медиа

Год запуска

2023

Результат

Перейти на сайт

Вызовы и задания

Заказчик столкнулся с несколькими проблемами, требующими решения:

001

Устаревший дизайн сайта

Старый сайт не отвечал современным требованиям и потребностям пользователей, его дизайн был не актуален и требовал обновления.

002

Проблемы с административной панелью

Администрирование сайта стало сложным из-за багов и ограничений функциональности, что усложняло работу с контентом и заставляло ограничивать возможности изменений на сайте.

Задачи для нашей команды:

001

Разработка нового сайта с адаптивной и удобной административной панелью для эффективного управления

Создать сайт, который будет адаптивным для разных устройств и предоставит удобный интерфейс для администрирования и управления контентом.

002

Миграция контента со старой платформы с минимальными потерями и сохранение SEO-позиций

Перенести контент с предыдущей платформы, обеспечив минимальные потери данных и сохранность высоких SEO-результатов.

003

Интеграция большого количества медиаресурсов (фото, видео) и создание функциональных страниц для отчетов

Реализовать интеграцию различных мультимедиа и создать удобные страницы для отображения отчетов, что обеспечит удобный доступ к информации.

004

Оптимизация архивов и обеспечение их хранения.

Оптимизировать архивы, обеспечивая эффективное хранение и быстрый доступ к ним.

005

Разработка удобной фильтрации и популярных меток для легкого доступа к информации.

Создать систему фильтрации и набор популярных меток, что позволит пользователям быстро находить нужную информацию на сайте.

UX/UI дизайн:

Перед началом работы были проведены следующие UX-исследования:

Проведено интервью с клиентом для определения проблем, целей проекта и целевой аудитории сайта.

Проведен анализ конкурентов для изучения сильных и слабых сторон основных конкурентов.

Разработана структура сайта и концепция дизайна с учетом потребностей целевой аудитории для обеспечения интуитивно понятного интерфейса.

Создан дизайн, сочетающий элементы бренда компании для формирования четкой и привлекательной визуализации.

Изменения, которые были реализованы:

Разработан новый, современный дизайн сайта для улучшения пользовательского опыта.

Создана административная панель с возможностью корректировки и изменения информации на сайте без внешнего вмешательства.

Сохранен и улучшен функционал фильтрации по тегам для удобства пользователей.

Добавлена возможность поделиться статьей в соцсетях и просматривать последние публикации.

Выполнена миграция и сохранение материалов с предыдущего сайта, обеспечивая их доступность.

Оптимизирован скорость сайта до высоких показателей для обеспечения быстрого доступа пользователей.

Разработана новая айдентика и брендбук для формирования единого корпоративного стиля.

Используемые технологии:

Сайт создан на CMS WordPress с использованием языка программирования PHP и компилятора Twig. Это обеспечивает гибкость и эффективность создания и управления контентом.

Для хранения данных используется база данных MySQL, гарантирующая высокую производительность и стабильность работы сайта. Серверная часть работает на Apache, что обеспечивает надежность и быстроту обработки запросов.

Фронтенд реализован посредством HTML, CSS и JavaScript для создания удобного и привлекательного интерфейса.

Функциональные возможности сайта:

Сайт имеет ряд профессиональных функциональных возможностей для удобства пользователей:

01

Мультиязык: сайт поддерживает несколько языков, что позволяет пользователям выбрать удобный для них язык интерфейса и контента.
02

Блог с подбором статей: удобная система категорий и меток помогает быстро находить материалы по теме.
03

Смежные проекты: последние публикации в материалах содержат информацию о связанных темах и проектах Это позволяет получить больше полезного контента.
04

Поделиться материалами: функция быстрого распространения статей в социальных сетях помогает делиться важной информацией с другими.

Результаты:

001

Обновленный современный дизайн.

Полностью переделан дизайн сайта, с учетом новейших тенденций в вебдизайне. Создан стильный и функциональный интерфейс, обеспечивающий удобное использование и улучшающий визуальное восприятие бренда.

002

Разработка на современной платформе с возможностью расширения функционала.

Сайт построен на основе современной системы управления контентом, позволяющей без ограничений добавлять новые функции и возможности. Это обеспечивает гибкость развития проекта и легкость в дальнейших обновлениях.

003

Создание многофункциональной административной системы.

Внедренная интуитивно понятная административная панель для управления контентом сайта. Это позволяет администратору без труда добавлять, редактировать и удалять материалы, а также управлять основными настройками сайта.

004

Возможность создания новых проектов и управления ими.

Реализована возможность добавления новых проектов непосредственно через административную панель. Также доступна функция управления проектами на странице контактов, что позволяет удобно организовывать информацию о каждом из них.

005

Фильтрация статей по нужным тегам.

Создан удобный механизм фильтрации публикаций по тегам, позволяющий пользователям быстро находить интересные статьи и материалы, отвечающие их запросам.

006

Оптимизация сайта для высокой производительности.

Сайт оптимизирован для быстрой работы даже при большой нагрузке. Благодаря применению лучших практик по оптимизации время загрузки страниц минимально, что положительно влияет на опыт пользователей.

007

Разработка айдентики и брендбука.

Разработана новая айдентика и брендбук, которые помогли создать единый стиль для компании. Речь идет о логотипе, цветовой палитре, шрифтах и других элементах.