Блог

Суперлегкий сайт для СНТ «Ветеран-1»

- 16 июня 2018 года

Заказчик: 

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

Задача:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

 

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

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

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

Стайлгайд

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

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

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

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

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

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

 

Интерактивность в галерее

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

 

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

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

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

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

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

Понравилось? Поделитесь статьей в социальных сетях:

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

Walnut Team
Начать проект