Перейти к содержимому
  1. Главная
  2. Кейсы
  3. Это можно в посудомойку?
Астрахань · Посуда и техника

«Это можно в посудомойку?» — загрузка машины перетаскиванием и магнитный тест

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

mir-posud30.ru
Главная страница справочника «Это можно в посудомойку?»
НишаПосуда и техника
РегионАстрахань
Для когоТем, кто готовит дома
Проверяет12 предметов, 6 материалов

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

Загрузите машину

Раскладываете двенадцать предметов по корзинам — сайт объясняет, что можно мыть, а что нет

Почему нельзя

Чугун, алюминий, дерево, нож и золотая кайма

Значки на дне

Посудомойка, индукция, микроволновка, духовка

Магнитный тест

Подносите магнит ко дну кастрюли — видно, подойдёт ли она для индукции

Какая плита — какая посуда

Газ, стеклокерамика, индукция: пять материалов на шкале

Дно и конфорка

Ползунок: куда уходит тепло, если размеры не совпали

Задача

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

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

Страница «Посуда и плита»: магнитный тест кастрюли
Посуда и плитаВторая страница: магнитный тест, три типа плит, дно и конфорка

Загрузка посудомойки

Главный экран сайта. Полка с посудой, фото машины с тремя зонами и журнал: каждый предмет, который человек положил, остаётся в журнале с причиной.

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

    Тянет предмет с полки в машину мышью или пальцем — или просто нажимает на него, и тот ложится в свою корзину. С клавиатуры — Enter или пробел

  2. 02Что получает

    Вердикт: «Можно мыть», «По маркировке» или «Нельзя» — и причину. Последний предмет сверху журнала, счётчик «Загружено N из 12»

  3. 03Корзина тоже важна

    Пластиковый контейнер и термокружка в нижней корзине получают приписку «Переложите в верхнюю корзину»: внизу горячее

  4. 04Что дальше

    Нажатие на предмет в машине вынимает его, кнопка «Разгрузить» очищает всё. Ниже — пять тарелок «Почему нельзя» и значки, которые стоит искать на дне

Магнитный тест и плиты

Вторая страница — «Посуда и плита». Индукция работает только с посудой, дно которой притягивает магнит, и сайт показывает эту проверку прямо на экране.

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

    Материал кастрюли: чугун, нержавейка, алюминий, алюминий с диском, медь или жаропрочное стекло

  2. 02Что делает

    Тянет магнит ко дну или жмёт «Поднести магнит». Магнит прилипает, качается или отваливается

  3. 03Вердикт

    «Прилип — индукция подойдёт», «Как повезёт — проверьте свою» для нержавейки или «Не держится — для индукции нет», с пояснением

  4. 04Плиты и конфорка

    Вкладки газ, стеклокерамика и индукция: пять материалов на шкале «подходит — с оговорками — нет». Ползунок диаметра дна показывает, когда тепло уходит мимо

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

mir-posud30.ru
Загрузка посудомойки, десктоп
Загрузка посудомойки на телефоне
Наведите — страница прокрутится
Стиль «кухня в томатах»
  • Сливочный фон с кафельной сеткой
  • Томатный и оливковый акценты
  • Меню — рейлинг с половником, прихваткой и кружкой
Мобильная версия
  • Перетаскивание работает пальцем
  • Полка по 4 предмета, машина над журналом
  • Без горизонтальной прокрутки на 390 px
Анимации — по делу
  • Предмет «падает» в корзину
  • Магнит тянется, прилипает или отваливается
  • Всё отключается при «уменьшить движение»

Советы — без лишних обещаний

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

  • Нельзя: дерево, алюминий, чугун без эмали, ножи, хрусталь, позолота
  • По маркировке: антипригарное покрытие, пластик, термокружки
  • Обычно можно: нержавейка, фарфор без позолоты, жаропрочное стекло
  • Индукция — посуда, дно которой притягивает магнит
  • Шкала плит — сравнение материалов между собой, не измерение

Технологии

HTML5 · CSSJavaScript без библиотекПеретаскивание мышью и пальцемSVG-сцены плиты и магнитаШрифты на своём сервереSchema.orgАдаптивная вёрстка

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

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

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

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