Заказчик: 

Наталья Ивановна — председатель садоводческого некоммерческого товарищества.

Задача:

Разработать сайт, максимально лёгкий и ёмкий, простой в заполнении и управлении, при этом будучи адаптивным и современным, в рамках некрупного бюджета.

С чем работаем?

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

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

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

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

Как проходила работа?

Готовим информационный костяк

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

• Главная (небольшой контент и список новостей)
• Новости
  • Новость 1
  • …
  • Новость N
• О СНТ
• Администрация
• Документы
• Галерея
• Собрания
• Сметы и взносы
• Должники
• Форум
• Контакты

Такая небольшая структура с парой идентичных динамических разделов идеально подходит под определение сайта-визитки, что позволяет пропустить этап прототипирования, так как все страницы сайта СНТ элементарны.

Прорабатываем дизайн

Проработка дизайна стартовала с создания простого и аккуратного логотипа.

Рис.1 Итоговый логотип СНТ Ветеран-1

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

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

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

Рис.2 Главная страница сайта СНТ Ветеран-1

Рис.3 Страница списка и страница новости или статьи

Рис.4 Страница галереи и страница контактов

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

Рис.5 Стайлгайд

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

Конструирование интерфейса и внедрение интерактивности

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

Аним.1 Интерактивность на главной странице

Аним.2 Интерактивность в галерее

Аним.3 Интерактивность в форме обратной связи

Завершение проекта

По итогу проработки сайта со стороны front-end, разработчики провели окончательную настройку и его интеграцию с CMS WordPress. Когда последние нюансы настройки были произведены, сайт отправился на заполнение к контент-менеджеру, который заполнил сайт заранее оговоренной с заказчиком информацией (порядка 3-х новостей, основная информация в 70% всех страниц сайта, заполнение сопутствующими изображениями).

По итогу заполнения сайт переехал на свой основной домен, на котором функционирует и сейчас — ветеран1-черусти.рф