Создание сайта Laboratory Dome: портфолио веб-студии INDEXIS

Laboratory Dome

Интернет-магазин уникальных интерьеров
Шоу-рум Laboratory Dome был создан показать гармоничность интерьера, в котором использованы предметы мебели и декора разного стиля.

Laboratory Dome – функциональная эстетичная площадка с уникальным дизайном.

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

Еще одна функция сайта – быть визиткой для зарубежных поставщиков. Поэтому в нем нашли отражение минимализм и европейский стиль. Также сайт имеет английскую версию.

Laboratory Dome является частью масштабного проекта – на одном ядре реализуются два сайта: площадка салона и интернет-магазин.

Особенности
проекта

Реализовали эффектную стартовую страницу для перехода между двумя сайтами: на площадку салона и интернет-магазин.

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

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

Разработали нестандартные карточки брендов – не отдельные страницы, а pop-up окна с собственными url.

Технологии
  • HTML5
  • CSS3
  • PHP
  • MYSQL
  • Ajax
  • JQUERY
Предпроект­ные исследования

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

Аналитика для корпоративного сайта включала:

- Анализ российских и зарубежных сайтов.

- Проведение интервью со всеми стейкхолдерами и составление общих и непротиворечивых требований к проекту.

- Глубокая проработка структуры проекта.

- Сбор семантического ядра.

Функционал

— Карточка товара.

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

— Разные сценарии подбора мебели посетителями сайта.

На главном экране выделили следующие категории товаров: в наличии, new, sale. Также каталог разделили на типы мебели и отдельно показали мебель по брендам.

— Фильтр и сортировка.

В каталоге при скроллинге кнопки “Фильтр” и “Сортировка” всегда в поле зрения пользователя для оперативного формирования новой подборки товаров.

— Раздел “Бренды”

В разделе “Бренды” при наведении на название бренда появляется окно с кратким описанием производителя и фотографиями мебели, что позволяет пользователям понять настроение бренда и сориентироваться в выборе.

Интерьеры в деталях
Для вдохновения пользователей разработали блок “Интерьеры в деталях” с панорамой интерьера и разметкой товаров.

    — Нестандартная интеграция с "Мой склад"

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

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

Цветовая палитра

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

Black
#000000
Smoke
#f7f6f4
Grey
#797676
White
#ffffff
Проект в цифрах
10
человек
Команда
6
месяцев
Срок реализации проекта
Узнайте стоимость и сроки разработки
Заполните форму, и мы вышлем вам КП на разработку похожего проекта
ИИ-консультант
Внимание! Сервис предназначен для решения бизнес-задач с помощью генеративной модели.
Все запросы логируются: не используйте персональные и конфиденциальные данные.
Не публикуйте ответы модели с упоминанием Indexis.
Не используйте сервис для нарушения закона, введения в заблуждение.
Помните, модель может предоставить некорректную информацию.
Её ответы не являются позицией Indexis.
Ознакомьтесь с правилами использования.
После создания эксперимент будет доступен всем участникам каталога.
Запросы к моделям тарифицируются.

            
Ожидание ответа от AI...