Cайт ТСЖ «Шмитовский 16»

Задача: Создать сайт товарищества собственников жилья

По адресу: Шмитовский проезд, д. 16 расположен жилой комплекс бизнес-класса. Жители комплекса создали ТСЖ «Шмитовский 16» для борьбы с навязанной застройщиком управляющей компанией, работой которой были очень недовольны, для того, чтобы самостоятельно решать судьбу своих домов и добиться уровня обслуживания, отвечающего их требованиям. 

Сайт ТСЖ «Шмитовский 16», с одной стороны, выполняет функцию агитации жителей, повышения их сплоченности и единства в борьбе. С другой стороны, он призван сделать работу ТСЖ максимально открытой и прозрачной, а коммуникацию правления ТСЖ с жителями — максимально полной и эффективной. Жители должны не только знать обо всем, что происходит в их домах, но и иметь возможность высказать свое мнение, задать вопрос, отправить сообщение правлению ТСЖ. 
Эти задачи легли в основу разработанного формата сайта, дизайна и структуры.


Главная страница*

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

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

По клику на кнопку «Архив» рядом с заголовоком новостного блока посетитель переходит на страницу новостей, где представлены все новости в порядке дат их публикации:


Раздел новостей*

С помощью сайта можно подать заявку на вступление в ТСЖ. Для этого существует одноименный раздел, где, заполнив форму, посетитель отправляет заявку. 


Форма заявки на вступление в ТСЖ

Отправленная заявка помещается в базу данных и становится доступной для просмотра администратору сайта. Также заявка дублируется по электронной почте на адрес администратора сайта.

Для ТСЖ нужна возможность знакомить жителей не только с новостями, но и с публикациями, не привязанными к конкретным событиям и датам — документами ТСЖ, планами, и т.д. Для этого существует раздел «Статьи». У статьи имеется анонс, публикуемый совместно с заголовком в перечне статей, и полное содеражние, отображаемое на странице отдельной статьи при переходе на нее. 

На сайте ТСЖ «Шмитовский 16» для страниц новостей и статей мы реализовали так называемые кириллические ссылки. Название статьи или новости русскими буквами включено непосредственно в адрес страницы. Например, ссылка на страницу статьи «Взгляд в будущее» выглядит так:  «shmit16.ru/articles/взгляд-в-будущее». Такие ссылки, во-первых, хорошо понятны, ими удобно обмениваться. Во-вторых, такие ссылки очень хорошо способствуют повышению рейтинга сайта в поисковых системах по ключевым словам, содержащимся в названии. Для поисковиков вес ключевой фразы в ссылке гораздо выше, чем вес той же фразы в тексте страницы.


Раздел публикаций*

В правой части страницы, под колонкой председателя, расположен блок опросов или голосований. Администратор сайта создает опросы и просматривает результаты голосования. Пользователь, выбирая нужный вариант, нажимает кнопку «проголосовать»:


Голосование в опросе*

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


Результаты голосования*

Важнейшим разделом сайта является раздел вопросов и ответов. Пользователи задают вопрос на странице со специальной формой, на которую переходят кликом по кнопке «Задать вопрос» на главной странице сайта. Правление ТСЖ дает ответ и администратор публикует вопрос с ответом на него в разделе. 


Раздел вопросов и ответов*

Управление сайтом сделано максимально удобным и простым. Здесь, как и во многих других проектах, мы реализовали принцип редактирования и управления «на лету». На сайте нет специального административного раздела — все органы управления появляются прямо на соответствующих страницах при просмотре их авторизованным администратором. Все текстовые блоки, изображения, видео редактируются прямо на страницах, где они расположены. Дополнительные разделы для управления сайтом появляются прямо в главном меню. Такой подход избавляет администоратора (или редактора) от утомительных перезагрузок страницы и переходов между разделами. Выполнив редактирование, администратор сразу видит на странице его результаты. 

Так выглядит главная страница сайта при просмотре авторизованным администратором. Мы видим дополнительные пункты меню, а также органы редактирования на странице.


Вид главной страницы при просмотре авторизованным администратором*

Страница добавления новости. Имеется возможность поместить новость в центральную, либо правую колонку (колонку председателя, см. выше), задать заголовок новости, краткий анонс (для показа в блоке новости), а также краткое и полное содержание с помощью визуального редактора. В текст могут быть помещены изображения, видео, таблицы, списки и т.д. Для удобства задания даты выхода новости используется выпадающий календарь.

Отдельно предусмотрено поле «Алиас» — тот текст, который войдет в состав кириллической ссылки на страницу данной новости. Алиас формируется автоматически по мере ввода названия новости с учетом требований для ссылок — пробелы заменяются дефисами, строчные буквы — прописными, удаляются символы, которые запрещено использовать в сслках (слэши, кавычки, и т.д.). Однако, при желании, администратор может сформировать алиас и вручную, вводя символы непосредственно в поле. 


Добавление новости*

На сайте имеется ряд одностраничных разделов, целиком состоящих из свободно редактируемого контента. Страницы таких разделов полностью формируются с помощью визуального редактора. Это разделы «История создания» и «Наш жилой комплекс». Для наполнения таких разделов в каждом из них имеется ссылка «Редактировать»:


Вид страницы раздела при просмотре авторизованным администратором. Ссылка для редактирования содержимого.

Клик по данной ссылке вызывает появление поверх страницы всплывающего окна с визуальным редактором, в котором адмнистратор задает содержимое раздела. Сохраняя изменения, администратор сразу видит отредактированный раздел. Данный подход иллюстрирует удобный принцип редактирования «на лету».


Редактирование содержимого раздела в помощью визуального редактора во всплывающем окне*

При просмотре авторизованным администратором разделов «Вступление в ТСЖ», «Вопрос-ответ» и «Обратная связь» рядом с названием раздела появляется ссылка на просмотр поступивших заявок на вступление (вопросов, сообщений). Ссылка ведет на страницу, где администратор может посмотреть поступившие сообщения и контакты посетителей, их отправивших.


Вид страницы с формой вступления в ТСЖ при просмотре авторизованным администратором. Ссылка для просмотра поступивших заявок.

Сайт ТСЖ «Шмитовский 16» стал примером удачного интернет-решения в сфере ЖКХ, способствующего прозрачности работы ТСЖ, оперативной коммуникации с жителями, раскрытию информации.

_____________________________
* — некоторые тексты и изображения на скриншотах являются демонстрационным контентом и не соответствуют содержимому страниц реального сайта. 

×

Вы используете устаревший браузер Internet Explorer

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