Сайт для компании «ПанорамаДом»

Посмотреть сайт можно здесь: panoramadom.ru

Постановка задачи

Ранее у компании был сайт, но у него были некоторые недостатки:

• не адаптивный;
• расчитан на старые «квадратные» дисплеи (ширина сайта была 940px);
• не использовались многие возможности современных браузеров, например асинхронная загрузка данных;
• старомодный дизайн.

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

В ходе анализа данных из метрики, вебвизора и других инструментов сбора статистики, а также сайтов конкурентов, было принято решение внести некоторые изменения:

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

Реализация

Систему управления контентом менять не стали, т. к. WordPress — самая популярная CMS, ее архитектура позволяет решить все поставленные задачи, она бесплатна, удобна и легка в освоении.

Тема оформления и виджеты были написаны «с нуля». В клиентской части совмещены bootstrap (мне нравится реализация сетки в этом фреймворке) и несколько JS плагинов.

Можно отметить некоторые нестандартные решения:

• sticky sidebar в карточке проекта, который меняет свое начальное положение если развернуть список подарков;
• карта построенных домов (пришлось повозиться с api Яндекса);
• виджет построенных домов в сайдбаре, в котором с помощью AJAX реализован «бесконечный» слайдер;
• отображение 3d модели проекта при помощи canvas элементов;
• фильтр в каталоге проектов.

Задание по разработке сайта-каталога выполнено успешно.