Мебельное Ателье "ВИАЛ"
каталог мебели на платформе HostCMS 6

Подробная информация о выполненных работах

Сайт компании «ВИАЛ» существует с 2009 года, то есть это не новый проект на новом домене. В данном случае ранее использовалась популярная платформа-конструктор Ucoz, но со временем функциональных возможностей стало не хватать. По этой причине (а также по необходимости обновить внешний вид) и была выполнена полная переработка данного сайта.

Коротко о клиенте:

Компания «ВИАЛ», расположенная в г.Рыбинск (Ярославская область), занимается изготовлением мебели под заказ, а также продажей мебельной фурнитуры.

Таким образом, требовалось создать красивый и функциональный сайт-каталог мебельной тематики. Кроме того, изначально закладывалась возможность при необходимости (в будущем) преобразовать каталог в интернет-магазин.

Особенность каталога мебели

Прежде всего стоит сказать о контенте, а именно — о товарах каталога. Раньше «каталог» представлял собой фактически просто фотогалерею. И в этом кроется одна проблема:

Как сделать из фотогалереи каталог товаров?

Поскольку в галерее каждое фото размещается отдельно, не имеет своей страницы (в противоположность товарам), и никак не связано с другими фото этой же галереи, то при преобразовании её в каталог товаров требуется сгруппировать фото по товарам.

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

В целом преобразование фотогалереи (набора не связанных друг с другом фото) в полноценный каталог товаров (фото сгруппированы по товарам) представляет собой вполне решаемую, но, тем не менее, сложную и трудоёмкую задачу. Стоит отметить, что данная задача встречается не так уж и редко.

Как загрузить разноплановые фото на сайт

Для сайта-каталога мебельной тематики нужно прежде всего показать посетителю внешний вид товара — для мебели это очень важно. Поэтому данный сайт имеет большое количество красивых блоков, в том числе различных слайдеров. Данные в слайдеры динамически загружаются как из каталога товаров, так и из других разделов (в зависимости от назначения конкретного слайдера).

В карточке товара можно загружать как одно фото, так и несколько (в общем случае неограниченное количество). Если у мебели несколько фотографий (разные ракурсы съёмки), то фото отображаются в виде слайдера с возможностью как ручной, так и автоматической смены кадров.

Сайт должен быть удобен для клиента:

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

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

В результате получается следующее:

1. При загрузке фото не обязательно предварительно обрабатывать в графическом редакторе;
2. Загруженные разноплановые фото (с разным соотношением сторон) отображаются корректно, в том числе и в различных слайдерах;

Как уже указывалось выше, мебельное ателье «ВИАЛ» занимается изготовлением мебели по индивидуальным размерам, то есть продукция по сути не серийная, а выполняемая под задачи конкретного клиента. В таком случае (собственное производство) источником фотографий мебели является не интернет (как в случае с покупными товарами), а все фото делаются сотрудниками компании.

Из сказанного следует одна важная особенность: если вы сами фотографируете, то все фотографии уже будут иметь одинаковое соотношение сторон (при условии что они сняты одним фотоаппаратом, а также при одном и том же разрешении и положении объектива). Такие фото проще загружать на сайт в любом случае.

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

Комментарии с защитой от спама

Спам — это старая проблема в интернете. Стоит помнить, что спамом может быть не только письмо, отправленное вам по электронной почте. В частности, широко распространён спам в комментариях. Но не отказываться же из-за этого от комментариев на сайте!

Чем полезны комментарии на сайте

Если на сайте у посетителей есть возможность оставлять комментарии, то в долгосрочной перспективе это способствует росту посещаемости (а в случае с товарами — к росту продаж).

Есть две основные причины, по которым на сайте нужно давать посетителям оставлять комментарии:

1. Обновление содержимого страницы и увеличение объёма контента, индексируемого поисковыми системами. Важно то, что страница не «застаивается», что очень нравится Яндексу и Google.
2. Посетителям есть что почитать помимо размещённой на странице основной информации. В случае с товарами это может быть полезно аналогично отзывам (стоит помнить, что в каталоге отзывы делать не нужно, т.к. смысл они имеют только в интернет-магазине).

Раз комментарии полезны, то они должны быть. Как же в таком случае избавиться от спама в комментариях?

Стоит запомнить:

полностью избавиться от спама практически невозможно, но вполне реально сильно сократить его количество.

Основной проблемой является автоматический спам, рассылаемый в комментарии специальными программами (так называемые боты). Для защиты от них есть два основных варианта:

• Капча (ввод проверочного числа или текста с картинки);
• Реализация комментариев по технологии AJAX (что это);

В данном проекте мы применили технологию AJAX. Стоит отметить, что в стандартной поставке HostCMS (платформа сайта) такая возможность отсутствует, поэтому мы применили собственные разработки. В конечном итоге все комментарии на сайте работают гораздо лучше, чем в стандартной комплектации.

У Администратора есть возможность отвечать на комментарии посетителей. При этом такой ответ публикуется на странице рядом с комментарием посетителя как официальный ответ компании и выделяется логотипом компании вместо стандартной иконки. Отвечать на комментарии можно во всплывающем окне прямо на странице.

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

Другие особенности проекта

У компании «ВИАЛ» есть достаточно популярная группа ВКонтакте, где в том числе размещается много видео. Мы позаботились о том, чтобы на страницы сайта можно было прикреплять видео как с популярного видеохостинга YouTube, так и из ВКонтакте. Вставка видео на страницы делается очень просто — буквально в несколько кликов, причём видео можно прикреплять не только к товарам каталога, но и к новостям, статьям и акциям.

Что касается раздела "Акции и скидки", то важно иметь возможность указать товары, имеющие отношение к конкретной акции. Мы реализовали такую возможность в данном проекте.

Также само собой разумеется, что сайт отлично адаптирован для корректного отображения и максимально удобного просмотра на любых мобильных устройствах — это правило у нас соблюдается по умолчанию для всех новых проектов.

Ну и как всегда, при создании дизайна были учтены пожелания заказчика по применению корпоративных цветов и символики. В целом проект получился хоть и достаточно сложным, но при этом лёгким в управлении, красивым и функциональным.

• Отлично. Хочу то же самое!