Задачи: рассказать о разнообразии продукции компании, об их опыте и профессионализме. Быстро запустить сайт, сделать так, чтобы клиент мог оперативно самостоятельно создавать новые страницы.
Решение: разрабатываем сайт с чистым просторным дизайном — продукция клиента в таком оформлении выглядит выгодно, даже с небольшими фотографиями. У многих продуктов похожие характеристики, предусматриваем универсальные блоки для их верстки, создаем страницы-шаблоны для категории, раздела и подраздела — так клиент сможет быстро создавать новые страницы. Вся структура разработана seo-специалистами.
На главной странице рассказываем про основные направления работы компании. Каждому направлению — свой этаж, они четко разделены между собой крупными заголовками и цветом фона. Чередуем ритм и используем разнообразную верстку — эту страницу не скучно читать и интересно рассматривать
Создаем страницу раздела — у сайта достаточно сложная структура, чтобы облегчить ориентирование клиента в продукции, на этой странице рассказываем о типах продукции. Клиент уже на этой странице получает информацию и может принять решение, куда дальше ему перейти
На странице раздела подробно рассказываем про продукцию: какие типы продукта бывают, какие у них особенности и преимущества, какие дополнительные устройства и аксессуары можно установить, какие есть цвета. На этой страницы можно сразу перейти к конечному продукту или оформить заявку.
На странице продукции даем полную информацию: где можно установить, какие преимущества и особенности, варианты установки, варианты цвета, показываем работы клиента.
Клиент планирует создавать новые страницы уже после запуска сайта. Для этого готовим шаблоны, в которых может быть размещен совершенно разный контент. Предусматриваем два варианта — страница в которой преобладает текст и страница с большим количеством фотографий.
У клиента большой опыт — он производит роллеты, жалюзи и ворота больше 12 лет и он хочет поделится своим опытом и помочь посетителям сайта разобраться в теме. Клиент уже пишет статьи и снимает видео про производство, установку и особенности роллет, ворот и жалюзи и планирует делать это регулярно. Чтобы показать всю базу статей и видео создаем специальный раздел.
У клиента уже есть сайт, но сделали его давно. Он хочет улучшить структуру, добавить страницы, «освежить» дизайн. Делаем первый подход, выходит 2 варианта.
Клиент уточняет задачу: нужен совершенно новый дизайн, легкий и современный. Нужно обновить уже существующие страницы, подключить сайт к админке. Клиент просит сделать так, чтобы новые страницы разного содержания было легко добавлять.
Готовим дизайн главной. Параллельно дизайнер разбирает уже существующий сайт, анализирует структуру страниц и определяет, какие блоки повторяются и могут быть использованы на разных страницах.
В целом клиенту нравится. Он просит изменить цвета и не использовать такие яркие фоновые плашки, убрать скосы у плашек, изменить меню — каталог продукции оставить в верхнем меню, а информационные страницы перенести в боковое. Также нужно поменять верхний баннер — клиент беспокоится, что слишком яркий дизайн отпугнет пользователей, а сайт должен быть понятен и близок среднестатистическому пользователю.
Меняем цвет на прохладно-зеленый, фоновые плашки делаем светлыми, но достаточными для того, чтобы они по прежнему разделяли страницу на этажи. Долго перебираем варианты баннера в начале страницы, в итоге останавливаемся на спокойном варианте с иллюстративным фото. Поменяли дизайн меню — теперь это две отдельные панели закрепленные сверху и слева, они остаются на месте при прокрутке страницы и навигация всегда доступна.
Набрасываем варианты внутренних. Сначала на бумаге.
Готовим макеты внутренних страниц, начинаем раздела и подраздела.
Есть рабочие блоки и направление верное, но артдиректору не нравится. Нужно сделать ярче, улучшить структуру и усилить разделение блоков, сделать очевидным различие между страницами раздела, подраздела и конечного продукта.
Подключается второй дизайнер, используя наработки улучшает структуру и собирает новые макеты. Получаются страницы с ясной структурой и набором блоков, которые можно использовать на разных страницах.
В проект включается первый дизайнер и готовит оставшиеся страницы, стараясь использовать уже готовые модули.
Презентуем макеты заказчику, он одобряет макеты, просит внести несколько правок в меню и галерею проектов. Вносим правки, еще раз согласовываем макеты и отдаем их на верстку и программирование.