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

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

В итоге проект нашел нас сам.

СПЕЦИАЛИСТЫ ПРОЕКТА

JS

3 Front

|

1 QA

1 PM

|

Tilda

СТЕК ТЕХНОЛОГИЙ

На Заводе — благотворительный проект. Было важно заинтересовать команду, чтобы сотрудники приняли участие по личной инициативе.

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

Оказалось, многим близка идея переосмысления истории. Несмотря на высокую загрузку разработчиков, нам удалось сформировать проектную команду!

Задачи и проблемы

Структурировать информацию о проекте и сделать ее доступной для аудитории

Решение

Создание сайта «На Заводе»

Детали дизайна

На поиск айдентики и создание дизайна сайта вызвались друзья Завода — KROKHA + CHEKED. За вдохновением ребята отправились

несколько дней, где погрузились

в атмосферу, историю, наблюдения и пришли к идее пяти элементов.

несколько дней, где

погрузились в атмосферу, историю, наблюдения и пришли к идее пяти элементов.

Алексей
агентство CHEKED

krokha.cheked.design

«Когда-то завод был смыслообразующим звеном территории, производя железо — первый экспортный товар Российской Империи индустриальной эпохи. Для производства были необходимы 4 элемента: вода, камень, огонь, воздух. Смыслы изменились, а заводы остались.

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

Детали разработки

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

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

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

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

Интерактивная карта с подсказками при наведении на её элементы

Хронология событий в разделе «О Заводе» погрузит пользователя в прошлое, начиная с 1732 года. Чтобы гости лучше понимали масштаб проделанных работ, мы добабавили интерактивный формат фото «было/стало».

Большинство вопросов в соцсетях Завода касались предстоящих мероприятий. Театр, музыка, ворк-шопы, экскурсии — обо всем этом теперь можно узнать в разделе «События». Помимо мероприятий, Завод развивает самостоятельные проекты, о которых мы также рассказали на сайте.

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

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

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

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

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

Настроили функционал сбора пожертвований и формы для привлечения новых резидентов для дальнейшего развития Завода

Команда Завода

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

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

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

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

Будем наблюдать и анализировать!»

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

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

Антон П.

Иван

Управление проектом

Руководитель проекта

Дарья

Ростислав

Евгений

PR-сопровождение

Программирование

Верстка

Владимир

Техническое сопровождение

Артур

Тестирование