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

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

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

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

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

Цветовое решение принимается. Слоган окончательно утверждается. 

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

Следующий вариант с учетом замечаний: 

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

Вроде все? Нет. Вызывает сомнения возможность листать вопросы и ответы на главной странице. Под блоком — точки-переключатели. Дизайнер нарисовал пять. А если вопросов 50 или 100? Поступает предложение листать только пять или десять последних. После обсуждения принимаем решение убрать эту возможность вовсе. При желании видеть все вопросы и ответы посетитель идеть в раздел и там они представлены удобным списком: 

Вот теперь все. Прорабатываем внутренние страницы. Адаптируем верстку для просмотра на мобильных устройствах. Пишем код, тестируем, публикуем.

×

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

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