Заказчик:
Наталья Ивановна — председатель садоводческого некоммерческого товарищества.
Задача:
Разработать сайт, максимально лёгкий и ёмкий, простой в заполнении и управлении, при этом будучи адаптивным и современным, в рамках некрупного бюджета.
С чем работаем?
Побеседовав с заказчиком, сразу же стало ясно, что требуется простой и удобный сайт, в котором нет необходимости вдумчиво разбираться, долго блуждая по административной части сайта и пытаясь найти тот или иной раздел, в котором необходимо добавить статью или поменять текст.
Сайт должен включать в себя ряд важных функций:
- предоставление информации об СНТ,
- оперативное информирование членов СНТ обо всех актуальных новостях,
- оповещение владельцев участков об уплате взносов,
- размещение всех необходимых документов для удобства скачивания и использования,
- а также ряд других мелких задач характерных для сайта такого плана
Помимо разработки сайта для него нужно было подготовить простенький логотип, вписывающийся в идеологию садоводческого некоммерческого товарищества.
Как проходила работа?
Готовим информационный костяк
Так как проект не является гигантским порталом или массивным интернет-магазином, сам по себе он не требует детального технического задания. Тем не менее информационный костяк в любом случае необходим для адекватной разработки сайта, поэтому менеджер, руководствуясь наставлениями заказчика составил структуру следующего вида:
- Главная (небольшой контент и список новостей)
- Новости
- Новость 1
- …
- Новость N
- О СНТ
- Администрация
- Документы
- Галерея
- Собрания
- Сметы и взносы
- Должники
- Форум
- Контакты
Такая небольшая структура с парой идентичных динамических разделов идеально подходит под определение сайта-визитки, что позволяет пропустить этап прототипирования, так как все страницы сайта СНТ элементарны.
Прорабатываем дизайн
Проработка дизайна стартовала с создания простого и аккуратного логотипа.
Рис.1 Итоговый логотип СНТ Ветеран-1
После быстрого утверждения логотипа дизайнер перешел к работе над сайтом.
Преобладающее большинство страниц на сайте — типовые контентные, а это значит, что отрисовывать каждую страницу не имеет смысла, достаточно было подготовить одну контентную страницу, которая послужит эталоном для остальных.
Всего уникальных страниц, требующих проработки дизайна, оказалось 5 — главная, контакты, страница списка (разделы «Новости» и «Форум»), контентная страница и страница галереи.
Рис.2 Главная страница сайта СНТ Ветеран-1
Рис.3 Страница списка и страница новости или статьи
Рис.4 Страница галереи и страница контактов
Естественно, как и в работе над любым другим сайтом, не обойтись без стайлгайда, который вбирает в себя различные состояния элементов интерфейса.
Рис.5 Стайлгайд
Как только работа над макетами была завершена и были подготовлены все мелкие элементы интерфейса, макеты отправились к разработчикам для превращения их в строчки кода.
Конструирование интерфейса и внедрение интерактивности
Как и в любом другом нашем проекте, отдельное место на сайте СНТ Ветеран-1 уделяется интерактивности сайта. Отзывчивость интерфейса на действия пользователя всегда положительно сказывается на общем восприятии сайта, поэтому мы уделяем ему достаточно времени.
Аним.1 Интерактивность на главной странице
Аним.2 Интерактивность в галерее
Аним.3 Интерактивность в форме обратной связи
Завершение проекта
По итогу проработки сайта со стороны front-end, разработчики провели окончательную настройку и его интеграцию с CMS WordPress. Когда последние нюансы настройки были произведены, сайт отправился на заполнение к контент-менеджеру, который заполнил сайт заранее оговоренной с заказчиком информацией (порядка 3-х новостей, основная информация в 70% всех страниц сайта, заполнение сопутствующими изображениями).
По итогу заполнения сайт переехал на свой основной домен, на котором функционирует и сейчас — ветеран1-черусти.рф