Dublhouse сайт

для компании, которая производит каркасные дома
dublhouse
в разработке
ставились задачи:
  • Создать: сайт, который расскажет, чем занимается компания
  • Интегрировать: мини-каталог продукции в сайт
  • Добавить: блог в котором будут выкладываться статьи

Стек технологий Dublhouse

Python
Django
HTML5
CSS3
Vuejs

Финальный результат

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

По нашей задумке Dublhouse должен был стать корпоративным сайтом, каждая страничка которого описывала тот или иной аспект деятельности компании. Мы решили, что необходимо будет показать:
- различные варианты товара, для чего потребуется мини-каталог;
- блог, где можно писать статьи по основной тематике или любой сходной с деятельностью компании;
- страница контактов, через которую можно связаться с Dublhouse и сделать заказ.

Dublhouse главная
Dublhouse главная

Главная страница сайта - это его "лицо", "паспорт" и "трудовая книжка". Главная страница должна на интуитивном уровне давать понимание того, о чем будет сайт. Мы учитываем это при создании дизайна, чтобы пользоваться нашими проектами было просто и удобно.

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

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

Dublhouse мини-каталог
Dublhouse мини-каталог

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

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

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

Dublhouse блог
Dublhouse блог

Блог - это отличный инструмент развития сайта, который закрывает сразу несколько важных моментов.

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

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

В-третьих - сами посетители сайта, зайдя в блог, будут понимать, что компания не стоит на месте и активно работает. Этот фактор может повлиять на увеличение лояльности.

Мы создаем очень крутые сайты

Хотите поработаем над вашим?

Почему нас выбрали

Реализация подобного проекта с нуля и “под ключ” требовала тщательной проработки: от концепции до полноценно работающего продукта. Мы разработали оригинальные решения, которые позволили масштабировать систему и добиться максимальной эффективности работы.

Архитектура
Архитектура

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

Мобильная адаптация
Мобильная адаптация

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

Тесты
Тесты

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

SEO
SEO

Мы внимательно следим за тем, чтобы созданные нами проекты соответствовали всем правилам и стандартам, которые предъявляет к сайтам поисковый сервис Google.

Выполненные работы:

Концепт
01

В ходе брейнсторма был придуман и детально расписан весь концепт - от нахождения ниши и до перспектив коллаборации с иными веб-продуктами.

Архитектура
02

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

Дизайн
03

Нашими дизайнерами была предложена цветовая гамма и стилевые решения для придания проекту эффектного внешнего вида.

Верстка
04

Наши front-end разработчики натянули готовый дизайн и подогнали его под требования pixel-perfect.

Программирование
05

Back-end создал отлично работающий алгоритм, модели, структурные связи и процессы, которые обеспечивают максимальную эффективность проекта.

Тесты
06

Весь проект был покрыт сетью автоматических и мануальных тестов. Были проверены и отлажены все возможные проблемные части системы.

WebGuards / Контакты

Есть идея? Мы предложим оптимальное решение!