Сайт компании "Копистар"

Перед нами была поставлена задача в одном сайте совместить три основных направления деятельности компании:

• Оперативная полиграфия;
• Магазин канцелярских товаров и офисной техники;
• Сервисный центр по обслуживанию офисной техники;

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

• Контактная информация по всем офисам;
• Новинки продукции из магзина товаров;
• Баннер проводимых акций;

На оcнове пожеланий заказчика и требований к сайту нашими дизайнерами был разработан первый эскиз сайта:

Эскиз был выполнен в 2-х вариантах:

1. В соответствии с фирменной цветовой схемой заказчика и с использованием их фирменных графических элементов;
2. В отличной от фирменных цветов схеме, но с интересной на наш взгляд идеей

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

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

Заказчик выбрал нашу идею и мы приступили к доработке концепции:

В качестве животных были выбраны:

• "Оперативная полиграфия" — хамелеон с бумагой;
• "Товары для дома и офиса" — Кошка с принтером;
• "Сервис" — Попугай с отверткой;

Приступили к разработке иллюстрации "Оперативной полиграфии":

Заказчика в целом устраивает, принимаемся за "Товары для дома и офиса".

 

Заказчику и нам не нравится принтер, так как с его слов "выглядит пластмассовым".

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

 

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

 

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

 

 

Заказчика данный вариант устраивает. Приступаем к созданию иллюстрации для раздела "Сервис".

 

 

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

 

 

Приступаем к разработке внутренних страниц сайта. Используем на них небольшие "шапки" в соответствующих цветовых схемах. Показываем стандартные элементы внутренних страниц сайта.

 

 

Разрабатываем иконки для разделов "Оперативной полиграфии" и "Товаров для дома и офиса".

 

 

Разрабатываем дизайн-макеты "интернет-магазина".

 

 

Все страницы согласованы, производим HTML-верстку макетов, интегрируем сверстанные станицы с Системой управления сайтом Webylon.CMS и совместно с заказчиком тестируем импорт товаров из 1С.

 

Получившийся результат можно посмотреть по адресу: http://copystar.karelia.ru