Перед нами была поставлена задача создать промо-сайт для изготовления информационных стендов. Цель создания сайта - продвижение продукции, изготавливаемой компанией. Сайт должен состоять из нескольких страниц, предоставляющих пользователю исчерпывающую информацию о технологии изготовления, сроках, оплате и доставке товара. Кроме этого, на сайте должны работать следующие модули:
программный модуль проектирования стендов, позволяющий пользователю самостоятельно выбрать конструкцию стенда, подобрать цвета из палитры для всех элементов стенда, а также цвета стен и пола помещения, в котором будет располагаться спроектированный стенд для того, чтобы представить как будет выглядеть стенд в интерьере;
модуль online заказа на изготовление стендов.
Основным требованием заказчика было быстродействие всех разделов сайта.
Дизайн сайта
Для разработки дизайна сайта заказчиком выбран дизайн на базе готового шаблона, в который необходимо вписать логотип компании и использовать виды Санкт-Петербурга.
С одной стороны заказчик хотел обратить внимание пользователя на том, что стенды изготавливаются в Санкт-Петербурге, с другой на том, что продукция компании успешно доставляется по регионам. Для этого мы вписали в шапку сайта панораму Санкт-Петербурга и предложили рекламный блок, который хорошо сочетался по цвету и в то же время акцентировал внимание пользователя на содержании информационного блока: «Доставка стендов в 77 городов России».
Разработка сайта
Так как клиентами заказчика являются не только торговые предприятия, но и муниципальные учреждения, школы, поликлиники, для которых объем загружаемых данных часто критичен, необходимо было обеспечить максимальное быстродействие всех модулей сайта. С другой стороны не предполагалось частого обновления сайта, поэтому мы решили сделать статический сайт, который обеспечивал максимальное быстродействие сайту.
Мы выделили разделы сайта в меню, и акцентировали внимание пользователя на модуле «Создай дизайн стенда», предоставляющего возможность самостоятельно подобрать цвета и оформление стенда.
Программирование сайта
Для обеспечения максимального быстродействия модуля «Создай дизайн стенда», мы отказались от реализации с применением флеш-технологии, и решили реализовать данный модуль на javascript. Наиболее сложным в реализации данного модуля было обеспечения кроссбраузерности, то есть достижение одинакового отображения вёрстки во всех браузерах.
Одновременно с этим стояла проблема цветопередачи. В программном модуле и при изготовлении стендов используются разные цветовые модели, между которыми нет однозначного соответствия, в результате моделируемый стенд на экране компьютера и изготовленный стенд не идентичны по цвету. Так, для задания цвета элементам в программном модуле используется RGB (цветовая модель для устройств, излучающих свет). А при изготовлении стендов используется такие цветовые модели для предметов, отражающих свет (PANTONE, ORACAL), поэтому между ними нет однозначного соответствия из-за разных способов воспроизведения цвета.
Для задания цвета элементам стенда при изготовлении используются самоклеющиеся пленки. Так как это основной материал для задания цвета при изготовлении стендов, то за основу цветовой палитры в программном модуле взята таблица соответствия между цветами RGB и ORACAL 641. ORACAL 641 - это цветовая палитра самоклеящейся пленки для оформления стендов. Таким образом, с нашей точки зрения мы достигли максимально возможного цветового соответствия.
Промо-сайт
Созданный нами ресурс это классический вариант небольшого промо-сайта, который предоставляет пользователю всю необходимую информацию о продукте и бесплатный сервис, с помощью которого пользователь может самостоятельно создать информационный стенд, а также оценить выбранное цветовое оформление стенда в интерьере.
