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

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

Розроблено нову айдентику та брендбук, що допомогли створити єдиний стиль для компанії. Йдеться про логотип, колірну палітру, шрифти та інші елементи. Всі ці елементи підвищують впізнаваність бренду та забезпечують консистентність в усіх комунікаціях.