Laboratory Dome
Laboratory Dome – функциональная эстетичная площадка с уникальным дизайном.
Была задача разработать сайт, чтобы он отражал подход в работе сотрудников компании и пользователь смог получить приятные впечатления от взаимодействия с ним.
Еще одна функция сайта – быть визиткой для зарубежных поставщиков. Поэтому в нем нашли отражение минимализм и европейский стиль. Также сайт имеет английскую версию.
Laboratory Dome является частью масштабного проекта – на одном ядре реализуются два сайта: площадка салона и интернет-магазин.
![Laboratory Dome Laboratory Dome](/upload/iblock/1eb/1eb1fdb0ba6322cd7fa795c8bde01a47.png)
- Аналитика
- Прототипирование
- Дизайн
- Адаптивная верстка
- Программирование 1С-Битрикс
- Наполнение контентом
- Реализовали эффектную стартовую страницу для перехода между двумя сайтами: на площадку салона и интернет-магазин
- Разработали конструктор для самостоятельного создания клиентом "сложных" страниц с разными типовыми блоками и разной последовательностью без знания языка html
- При каждой перезагрузке страницы бренды выстраиваются в случайном порядке, что стимулирует пользователя смотреть что-то новое
- Разработали нестандартные карточки брендов – не отдельные страницы, а pop-up окна с собственными url.
Клиент
Шоу-рум Laboratory Dome был создан показать гармоничность интерьера, в котором использованы предметы мебели и декора разного стиля.
![Laboratory Dome Laboratory Dome](/upload/iblock/914/91488a5f6977ede284cf235af7167b41.png)
Аналитика
На основе аналитики определили простую и интуитивно понятную структуру функционального сайта для конечных пользователей и поисковых машин. Аналитика для корпоративного сайта включала:
Подход к работе
![Подход к работе Подход к работе](/upload/iblock/621/6217735ee9b97f5489a68a9ae1dd27d3.png)
Проекты ведем по стандартам PMI. Контролируем сроки, качество и бюджет. В работе над проектом используем документы: 1 – для предпроектного анализа, 2 – для ведения проекта.
Документы для контроля бюджета и сроков, разбора и фиксации потребностей заказчика
Документы для систематизированного сбора требований по проекту
Клиент заполняет бриф, изучает устав, бизнес-кейс и на основе этих данных сообщает дополнительную информацию по проекту
![Требования бизнеса Требования бизнеса](/upload/iblock/383/3838e82867d5f149fae8e2fafa8907aa.png)
Проводим анализ конкурентов по разным параметрам, в том числе собираем фичи и составляем сравнительную таблицу с частотой их использования каждым конкурентом
![Требования рынка и предложения конкурентов Требования рынка и предложения конкурентов](/upload/iblock/bfa/bfa5c1ad7fc3b0305fb2b86041d73d49.png)
Общее описание пользователей и сценарий их взаимодействия с сайтом. При необходимости проводим глубинное интервью с пользователями
![Требования пользователя Требования пользователя](/upload/iblock/f3b/f3b40e7b191d721a23fc795dc89bb236.png)
Вносим общие исходные данные о проекте
![Бизнес-кейс [ Business case ] Бизнес-кейс [ Business case ]](/upload/iblock/bae/bae032f3f11c21fba186eb3738bce9f3.png)
Прописываем ответственных со стороны клиента, задачи, стоящие перед клиентом, сроки проекта, интеграции с другими системами, требования к проекту, условия коммуникации, составляем команду для проекта и прочее
![Устав [ Project charter ] Устав [ Project charter ]](/upload/iblock/458/45829a0361a80892bd6317727c732bfc.png)
По определенной методологии рассчитываем риски и возможности в проекте, исходя из данных на текущий момент
![Расчёт рисков [ Risk register ] Расчёт рисков [ Risk register ]](/upload/iblock/61f/61f1da1e79e2cb4258186b219fa0aed7.png)
Расписываем движение проекта во времени
![Диаграмма Ганта [ Project schedule ] Диаграмма Ганта [ Project schedule ]](/upload/iblock/4ba/4ba60c5a6cd79ba43003e94d8657e189.png)
Вносим комментарии после встреч с заказчиком, идеи и прочее
![Внутренний документ по изменениям в проекте [ Change log ] Внутренний документ по изменениям в проекте [ Change log ]](/upload/iblock/f36/f368a863d2a97b0dde294a2f6cee9f59.png)
Прописываем факапы, интересные решения в процессе реализации проекта. Данный проект служит источником потенциальных рисков для следующих проектов
![Уроки проекта [ Lessons learned register ] Уроки проекта [ Lessons learned register ]](/upload/iblock/262/26215f6f9fff6e38c434ebccb67fcfc3.png)
![Требования бизнеса Требования бизнеса](/upload/iblock/383/3838e82867d5f149fae8e2fafa8907aa.png)
![Требования рынка и предложения конкурентов Требования рынка и предложения конкурентов](/upload/iblock/bfa/bfa5c1ad7fc3b0305fb2b86041d73d49.png)
![Требования пользователя Требования пользователя](/upload/iblock/f3b/f3b40e7b191d721a23fc795dc89bb236.png)
![Бизнес-кейс [ Business case ] Бизнес-кейс [ Business case ]](/upload/iblock/bae/bae032f3f11c21fba186eb3738bce9f3.png)
![Устав [ Project charter ] Устав [ Project charter ]](/upload/iblock/458/45829a0361a80892bd6317727c732bfc.png)
![Расчёт рисков [ Risk register ] Расчёт рисков [ Risk register ]](/upload/iblock/61f/61f1da1e79e2cb4258186b219fa0aed7.png)
![Диаграмма Ганта [ Project schedule ] Диаграмма Ганта [ Project schedule ]](/upload/iblock/4ba/4ba60c5a6cd79ba43003e94d8657e189.png)
![Внутренний документ по изменениям в проекте [ Change log ] Внутренний документ по изменениям в проекте [ Change log ]](/upload/iblock/f36/f368a863d2a97b0dde294a2f6cee9f59.png)
![Уроки проекта [ Lessons learned register ] Уроки проекта [ Lessons learned register ]](/upload/iblock/262/26215f6f9fff6e38c434ebccb67fcfc3.png)
прототипирование
Для представления функционала и внешнего вида сайта для заказчика готовим технический макет главной и внутренних страниц.
Прототипирование позволяет исключить ошибки в создании сайта и служит ориентиром для дальнейшей работы дизайнера и программиста.
Технологии
![Laboratory Dome Laboratory Dome](/upload/iblock/2f9/2f936703d78ce1ad9a87d10480c2e154.png)
![Laboratory Dome Laboratory Dome](/upload/iblock/894/8943fea8e30fb1f654538ad1f526a2f8.png)
![Laboratory Dome Laboratory Dome](/upload/iblock/2d0/2d0fb1f6f0fe377b9fe4eef6abb9f45d.png)
![Laboratory Dome Laboratory Dome](/upload/iblock/50a/50a53f5409f47e76d95a62188f98b0be.png)
![Laboratory Dome Laboratory Dome](/upload/iblock/62a/62a4fef61c67f756bd6bd1b726ec225c.png)
![Laboratory Dome Laboratory Dome](/upload/iblock/852/85216d5ae0e790742d28b3b30c340b72.png)
![Laboratory Dome Laboratory Dome](/upload/iblock/396/3964d81d95f26732b1bd83f74493cf4e.png)
команда проекта
аналитик, аккаунт-менеджер, проектный менеджер
дизайнер
дизайнер
верстальщик
программист
программист
программист
программист
DevOps-инженер
контент-редактор
УЗНАЙТЕ
стоимость и сроки РАЗРАБОТКИ
ТАКОГО ПРОЕКТА
![](/local/templates/.default/img/foto-original-2-2.png)