Сайт для Wellhouse - компании модульных капсульных домов

1. Сделать понятный сайт с каталогом моделей модульных домов.

2. Создать страницы товаров с наглядной демонстрацией каждого дома (фото и видео).

3. Получить большое количество онлайн‑заявок с сайта: обычная покупка и покупка в лизинг.

4. Подчеркнуть конкурентные преимущества продукта:

• автономность;

• быстрая установка;

• готовность к различным климатическим условиям;

• универсальность;

• готовность к эксплуатации;

• быстрая окупаемость.

Этап 1. Маркетинг

Компания

Мы подробно изучили компанию Wellhouse. В процессе исследования мы поняли, что для установки капсульных домов не требуются лицензии и разрешения. Это очень удобно для владельцев отелей и глэмпингов. 

А еще капсульные дома можно ставить даже на берегу озера или реки, что запрещено по ГОСТу для обычных домов.

1. Провели интервью с клиентом.

2. Проанализировали маркетинговые и рекламные материалы.

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

Клиенты

1. Изучили более 10 сайтов конкурентов и их способы привлечения внимания к своим продуктам.

2. Собрали 38 идей для того, чтобы на их основе разработать еще более эффективные решения.

На основе полученной информации мы собрали все данные вместе и сформировали «Чемодан знаний».

Результаты

• 3 «аватара клиента»;

• анализ 36 сайтов конкурентов;

• карта сценариев (6 ситуаций);

• список из 22 идей для реализации.

Этап 2. Проектирование

1. Главная страница.
2. Каталог товаров.
3. О компании.
4. Страница товара.
5. Форма заявки.
6. Шоу-рум.
7. Дилерство.
8. Партнерство.
9. Медиа (видео обзоры и статьи).
10. Вопросы и ответы.
11. Контакты.

Результат:

• прототипы всех страниц;

• готовое техническое задание.

Этап 3. Дизайн 

Что мы сделали:

• согласовали визуальную концепцию;

• разработали  дизайн сайта для компьютера;

• создали адаптивный каталог домов для мобильных и планшета;

• подобрали фотоконтент (профессиональные снимки домов внутри и снаружи, схема расположения объектов внутри).

Результат:

• дизайн‑макеты всех страниц.

Этап 4. Верстка 

Что сделали:

• сверстали макеты с использованием HTML и CSS; 

• настроили формы и анимацию с помощью JavaScript;

• добились высокого показателя загрузки сайта по Page speed;

• настроили адаптивность для различной ширины экрана от 320 до 1920 пикселей с шагом в 5 пикселей;

• проанализировали отображение страницы во всех популярных браузерах;

• протестировали верстку на разных устройствах.

Результат:

• готовые HTML страницы сайта.

Этап 5. Разработка (back-end)

1. Установили 1С-Битрикс, лицензия «Стандарт».
2. Реализовали следующие модули:

• каталог капсульных домов с описанием и ценами; 
• страница товара, в которой можно посмотреть информацию о каждом доме, его характеристики, фото и схему помещений, прочитать ответы на часто задаваемые вопросы, изучить условия доставки; 
• форма заявки на расчет стоимости модульного дома, в которой можно оставить данные для получения консультации;
• форма заявки на покупку дома в лизинг, в которой можно указать срок кредита, сумму первого взноса и ИНН организации.
• страница «о компании» — раздел, в котором описаны условия работы, есть форма для получения обратной связи, указаны контакты;

• разделы «шоу-рум» и «контакты» на сайте — фото и формы заявок на проживание и просмотр домов, телефон, адрес и email;

• страница «дилерство» — раздел с информацией о том как стать дилером или агентом компании и получать доход;

• кейсы с «готовыми проектами»;

• страница «видео» — подробный обзор объектов;

• страница «вопросы и ответы (FAQ)».

• настроили кеширование;
• сжали изображения.

4. Настроили SEO продвижение по каждой модели дома. 

5. Создали отдельный URL для каждой модели дома.

6. Настроили админ-панель для легкого и удобного управления контентом.

Результат: альфа-версия сайта.

Этап 6. SEO‑оптимизация

Провели базовую SEO‑оптимизацию сайта:

• ЧПУ: сделали адреса страниц короткими и понятными; 

• настроили метатеги и микроразметку. 

Результат: рост трафика.

Этап 7. Тестирование и запуск

Что мы сделали:

• проверили работоспособность всех функций (формы заявок, кнопки «спросить»);

• протестировали адаптивность на разных устройствах;

• устранили баги и оптимизировали производительность;

• перенесли сайт на основной сервер и подключили домен.

Результат: готовый сайт.

Этап 8. Обучение клиента работе с Битрикс

Мы стараемся сделать систему внутри Битрикса максимально простой, убрать лишние элементы из интерфейса. 

Мы настроили в админ-панели редактор Wysiwyg. Он понятный и удобен для создания контента и редактирования страниц. 

Также для удобной работы менеджера со стороны заказчика мы:

• подготовили видеоинструкции по работе всех функций сайта;

• провели он-лайн консультацию для сотрудников;

• провели демонстрацию сайта, работ управления, ответили на все интересующие вопросы.

• подготовленная документация;
• готовая видеоинструкция;
• менеджер заказчика получил навыки самостоятельного управления сайтом.