Разработка сайта творческой площадки Пространство

Клиент — Мосстройинформ, информационно-аналитический центр Департамента градостроительной политики и строительства города Москвы.

Изначально они обратились к нам за разработкой нового сайта для портала СтроимПросто.

В процессе работы стало понятно, что аудитория портала разделяется на две группы с разными потребностями:

1. Застройщики и специалисты стройотрасли — им нужны профессиональные инструменты: нормативные документы, законы, отраслевые новости. Для них и создавался сайт СтроимПросто. Мы подробно рассказывали о нем в отдельном кейсе.

2. Архитекторы, дизайнеры, студенты профильных вузов, урбанисты и заинтересованные жители Москвы — они интересуются городской культурой, урбанистикой, выставками, конкурсами. Для них решили сделать отдельную площадку — проект Пространство. Там планировали публиковать материалы о городской культуре, трендах урбанистики и проводить мероприятия: экскурсии, конкурсы, выставки.

Какую проблему нужно было решить: представьте, вы заходите на сайт, чтобы найти информацию о предстоящих мероприятиях. Но вместо удобной навигации сталкиваетесь с хаосом — тут новости про изменения в строительных нормативах, там анонс фестиваля, а между ними статьи для профильных специалистов. Вроде всё полезное, но искать нужное сложно.

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

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

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

Этот этап занял 1,5 месяца. Клиент пришел с дизайном от студии Лебедева, которая отрисовала несколько типовых страниц и UI. Но возникали вопросы: как должны работать афиша, новости и другие элементы портала.

В итоге стало ясно, что дизайн учитывает только визуальную часть, но не механику работы сайта. Макеты рисовали по первоначальным требованиям клиента, прошло время, и появились новые требования. Поэтому решили доработать структуру и уточнить пользовательские сценарии. Дальше подробнее об этом расскажем.

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

Например, изначально у афиши был ежедневный формат. Мы пообщались с клиентом и выяснили, что на площадке проходит всего 2–3 события в неделю. В итоге предложили заменить формат на календарь месяца, чтобы упростить навигацию для пользователей.

Клиент активно участвовал в процессе и предлагал идеи, поэтому быстро достигли единого понимания проекта и согласовали финальную концепцию. После этого мы доработали UX и техзадание, чтобы результат соответствовал ожиданиям клиента.

Сайт разрабатывали около 6 месяцев. В проекте есть несколько элементов функционала, где все должно работать быстро и без перезагрузок страницы, поэтому фронтенд реализовали на стеке Next.js, а бэкенд — на Laravel (October CMS).

Разделили работу на 3 релиза:

1. Основные страницы (главная, события, новости, контакты). Реализовали афишу с фильтрами по датам и темам, чтобы пользователи быстро находили мероприятия. На страницах событий содержатся главные детали: кто и когда выступит, о чем будет говорить и как записаться для участия.

2. Выставки и конкурсы. Разработали конструктор форм, чтобы администратор сайта мог создавать многошаговые заявки для конкурсов.

3. Личный кабинет. Он нужен, чтобы автоматизировать процесс голосования: члены жюри могут зарегистрироваться, оценить работы конкурсантов и выбрать победителей.

Конструктор форм и личный кабинет жюри — самые сложные элементы проекта. Разработали удобную админку, где модератор сайта может настраивать конкурсы, сроки подачи заявок и голосования жюри, а также управлять правами пользователей. Например, дать разрешение пользователю с ролью «жюри» голосовать за работы в каком-то конкретном конкурсе.

Разделили аудитории СтроимПросто на две площадки:

На сайте СтроимПросто застройщики получают доступ к специализированным материалам, актуальным новостям и инструментам для работы. Он продолжает развиваться как полноценный портал для стройотрасли, без лишней информации для горожан.

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

– узнавать о выставках и мероприятиях, которые посвящены урбанистике;

– участвовать в конкурсах, а члены жюри — голосовать в личном кабинете;

– читать новости о городской культуре.

Пространство — это проект для людей, которым важно развитие Москвы. Новый портал стал единой площадкой для тех, кто интересуется урбанистикой и городской культурой. Жители могут узнать о выставках, почитать новости и принять участие в конкурсах. Организаторы получили более 5000 заявок на участие и это только начало.

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