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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Посмотреть кейс на сайте студии


Перейти на сайт

В карточку агентства
Пользуйтесь реальным опытом в IT и следите за успехами потенциальных подрядчиков и конкурентов

Читайте также

Кейсы по теме#Создание сайтов