Сайт для проекта «На заводе»
Разработка сайта социального проекта «На Заводе» — некоммерческая инициатива команды Alto. Мы давно задумались над участием в благотворительном проекте, где проявим свои компетенции в разработке и сделаем мир вокруг немного лучше.
В итоге проект нашел нас сам.
В итоге проект нашел нас сам.
Из разных источников мы слышали о деятельности агентства развития Сысерти и, конечно, о главном проекте — реконструкции старинного железоделательного завода XVIII века через вовлечение волонтеров.
На просторах интернета информации о Заводе было немного, поэтому...
На просторах интернета информации о Заводе было немного, поэтому...
детали проектирования
Знакомство с проектом
Свердловская область, Сысерть, ул. Быкова, 29/4
Небольшими шагами организаторам проекта удалось превратить заброшенное индустриальное пространство в место притяжения творческого сообщества.
Во время прогулки по Заводу мы узнали, что в связи с высоким интересом аудитории, у команды проекта есть сложности с организацией рабочих процессов и структурированием информации.
Во время прогулки по Заводу мы узнали, что в связи с высоким интересом аудитории, у команды проекта есть сложности с организацией рабочих процессов и структурированием информации.
Реальность превзошла все ожидания
В летний период Завод посещает более 120 000 человек. Коммуникация с аудиторией происходит только через социальные сети. Гости интересуются программой фестиваля, историей Завода, навигацией и проявляют инициативу стать волонтерами. Для обработки такого объема информации нужна инфраструктура. Организаторы проекта задумались над созданием сайта.
СПЕЦИАЛИСТЫ ПРОЕКТА
О проекте
СТЕК ТЕХНОЛОГИЙ
1 QA
|
3 Front
Tilda
1 PM
|
JS
На Заводе — благотворительный проект. Было важно заинтересовать команду, чтобы сотрудники приняли участие по личной инициативе.
Мы провели презентацию, где рассказали коллегам о проекте и ответили на технические вопросы.
Оказалось, многим близка идея переосмысления истории. Несмотря на высокую загрузку разработчиков, нам удалось сформировать проектную команду!
Мы провели презентацию, где рассказали коллегам о проекте и ответили на технические вопросы.
Оказалось, многим близка идея переосмысления истории. Несмотря на высокую загрузку разработчиков, нам удалось сформировать проектную команду!
Задачи и проблемы
Структурировать информацию о проекте и сделать ее доступной для аудитории
Решение
Создание сайта «На Заводе»
- Реализация проекта на благотворительной основе при участии партнеров — агентство CHEKED design, агентство по разработке Alto
- Разместить на сайте основную информацию о проекте На Заводе — история, локация, планы
- Добавить раздел события, где посетители могут ознакомиться с проектами Завода и программой мероприятий
- Рассказать о резидентах Завода и о том, как присоединиться к команде
- Реализовать возможность отправки пожертвований на развитие проекта
- Добавить форму обратной связи для желающих стать спонсорами и партнерами проекта
- Подчеркнуть креативный подход к решению задач команды Завода
- Структурировать основную информацию о проекте: история, локация, резиденты, события, расписание, планы
- Сократить коммуникацию по шаблонным вопросам через соцсети и предоставить готовые ответы в удобном формате для аудитории
- Способствовать развитию коммьюнити вокруг проекта — посетители, волонтеры, резиденты, партнеры, спонсоры
Детали дизайна
Дизайн сайта
Общая концепция дизайна
в атмосферу, историю, наблюдения и пришли к идее пяти элементов.
несколько дней, где погрузились
На поиск айдентики и создание дизайна сайта вызвались друзья Завода — KROKHA + CHEKED. За вдохновением ребята отправились
несколько дней, где
погрузились в атмосферу, историю, наблюдения и пришли к идее пяти элементов.
Алексей
агентство CHEKED
агентство CHEKED
krokha.cheked.design
«Когда-то завод был смыслообразующим звеном территории, производя железо — первый экспортный товар Российской Империи индустриальной эпохи. Для производства были необходимы 4 элемента: вода, камень, огонь, воздух. Смыслы изменились, а заводы остались.
Завод сейчас — место, где благодаря всё тем же элементам, но в актуальном прочтении, создаётся новый сплав — креатив. Поэтому основной метафорой айдентики стали уникальные 3д-композиции, символизирующие творчество.»
Завод сейчас — место, где благодаря всё тем же элементам, но в актуальном прочтении, создаётся новый сплав — креатив. Поэтому основной метафорой айдентики стали уникальные 3д-композиции, символизирующие творчество.»
Детали разработки
Особенности функционала
Управлять новым сайтом и не зависеть от разработчиков
Перед нами стояла задача найти решение в рамках сроков на разработку. Также мы учитывали, что сотрудники кластера будут управлять контентом на сайте самостоятельно.
Совместить креативные дизайн-решения и практичность мы решили через стек Tilda + JavaScript. Функционал Tilda ограничен, поэтому решения по задачам совместно принимали ноукод специалист и фронтенд разработчик.
В процессе разработки мы предусмотрели план отделения частей сайта для будущих итераций. Провели тестирование и обучение. После чего передали сайт команде Завода.
Совместить креативные дизайн-решения и практичность мы решили через стек Tilda + JavaScript. Функционал Tilda ограничен, поэтому решения по задачам совместно принимали ноукод специалист и фронтенд разработчик.
В процессе разработки мы предусмотрели план отделения частей сайта для будущих итераций. Провели тестирование и обучение. После чего передали сайт команде Завода.
Интерактивная карта завода
Чтобы гости лучше ориентировались на территории, мы разместили с 3д-карту на главной странице сайта. На ней расположены все объекты кластера. При наведении появляется историческая сводка.
Интерактивная карта с подсказками при наведении на её элементы
Раздел с историей Завода
Хронология событий в разделе «О Заводе» погрузит пользователя в прошлое, начиная с 1732 года. Чтобы гости лучше понимали масштаб проделанных работ, мы добабавили интерактивный формат фото «было/стало».
Сравнение как было и как стало на пространстве Завода
Сравнение как было и как стало на пространстве Завода
Структурирование информации
Большинство вопросов в соцсетях Завода касались предстоящих мероприятий. Театр, музыка, ворк-шопы, экскурсии — обо всем этом теперь можно узнать в разделе «События». Помимо мероприятий, Завод развивает самостоятельные проекты, о которых мы также рассказали на сайте.
Истории резидентов
Завод живет благодаря крутым людям — так звучит главный нарратив проекта. Чтобы участников становилось больше, организаторы решили рассказать о резидентах Завода подробнее. На странице «Резиденты» собраны вдохновляющие истории участников и партнеров проекта.
Вовлечение пользователей
Организаторы проекта взялись за непростую задачу: «Как возродить старинный железоделательный завод, не имея двух миллиардов рублей?». Именно в эту сумму изначально архитекторы оценили реконструкцию Завода. Решением стало вовлечение в проект неравнодушных людей.
Мы добавили форму обратной связи для желающих присоединиться к проекту.
Мы добавили форму обратной связи для желающих присоединиться к проекту.
Итоги проекта
Структурировали информацию
Собрали информацию об истории завода, интересных событиях, проектах, людях и систематизировали в свежей яркой подаче.
Выстроили интерактив
Погрузили пользователя в айдентику Завода, применяя ненавязчивую анимацию — эффекты при прокрутке страницы и наведении курсора на объекты
Реализовали монетизацию
Настроили функционал сбора пожертвований и формы для привлечения новых резидентов для дальнейшего развития Завода
Команда Завода
«Это был наш первый подобный опыт. Вообще, изначально мы думали, что процесс создания сайта занимает меньше времени. Но так как это наш первый сайт, в проект пришлось погрузиться куда глубже — разработать новый фирменный стиль, собрать годами не структурированную «витающая в воздухе» информацию для ТЗ, соединить видение сразу 3-х субъектов: нашей команды, дизайнеров и разработчиков.
Отзыв клиента
Тем не менее, иногда через тернии, компромиссы мы нашли.
Мы считаем очень ценной историю вовлечения команды Alto. Благодарны, что ребята глубоко погрузились в проект, старались находить выходы в моментах, где нам было принципиально следовать идее дизайна, а функционал Tilda был ограничен.
Впереди еще много работы — запуск и оценка эффективности сайта. Предстоит выяснить, действительно ли коммуникация для посетителей завода упростилась и качественно ли доносит сайт ценности нашей команды.
Будем наблюдать и анализировать!»
Мы считаем очень ценной историю вовлечения команды Alto. Благодарны, что ребята глубоко погрузились в проект, старались находить выходы в моментах, где нам было принципиально следовать идее дизайна, а функционал Tilda был ограничен.
Впереди еще много работы — запуск и оценка эффективности сайта. Предстоит выяснить, действительно ли коммуникация для посетителей завода упростилась и качественно ли доносит сайт ценности нашей команды.
Будем наблюдать и анализировать!»
Надеемся, у вас будет возможность посетить Сысертский Завод. Вы отлично проведете время и заметите упоминание Alto в качестве технологического партнера проекта.
Мы благодарим команду Завода за интересный опыт и знакомство с творческим комьюнити Урала. Мы рады участвовать в мероприятиях проекта — как в роли специалистов, так и в роли участников.
Мы благодарим команду Завода за интересный опыт и знакомство с творческим комьюнити Урала. Мы рады участвовать в мероприятиях проекта — как в роли специалистов, так и в роли участников.
Команда
Антон П.
Управление проектом
Иван
Руководитель проекта
Дарья
Ростислав
Евгений
PR-сопровождение
Верстка
Программирование
Владимир
Артур
Техническое сопровождение
Тестирование