Номинируйте кейсы на Workspace Digital Awards 2026. Прием заявок до 15 декабря по льготной цене, успейте принять участие!
KPI Soft
Разработка сайта для эко-организации GreenGreen
KPI Soft
#Проектирование сайта#Дизайн сайта

Разработка сайта для эко-организации GreenGreen

150 
KPI Soft Россия, Москва
Поделиться: 0 0 0
Разработка сайта для эко-организации GreenGreen
Клиент

Green Green

Сфера

Государство и общество

Регион

Армения, Ереван

Сдано

Июль 2023

Задача

Создать начальную версию сайта для некоммерческой эко-организации GreenGreen (Армения), который будет выполнять несколько ключевых функций: информирование жителей Еревана о предстоящих эко-мероприятиях, просвещение по вопросам экологии и сортировки мусора, памятка для волонтеров по проведению уборок, а также сбор пожертвований на развитие организации. Сайт должен быть удобным, понятным и функциональным, реализованным на платформе Tilda с макетами, разработанными в Figma.

Решение

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

Далее мы структурировали информацию, разработали удобную навигацию, создали базовый UI-кит и первые макеты. После тестирования на фокус-группе доработали макеты, перенесли их на Tilda с использованием Zero-block и сторонних скриптов. Настроили кнопки, переходы, поисковую выдачу, а также привязали домен.

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

1Анализ и концепция

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

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

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

2Проектирование и дизайн

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

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

• Создали первые макеты страниц в Figma, уделяя особое внимание удобству навигации и доступности контента.

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

3Верстка и запуск

• Перенесли финальные макеты на Tilda, используя Zero-block для гибкости в дизайне и кастомизации блоков.

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

• Интегрировали сторонние скрипты для улучшения функциональности сайта.

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

• Провели финальное тестирование, проверяя корректность работы всех элементов.

4Передача сайта заказчику

• Подготовили детальные инструкции по самостоятельному обновлению контента и работе с сервисом Tilda, чтобы команда GreenGreen могла легко редактировать информацию и вносить улучшения своими силами.

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

Результат

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

https://greengreen.am/en

Стек технологий

  • Figma Figma Графический редактор

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

Хотите заказать похожий проект?

KPI Soft с удовольствием обсудит вашу задачу

Оставить заявку