Постановка задачи
Разработать современный, многофункциональный корпоратиный сайт для удобной коммуникации с инвесторами, партнерами и сотрудниками международной ассоциации "Евростратегия" г. Одесса.
- Разработать многостраничный сайт, структура которого включает в себя информацию про ассоциацию, новости, анонсы, фото, видео.
- Создать современный дизайн с фирменным стилем и цветами
- Выполнить вёрстку дизайн-макета. Предусмотреть валидность и чистоту кода.
- Разработать удобный функционал админ панели сайта для публикации новостей, фотоотчетов, видеоотчетов и редактирования всего контента.
- Добавить мультиязычность к сайту для трёх языков
Проектирование и прототипирование
На данном этапе мы максимально удобно для пользователя сайта разместили все основные элементы сайта на страницах для комфортного и быстрого поиска нужной информации. Основная информация организации и ключевые ссылки мы разместили на главной странице сайта. Потому пользователь, который зашел на главную страницу сайта может легко просмотреть данные про организацию, новости, проекты. Так же была продумана перелинковка между остальными страницами сайта.
Дизайн
Дизайн создавался с учетом фирменных цветов ассоциации и логотипа. Основной задачей при разработке дизайна корпоративного сайта было выделиться с помощью фирменного стиля, нестандартным размещением блоков и удобной навигацией.
Техническая реализация
Вёрстка сайта осуществлялась с использованием нашей gulp сборки. Для удобства работы были использованы pug, scss, модульный JS, SASS сетка. Вёрстка выполнялась по методологии БЭМ.
В качестве админ панели сайта мы приняли решение использовать cms ModX Revolution. В итоге заказчик может самостоятельно редактировать все контентные поля сайта на трёх языках, с лёгкостью добавлять новости, статьи, фото и видео материалы, публиковать отчётную документацию.
Результат
В итоге мы создали продукт, который соответствует репутации организации. Фирменный стиль и уникальная концепция продукта соответствовала всем требованиям заказчика. Специальный функционал дал возможность для введения отчетности, блога, анонсов мероприятий и управления разного вида медиа контентом
