Green Green
Государство и общество
Армения, Ереван
Июль 2023
Создать начальную версию сайта для некоммерческой эко-организации GreenGreen (Армения), который будет выполнять несколько ключевых функций: информирование жителей Еревана о предстоящих эко-мероприятиях, просвещение по вопросам экологии и сортировки мусора, памятка для волонтеров по проведению уборок, а также сбор пожертвований на развитие организации. Сайт должен быть удобным, понятным и функциональным, реализованным на платформе Tilda с макетами, разработанными в Figma.
Для эффективного создания сайта мы провели анализ аналогичных проектов в других странах, определили ключевые пользовательские сценарии и сформировали концепцию сайта.
Далее мы структурировали информацию, разработали удобную навигацию, создали базовый UI-кит и первые макеты. После тестирования на фокус-группе доработали макеты, перенесли их на Tilda с использованием Zero-block и сторонних скриптов. Настроили кнопки, переходы, поисковую выдачу, а также привязали домен.
В завершении передали организации подробные инструкции по самостоятельному обновлению контента. Сейчас поддержкой и развитием сайта занимается сама организация.
• Провели исследование сайтов аналогичных эко-организаций в других странах, чтобы определить лучшие практики и понять, какие решения работают эффективнее всего.
• Выделили ключевые пользовательские сценарии: информирование о мероприятиях, образовательные материалы, памятки для волонтеров и система пожертвований.
• Разработали концепцию сайта, учитывая существующий фирменный стиль организации, чтобы создать визуально привлекательный и понятный интерфейс.
• Проанализировали объем информации и создали логичную структуру сайта, чтобы пользователи легко находили нужные разделы.
• Разработали карту сайта и базовый UI-кит, включая элементы дизайна, шрифты, цвета и стили кнопок и инфографики.
• Создали первые макеты страниц в Figma, уделяя особое внимание удобству навигации и доступности контента.
• Организовали тестирование на фокус-группе потенциальных пользователей, собрали обратную связь и внесли доработки для улучшения удобства использования.
• Перенесли финальные макеты на Tilda, используя Zero-block для гибкости в дизайне и кастомизации блоков.
• Добавили интерактивные элементы, такие как кнопки, переходы между страницами, всплывающие окна и формы обратной связи.
• Интегрировали сторонние скрипты для улучшения функциональности сайта.
• Оптимизировали сайт под поисковые системы и привязали домен.
• Провели финальное тестирование, проверяя корректность работы всех элементов.
• Подготовили детальные инструкции по самостоятельному обновлению контента и работе с сервисом Tilda, чтобы команда GreenGreen могла легко редактировать информацию и вносить улучшения своими силами.
• Передали сайт заказчику, обеспечив его готовность к дальнейшему развитию и использованию.