Разработка сайта завода «Обло»

Завод «Обло» — проект Николая Белоусова, известного российского архитектора. В 2001 году он организовал производство рубленых домов под Галичем. Здесь, в сердце России, местные мастера рубят первоклассные деревянные дома, выигравшие многие престижные архитектурные премии. Срубы завода стоят не только у нас в стране, но и в Европе. Завод оснащен современным оборудованием, деревообрабатывающим производством, автопарком, есть даже свой кран. Единственная проблема — мало кто знал об этом проекте. Поэтому Николай Владимирович обратился к нам за разработкой сайта.

Задача: Разработать сайт про рубленые дома.

Другие работы для клиента: Фирменный стиль проекта Обло
сайт завода Обло на экране монитора сайт завода Обло на экране планшета сайт завода Обло на экране смартфона

Завод работает уже 11 лет и за это время было срублено много великолепных проектов. Когда смотришь на фотографии построенных проектов, то начинаешь понимать, что именно это и есть настоящее воплощение понятия «Дом». В таком доме всё буквально пронизано теплотой и светом от натурального материала, а фактура настоящего дерева создаёт уникальную атмосферу. При этом, современная архитектура этих домов даст фору любому загородному коттеджу.

В качестве концептуального решения мы выбрали трехмерную трансформацию, раскрывающую суть архитектуры — объем и пространство. Это проявляется во время загрузки разделов и в необычном способе навигации — меню в виде раскрывающегося куба.

сайт Обло главная страница
сайт Обло раздел готовых домов
сайт Обло раздел отдельного дома
сайт Обло раздел отдельного дома
сайт Обло примеры интерфейсов
сайт Обло фотографии и описание дома

На сайте используется двойная навигация — привычное меню и его трехмерный нестандартный вариант. При навигации по разделам используются 3d-трансформации, реализованные средствами CSS3 и Javascript

Все разделы сайта выполнены в виде long-read презентаций со слайдами. У каждого дома есть галерея с планами, информация о том, что входит в стоимость и основные характеристики. Сайт адаптивен — его удобно просматривать на различных устройствах.