MR.DOORS

Редизайн сайта, который помогает людям создавать интерьеры

UX/UI
development
redesign
web
e-commerce
Seo

mr. doors

Самая крупная мебельная компания в россии, которая занимается производством мебели от концепции до производства и установки.

Главная страница

1440 px

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

Скриншот главной страницы

Список основных страниц:

  • 01
    Главная
  • 02
    каталог
  • 03
    карточка товара
  • 04
    Медицинская мебель
  • 05
    Застройщикам
  • 06
    Мебель в нежилые помещения
  • 07
    Адреса салоновs
  • 08
    Новости
  • 09
    Вакансии
  • 10
    О компании
  • 11
    Советы дизайнеров
  • 12
    Материалы
  • 13
    Програма Premier
  • 14
    Франшиза
  • 15
    Дизайнерам
  • 16
    Поставщикам
  • 17
    Скидки
  • 18
    Распродажа
  • 19
    Мебель в рассрочку
  • 20
    Доставка
  • 21
    Оплата
  • 22
    Гарантия
  • 23
    Личный кабинет
Телефон
Схема

Design System

Desktop
Layout guid
Desktop
Сетка сайта
Count: 12
Margin: 100
Gutter: 20

Color

F5F5F5
White Background
BABABA
Light Gray
4C4A44
Medium Gray
3D3C37
Heavy Gray
111111
Black
Font
Aa
(Cera Pro)
Desktop

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

Headline
  • h1 headline
    Weight: Regular, Size: 54, Line height: 110%, Letter: -5%
  • h3 headline
    Weight: Medium, Size: 36, Line height: 100%, Letter: 0%
  • H4 headline
    Weight: Medium, Size: 24, Line height: 100%, Letter: 0%
  • h5 headline
    Weight: Bold, Size: 16, Line height: 100%, Letter: 0%
  • Subtitle
    Weight: Regular, Size: 16, Line height: auto, Letter: 0%
  • Caption
    Weight: Regular, Size: 18, Line height: auto, Letter: 0%
  • Caption 2
    Weight: Thin, Size: 16, Line height: 100%, Letter: 0%
  • Caption 3
    Weight: Regular, Size: 14, Line height: 100%, Letter: 0%

Button&link

Button cta
Weight: Regular, Size: 20, Line height: 100%, Letter: 0%
Button regular
Weight: Regular, Size: 20, Line height: 100%, Letter: 0%
Link header
Weight: Medium, Size: 18, Line height: auto, Letter: 0%
Смотреть все акции →

Каталог

1440 px

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

Скриншот каталога

Главная

440 px

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

1440 px
Скриншот карточки товара
Скриншот карточки товара 1 Скриншот карточки товара 2

программа premier

1440 px
Скриншот программы premier