Сайт для проекта «На заводе»

Разработка сайта социального проекта «На Заводе» — некоммерческая инициатива команды Alto. Мы давно задумались над участием в благотворительном проекте, где сможем проявить свои компетенции в области разработки веб-сервисов, сайтов, мобильных приложений и сделать мир вокруг немного лучше.

В итоге проект нашел нас сам.
Из разных источников мы слышали о деятельности агентства развития Сысерти и конечно о главном проекте — реконструкции старинного железоделательного завода XVIII века через вовлечение волонтеров.

На просторах интернета информации о Заводе было немного, поэтому...
детали проектирования

Знакомство с проектом

Свердловская область, Сысерть, ул. Быкова, 29/4
Небольшими шажками организаторам проекта удалось превратить заброшенное индустриальное пространство в место притяжения творческого сообщества.

Во время прогулки по Заводу мы узнали, что в связи с высоким интересом аудитории, у команды проекта есть сложности с организацией рабочих процессов и структурированием информации.
Реальность превзошла все ожидания
В летний период Завод посещает более 120 000 человек, а коммуникация с аудиторией происходит только через социальные сети. Гости интересуются программой фестиваля, историей Завода, навигацией и проявляют инициативу стать волонтерами — для обработки такого объема информации нужна инфраструктура и организаторы проекта задумались над созданием сайта.
СПЕЦИАЛИСТЫ ПРОЕКТА

О проекте

СТЕК ТЕХНОЛОГИЙ
1 QA
|
3 Front
Tilda
1 PM
|
JS
На Заводе — благотворительный проект. Было важно заинтересовать команду, чтобы сотрудники приняли участие по личной инициативе.

Мы провели презентацию, где рассказали коллегам о проекте и ответили на вопросы по технической части.

Оказалось, многим близка идея переосмысления истории. Несмотря на высокую загрузку разработчиков, нам удалось сформировать проектную команду!
Задачи и проблемы
Структурировать информацию о проекте и сделать ее доступной для аудитории
Решение
Создание сайта «На Заводе»
  • Реализация проекта на благотворительной основе при участии партнеров — агентство CHEKED design, агентство по разработке Alto
  • Разместить на сайте основную информацию о проекте На Заводе — история, локация, планы
  • Добавить раздел события, где посетители могут ознакомиться с проектами Завода и программой мероприятий
  • Рассказать о резидентах Завода и о том, как присоединиться к команде
  • Реализовать возможность отправки пожертвований на развитие проекта
  • Добавить форму обратной связи для желающих стать спонсорами и партнерами проекта
  • Подчеркнуть креативный подход к решению задач команды Завода
  • Структурировать основную информацию о проекте: история, локация, резиденты, события, расписание, планы
  • Сократить коммуникацию по шаблонным вопросам через соцсети и предоставить готовые ответы в удобном формате для аудитории
  • Способствовать развитию коммьюнити вокруг проекта — посетители, волонтеры, резиденты, партнеры, спонсоры
Детали дизайна

Дизайн сайта

Общая концепция дизайна

в атмосферу, историю, наблюдения и пришли к идее пяти элементов.
несколько дней, где погрузились
На поиск айдентики и создание дизайна сайта вызвались друзья Завода — KROKHA + CHEKED. За вдохновением ребята отправились
несколько дней, где
погрузились в атмосферу, историю, наблюдения и пришли к идее пяти элементов.
Алексей
агентство CHEKED
krokha.cheked.design
«Когда-то завод был смыслообразующим звеном территории, производя железо — первый экспортный товар Российской Империи индустриальной эпохи. Для производства были необходимы 4 элемента: вода, камень, огонь, воздух. Смыслы изменились, а заводы остались.

Завод сейчас — место, где благодаря всё тем же элементам, но в актуальном прочтении, создаётся новый сплав — креатив. Поэтому основной метафорой айдентики стали уникальные 3д-композиции, символизирующие творчество.»
Детали разработки

Особенности функционала

Управлять новым сайтом и не зависеть от разработчиков

Перед нами стояла задача найти решение в рамках сроков на разработку. Так же мы учитывали, что сотрудники кластера будут управлять контентом на сайте самостоятельно.

Совместить креативные дизайн-решения и практичность мы решили через стек Tilda + JavaScript. Функционал Tilda ограничен, поэтому решения по задачам совместно принимали ноукод специалист и фронтенд разработчик.

В процессе разработки мы предусмотрели план отделения частей сайта для будущих итераций. Провели тестирование и обучение. После чего передали сайт команде Завода.

Интерактивная карта завода

Реализовали наглядную карту с расположением всех объектов завода, а с помощью всплывающих подсказок при наведении удалось сделать раздел более интересным.
Интерактивная карта с подсказками при наведении на её элементы

Раздел с историей Завода

Теперь пользователь может погрузиться в историю Завода, начиная с 1732 года: реализовали интерактивную хронологию событий и внедрили сравнение в формате изображений «было — стало».
Сравнение как было и как стало на пространстве Завода
Сравнение как было и как стало на пространстве Завода

Структурирование информации

Большинство вопросов в соцсетях Завода касались предстоящих мероприятий. Чтобы снизить нагрузку на социальные сети, мы добавили на сайт ответы на часто-задаваемые вопросы и отдельный блок с событиями кластера. Помимо мероприятий, Завод развивает самостоятельные проекты, подробнее о которых теперь можно узнать на сайте.

Истории резидентов

Завод живет благодаря крутым людям — так звучит главный нарратив проекта. Чтобы участников становилось больше, организаторы решили рассказать о резидентах Завода подробнее. На странице «Резиденты» собраны вдохновляющие истории участников, партнеров и предприятий.

Вовлечение пользователей

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

Мы добавили форму обратной связи для желающих присоединиться к проекту.

Итоги проекта

Структурировали информацию

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

Выстроили интерактив

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

Реализовали монетизацию

Настроили функционал сбора пожертвований и формы для привлечения новых резидентов для дальнейшего развития Завода
Команда Завода
«Это был наш первый подобный опыт. Вообще, изначально мы думали, что процесс создания сайта занимает меньше времени. Но так как это наш первый сайт, в проект пришлось погрузиться куда глубже — разработать новый фирменный стиль, собрать годами не структурированную «витающая в воздухе» информацию для ТЗ, соединить видение сразу 3-х субъектов: нашей команды, дизайнеров и разработчиков.

Отзыв клиента

Тем не менее, иногда через тернии, компромиссы мы нашли.

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

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

Будем наблюдать и анализировать!»
Надеемся, у вас будет возможность посетить Сысертский Завод, где вы отлично проведете время и заметите упоминание Alto в качестве технологического партнера проекта.

Мы благодарим команду Завода за интересный опыт, знакомство с творческим комьюнити Урала и приглашением представителей Alto на мероприятия — как в роли специалистов, так и в роли участников.

Команда

Антон П.
Управление проектом
Иван
Руководитель проекта
Дарья
Ростислав
Евгений
PR-сопровождение
Верстка
Программирование
Владимир
Артур
Техническое сопровождение
Тестирование