Задачи: рассказать о разнообразии продукции компании, об их опыте и профессионализме. Быстро запустить сайт, сделать так, чтобы клиент мог оперативно самостоятельно создавать новые страницы.

Решение: разрабатываем сайт с чистым просторным дизайном — продукция клиента в таком оформлении выглядит выгодно, даже с небольшими фотографиями. У многих продуктов похожие характеристики, предусматриваем универсальные блоки для их верстки, создаем страницы-шаблоны для категории, раздела и подраздела — так клиент сможет быстро создавать новые страницы. Вся структура разработана seo-специалистами.



На главной странице рассказываем про основные направления работы компании. Каждому направлению — свой этаж, они четко разделены между собой крупными заголовками и цветом фона. Чередуем ритм и используем разнообразную верстку — эту страницу не скучно читать и интересно рассматривать

newroll.by
Разделяем меню на 2 части: в боковое относим страницы о компании, новости и акции, каталог — в верхнее прикрепленное меню
На первом экране баннеры с товарными предложениямии акциями показывают направления работы компании
Рассказываем про акции и бонусы компании: у клиента собственное производство и бесплатная доставка — это конкурентные преимущества, упоминаем о них
Делаем акценты на интересных предложениях и полезных особенностях продукции — такие плашки добавляют разнообразия в верстку
Делаем блок с материалами — пользователь переключается между коллекциями и смотрит материалы, они показаны, так что пользователь видит не только цвет, но и узор и текстуру ткани. Этот блок интересно рассматривать и кликать

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

newroll.by
Прямо с главного баннера предлагаем пользователю перейти в интересный для него подраздел
У каждого вида продукции есть свои особенности и плюсы — даем место и возможность рассказать о них
Компания работает долго, у нее обширное портфолио — сразу же показываем их работы

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

newroll.by
Рассказываем про типы ворот и тут же показываем фотографии работ нашего клиента — так посетитель сайта выбирает нужную ему продукцию и видит уровень выполненных работ
Создаем универсальный блок про автоматику и аксессуары — клиент сможет использовать его для других страниц и наполнить нужным контентом. Акцентируем внимание на дополнительных фичах, аксессуарах и особенностях установки продукции
Клиент работает давно, у него опытные сотрудники, они регулярно проходят тренинги и повышения квалификации. Подтверждаем эту информацию сертификатами. Их можно подробно рассмотреть или скачать

На странице продукции даем полную информацию: где можно установить, какие преимущества и особенности, варианты установки, варианты цвета, показываем работы клиента.

newroll.by
Создаем универсальный блок с преимуществами. Клиент может наполнить его нужным контентом. Крупными фактоидами показываем основные плюсы

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

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

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

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

У клиента уже есть сайт, но сделали его давно. Он хочет улучшить структуру, добавить страницы, «освежить» дизайн. Делаем первый подход, выходит 2 варианта.

newroll.by
newroll.by

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

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

newroll.by

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

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

newroll.by

Набрасываем варианты внутренних. Сначала на бумаге.

Готовим макеты внутренних страниц, начинаем раздела и подраздела.

Есть рабочие блоки и направление верное, но артдиректору не нравится. Нужно сделать ярче, улучшить структуру и усилить разделение блоков, сделать очевидным различие между страницами раздела, подраздела и конечного продукта.

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

newroll.by
newroll.by
newroll.by

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

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