Копистар
Перед нами была поставлена задача в одном сайте совместить три основных направления деятельности компании:
- Оперативная полиграфия;
- Магазин канцелярских товаров и офисной техники;
- Сервисный центр по обслуживанию офисной техники;
Так же в ходе предварительного обсуждения было решено на заглавной странице сайта разместить по мимо графических элементов следющие элементы:
- Контактная информация всех офисов;
- Новинки продукции из магзина товаров;
- Баннер акций, еси акций нет, то баннер должен исчезать, при этом внешний вид сайта должен так же восприниматься целостно;
На оcнове пожеланий заказчика и требований к сайту нашими дизайнерами был разработан первый эскиз сайта:
Эскиз был выполнен в 2-х вариантах:
- В соответствии с фирменной цветовой схемой заказчика и с использованием их фирменных графических элементов;
- В отличной от фирменных цветов схеме, но с интересной на наш взгляд идеей
Основная идея сайта: в центральной части будут меняться иллюстрации, ассоциирующиеся с каждым из направлений деятелности. Ниже распологаются блоки со ссылками на направления деятельности, новинки товаров и баннер «акции». В случае если баннера не будет, «новинки товаров» расширяются и занимают место баннера.
В предложенной нашей идеи, каждому направлению соответствует свой цвет и некий персонаж из оригами и предмет, асоциирующийся со своим разделом на сайте. Оригами было выбрано как симовл работы с бумагой, т.к. все направления деятельности, так или иначе, свзаны с ней.
Заказчик выбрал нашу идею и мы приступили к доработке концепции:
В качестве животных были выбраны:
- Оперативная полиграфия — хамелеон с бумагой;
- Товары для дома и офиса — Кошка с принтером;
- Сервис — попугай с отверткой;
Приступили к разработке иллюстрации оперативнйо полиграфии:
Заказчика в целом устраивает, принимаемся за «Товары для дома и офиса».
Заказчику и нам не нравится принтер - «выглядит пластмассовым».
Пробуем использовать фотографичное изображение принтера, но в связи с этим приходится менять задний фон.
Закзчику такой вариант нравится больше, прикидываем как будет смотреться иллюстрация с хамелеон и фотореалистичной бумагой.
Приходим к выводу, что данный вариант ведет к тупику и решаем вернуться к первоначальному варианту с разными фонами, только вмеcто пирнтера для «товаров для дома и офиса» предлагаем использовать цветок, как отрибут каждого дома и большенства офисов.
Заказчика данный варинт устраивает, приступаем к разделу «Сервис».
Все иллюстарции согласованы, дочищаем по мелочи все три страницы и проводим окончательное согласование заглавных страниц.
Приступаем к разработке внутренних страниц сайта. Используем на них небольшие шапки в соответствующих цветовых схемах. Показываем стандартные элементы внутренних страниц сайта.
Разрабатываем иконки для разделов «Оперативной полиграфии» и «Товаров для дома и офиса».
Разрабатываем дизайн-макеты магазина.
Все страницы согласованы, производим HTML-верстку макетов, интегрируем сверстанные станицы с системой управления сайтом Webylon.CMS, совместо с заказчиком тестируем импорт товаров из 1С.
Получившийся результат можно посмотреть по адресу:http://copystar.karelia.ru
