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

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

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

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

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

1 QA

|

3 Front

Tilda

1 PM

|

JS

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

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

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

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

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

Решение

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

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

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

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

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

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

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

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

krokha.cheked.design

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Антон П.

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

Иван

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

Дарья

Ростислав

Евгений

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

Верстка

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

Владимир

Артур

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

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