EDA

Основанная в 2017 году, EDA считает, что рациональное управление может помочь справиться с быстрым истощением природных ресурсов и является одним из инструментов для решения экологического кризиса. Организация продвигает эту идею в общество, с помощью исследований и обучения, чтобы вовлекать общество в участие в экономической демократии и поддерживать её. Solaurum работала над дизайном и разработкой сайта и создала уникальный бренд для организации EDA, чтобы безупречно передать это сообщение.

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

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

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

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

Для разработки нам понадобилось гибкое решение для размещения большого количества контента и интеграций, представленных на сайте. Наша команда использовала PHP и эффективное сочетание инструментов, таких как WordPress + Elementor + Gravity Forms. Мы также убрали интеграции с внешними источниками, удалив ненужные ссылки на сторонние ресурсы и связав их с инфраструктурой сайта.

Таким образом, команда Solaurum выполнила полный объем работ для этого проекта, включая дизайн, разработку и брендинг.

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

Мы не создавали логотип с нуля, а пересмотрели его актуальность и релевантность. Линии в логотипе стали четче, ненужные элементы были исключены, а оттенок синего стал темнее. Это сделало логотип более профессиональным и эксклюзивным.

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

Ещё одним отличным решением дизайн-команды было использование цветового кодирования на сайте. Каждый цвет был направлен на отображение различных видов деятельности организации и помощь в навигации и идентификации разделов.

Мы знали, что будущий сайт будет содержать много контента, поэтому нам было важно спроектировать прочную основу для него. UX-команда Solaurum создала новую карту сайта и набор прототипов для всех страниц.

Главная страница является “аортой” сайта, создавая первое впечатление и позволяя посетителям сайта узнать о направлениях деятельности EDA и об экономической демократии в целом. Все ключевые страницы были размещены в верхнем меню, в то время как в нижнем меню были размещены прямые ссылки на все страницы и призывы к действию (CTA) для пожертвований и членства в EDA, а также ссылки на социальные сети. Сайт также содержал обширный глоссарий, помогающий пользователям справляться со специфической сложной терминологией.

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

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

Поскольку верхняя часть страницы — это первое, что замечают посетители, мы уделили особое внимание заголовку и основной картинке, добавив анимации, связанные с темой, и контрастный синий цвет. Всё — от типографии, иконок, вводного видео до различных визуальных акцентов — служило одной цели: повысить осведомленность о бренде EDA и передать их заразительный энтузиазм посетителям сайта. В качестве последнего штриха наши дизайнеры добавили на сайт небольшие интерактивные анимации, такие как ховер-эффекты, которые оставляют приятное ощущение от использования сайта. В конце проекта все эти элементы превратились в детальный брендбук.

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

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

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

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

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

Мы также позаботились о том, чтобы другие действия пользователей выполнялись исключительно на сайте EDA. Ранее многие процессы, такие как рассылки писем и сбор данных, выполнялись вручную, поэтому не всегда были корректно синхронизированы. Благодаря различным интеграциям с такими платформами, как Little Green Light и Active Campaign, мы свели все действия пользователей к единой точке — сайту.

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

Кроме общей информации, на сайте также можно найти таблицу законопроектов по продуктам питания, воде и энергии в США, отсортированных по регионам или штатам. Наша команда интегрировала Billtrack 50, чтобы помочь посетителям сайта видеть детали законодательства их био региона.

Интерактивные карты Географической Информационной Системы (GIS) — это инструмент на базе QGIS, который показывает емкость био региона по продуктам питания, воде и энергетическим ресурсам. Это также способствует тому, чтобы избранные члены EDA могли инициировать обсуждение или даже законодательные действия вместе с местными законодателями.

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