Сайт компании "Копистар"
Перед нами была поставлена задача в одном сайте совместить три основных направления деятельности компании:
- Оперативная полиграфия;
- Магазин канцелярских товаров и офисной техники;
- Сервисный центр по обслуживанию офисной техники;
Так же в ходе предварительного обсуждения было решено на заглавной странице сайта разместить следующий набор элементов:
- Контактная информация по всем офисам;
- Новинки продукции из магзина товаров;
- Баннер проводимых акций;
На оcнове пожеланий заказчика и требований к сайту нашими дизайнерами был разработан первый эскиз сайта:
![](assets/projects/2132/process_1.jpg)
Эскиз был выполнен в 2-х вариантах:
- В соответствии с фирменной цветовой схемой заказчика и с использованием их фирменных графических элементов;
- В отличной от фирменных цветов схеме, но с интересной на наш взгляд идеей
Основная идея сайта: в центральной части будут меняться иллюстрации, ассоциирующиеся с каждым из направлений деятельности. Ниже располагаются блоки с ссылками на направления деятельности, новинки товаров и баннер «акции». В случае если баннера не будет, «новинки товаров» расширяются и занимают место баннера.
В предложенной нашей идеи, каждому направлению соответствует свой цвет и некий персонаж из оригами и предмет, ассоциирующийся со своим разделом на сайте. Оригами было выбрано как символ работы с бумагой, т.к. все направления деятельности, так или иначе, связаны с ней.
Заказчик выбрал нашу идею и мы приступили к доработке концепции:
В качестве животных были выбраны:
- "Оперативная полиграфия" — хамелеон с бумагой;
- "Товары для дома и офиса" — Кошка с принтером;
- "Сервис" — Попугай с отверткой;
Приступили к разработке иллюстрации "Оперативной полиграфии":
![](assets/projects/2132/process_2.jpg)
Заказчика в целом устраивает, принимаемся за "Товары для дома и офиса".
![](assets/projects/2132/process_3.jpg)
Заказчику и нам не нравится принтер, так как с его слов "выглядит пластмассовым".
Пробуем использовать фотографичное изображение принтера, но в связи с этим приходится менять задний фон.
![](assets/projects/2132/process_4.jpg)
Заказчику такой вариант нравится больше. Прикидываем как будет смотреться иллюстрация с хамелеон и фотореалистичной бумагой.
![](assets/projects/2132/process_5.jpg)
Приходим к выводу, что данный вариант ведет к тупику и решаем вернуться к первоначальному варианту с разными фонами, только вместо принтера для "товаров для дома и офиса" предлагаем использовать цветок, как атрибут каждого дома и большинства офисов.
![](assets/projects/2132/process_6.jpg)
Заказчика данный вариант устраивает. Приступаем к созданию иллюстрации для раздела "Сервис".
![](assets/projects/2132/process_7.jpg)
Все иллюстрации согласованы, дочищаем по мелочи все три страницы и проводим окончательное согласование заглавных страниц.
![](assets/projects/2132/process_8.jpg)
Приступаем к разработке внутренних страниц сайта. Используем на них небольшие "шапки" в соответствующих цветовых схемах. Показываем стандартные элементы внутренних страниц сайта.
![](assets/projects/2132/process_9.jpg)
Разрабатываем иконки для разделов "Оперативной полиграфии" и "Товаров для дома и офиса".
![](assets/projects/2132/process_10.jpg)
Разрабатываем дизайн-макеты "интернет-магазина".
![](assets/projects/2132/process_11.jpg)
Все страницы согласованы, производим HTML-верстку макетов, интегрируем сверстанные станицы с Системой управления сайтом Webylon.CMS и совместно с заказчиком тестируем импорт товаров из 1С.
Получившийся результат можно посмотреть по адресу: http://copystar.karelia.ru
Компания "Копистар"
![NEW-logo.png](https://mediaweb.ru/assets/clients/logo_1482.png)
О проекте:
Дата выпуска: 13.05.11
Клиент: Компания "Копистар"
![](themes/comp1/img/cup.jpg)
![](themes/comp1/img/cup.jpg)
![](themes/comp1/img/cup.jpg)
![](themes/comp1/img/cup.jpg)