Сайт-визитка Мебельные системы

Дизайнер постарался на славу, нарисовал отличный, красивый, стильный дизайн. Предо мной стояла задача оживить дизайнерскую мысль в сайте-визитке.

Разработка началась естественно с верстки дизайн-макета. Сложности, с которыми пришлось столкнуться в момент верстки сайта – это кроссбраузерность верстки. Сайт должен был отображаться и работать во всех современных браузерах одинаково! Второй интересный момент верстки – шрифты. Чтобы отображать правильно шрифт, заданный на сайте, у посетителя этого сайта должен быть установлен этот шрифт. Именно поэтому большинство дизайнеров и программистов не экспериментируют в данной области. Но есть хитрые методы, которые позволяют использовать нестандартный шрифт на сайте, и он будет отображаться правильно во всех браузерах, именно их мы и использовали.

Третий момент верстки это – формы и всплывающие окна. Качественно оформленные формы – залог успешного сайта. Однако есть одно большое «НО»: элементы форм, которые в каждом браузере выглядят по-разному. Эту проблему я решил с помощью CSS3. После окончания верстки и добавления всех необходимых JavaScript, для оживления сайта было необходимо разработать свою «изюминку».

Сайты-визитки бывают двух типов: обычный, не несущий нагрузки с информацией о компании и, как я его называю, сайт-визитка «с изюминкой». Такой сайт направлен на привлечение новых клиентов. Необходимо было сделать модули, которые бы непринужденно позволяли пользователю оставить свои контактные данные, номер телефона, почту. Для этого были разработаны две не стандартные функции это – вызов на замер и расчет стоимости.

Модуль «вызов на замер». При нажатии на кнопку "вызов", замер появляется в всплывающем окне с формой, где пользователь заполняет основные данные: номер телефона, электронную почту, свой адрес и дополнительный комментарий, если необходимо. После чего, форма направляется администратору сайта, который в свою очередь созванивается с клиентом и направляет к нему специалиста на дом. Действенный ход, как вы считаете?

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


Автор: Александр Михайлин
Дата публикации: 13-09-2014