Перейти к содержимому
  1. Главная
  2. Кейсы
  3. Интерьер 37
Иваново · Интерьер

«Интерьер 37» — планировщик «что влезет в комнату» и калькулятор штор

Справочник для тех, кто обставляет квартиру в Иванове. Выбираешь тип дома и комнату, расставляешь мебель на плане — сайт показывает, где останется проход, а где придётся протискиваться боком. На второй странице — сколько ткани брать на шторы, тюль и покрывало.

interier37.ru
Главная страница справочника «Интерьер 37»
НишаИнтерьер
РегионИваново
Для когоТем, кто обставляет квартиру
СчитаетПроходы, метраж ткани

Что есть на сайте

Планировщик комнаты

Три типа дома, пять комнат, 13 предметов мебели

Карта проходов

Пол раскрашен: где узко, где можно, где свободно

Пять правил

Как не загромоздить маленькую комнату

Калькулятор штор

Сборка, крепление, ширина рулона — и шторы на фото окна

Иваново и ткань

Лента истории от 1608 года и шесть тканей крупным планом

Тюль, покрывало, усадка

Остаток рулона, размер покрывала и сколько сядет лён

Задача

Мебель обычно выбирают по картинке в каталоге, а в квартиру она приходит другой: диван встаёт, но к окну теперь приходится протискиваться, а дверца шкафа упирается в кровать. В типовой хрущёвке ширина комнаты около 2,5 метра, и ошибка на 20 сантиметров заметна каждый день.

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

Страница «Ивановский текстиль в интерьере»: ткани и калькулятор штор
ТекстильВторая страница: история ткани, образцы и калькулятор штор

Планировщик «что влезет»

Главный экран сайта. Плитки комнат наверху страницы — это и есть навигация: клик выбирает комнату и прокручивает к плану. Проходы пересчитываются, пока предмет едет под пальцем.

  1. 01Что выбирает человек

    Тип дома — хрущёвка, брежневка или новостройка — и одну из пяти комнат. Подставляются типовые размеры, их можно заменить своими, от 150 до 900 см

  2. 02Мебель на плане

    Диван, кровати 90, 140 и 160, шкафы, комод, кухонный гарнитур и ещё пять предметов. Двигать мышью, пальцем или стрелками, поворачивать, убирать

  3. 03Как мерит проход

    Пол режется на клетки по 5 см. Ширина прохода в клетке — меньший из двух свободных пролётов, по горизонтали и по вертикали. Меньше 60 см — «узко», от 90 — «свободно»; пороги подписаны как ориентир, не норма

  4. 04Путь от двери к окну

    Сайт ищет путь с самым широким узким местом и рисует его бегущим пунктиром. Если мебель перекрыла дорогу — так и пишет: «нет прохода»

  5. 05Что ещё проверяет

    Красная обводка — если предметы наехали друг на друга или встали в зону открывания двери. Сводка: площадь комнаты и сколько занято мебелью

Калькулятор штор

Вторая страница — «Ивановский текстиль в интерьере». Здесь считают, сколько ткани брать, и видят, как штора ляжет на окно при выбранной сборке.

  1. 01Что вводит человек

    Ширину карниза и высоту до пола, плотную штору или тюль, сборку, крепление — ленту, петли или люверсы, — одно или два полотна и ширину рулона

  2. 02Как считает

    Ширина полотна — карниз × сборка ÷ число полотен + 6 см на боковые срезы. Кусок — высота + припуск сверху по креплению + 10 см на подгиб низа

  3. 03Крой

    Если рулон шире куска — ткань кроят по высоте, и метраж равен ширине полотен. Если нет — на полотно сшивают несколько кусков. Метраж округляется вверх до 10 см

  4. 04Шторы на фото окна

    SVG-полотна поверх фотографии: чем больше сборка, тем больше складок и глубже тень между ними

  5. 05Рядом — три расчёта

    Тюль под потолок 2,48–2,70 м и сколько рулона уйдёт в обрезку; размер покрывала по ширине кровати и свесу; на сколько может сесть штора после стирки

Как выглядит сайт

interier37.ru
Планировщик справочника, десктоп
Планировщик справочника на телефоне
Наведите — страница прокрутится
Пастельный скандинавский стиль
  • Светлый фон, пыльная роза и шалфей
  • Антиква Lora в заголовках
  • Мебель на плане — рисунки сверху
Мобильная версия
  • Плитки комнат листаются вбок
  • План над сводкой, мебель внизу
  • Мебель двигается пальцем
Анимации — по делу
  • Путь к окну бежит пунктиром
  • «Свет из окна» идёт за курсором
  • Всё отключается при «уменьшить движение»

Цифры — только с источником

Для обычной квартиры ширину прохода между мебелью не задаёт ни один российский норматив — поэтому пороги на плане подписаны как ориентир редакции. Типовые размеры комнат выведены из шага стен серий и тоже названы ориентиром: в своей квартире их лучше заменить замером. Размеров прихожих в открытых источниках нет — на сайте так и написано.

  • Минимальные площади новостроек — СП 54.13330.2022, п. 5.11
  • Шаг стен 2,6 и 3,2 м — серии 1-464 и 111-121
  • Полотна дверей 70 и 80 см — ГОСТ 6629-88
  • Усадка: лён до 6 %, другие ткани до 5 % — ГОСТ 23432-2021, п. 4.1.9
  • Сборка и припуски — практика швейников, подписана как практика

Технологии

HTML5 · CSSJavaScript без библиотекCanvas — карта проходовSVG — план и шторыШрифты на своём сервереSchema.orgАдаптивная вёрстка

Техническое задание на этот справочник — страницы, правила планировщика, формулы калькулятора штор, дизайн, мобильная версия и приёмка.

Нужен планировщик или калькулятор для вашего сайта? Обсудим.

Расскажите о задаче — уточним детали, предложим состав и назовём стоимость по опубликованному прайсу.

  • Цена и состав — в договоре
  • Три круга правок на этап
  • Гарантия 12 месяцев на наш код
  • Домен и исходники ваши, лицензия бессрочная