Токарев Lab Написать

СайтИнтерьер, отделочные материалыРаботает у заказчика

Mosaico Pro: сайт-каталог итальянской мозаики и плитки на двух языках

Корпоративный сайт-каталог итальянской мозаики, плитки и мрамора на русском и английском. Контент ведётся только на русском, английская версия собирается автоматически, а каталог, проекты и PDF-каталоги сотрудники ведут в собственной админке.

Сергей Токарев

Сергей ТокаревРазработчик проекта. Делаю похожее на заказ.

Mosaico Pro

Задача

Компания поставляет итальянскую мозаику, плитку и мрамор и работает с частными заказчиками, дизайнерами и архитекторами. Нужен был сайт-каталог на русском и английском, которым сотрудники управляют сами: добавляют коллекции, проекты, новости и PDF-каталоги фабрик. Каталог и материалы при этом нужно было перенести со старого сайта.

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

  • Каталог с фильтрами по категории, подкатегории и бренду. Фильтры работают без перезагрузки страницы, а адрес в браузере меняется, так что ссылкой на подборку можно поделиться.
  • Карточка товара: галерея, характеристики, кнопка «Заказать образец» и PDF-каталог фабрики для скачивания.
  • Портфолио проектов с галереями и новости.
  • Услуги с описанием процесса, ответами на вопросы и квизом.
  • Страница для дизайнеров и архитекторов с условиями программы и отдельной формой.
  • О компании и контакты с картой и схемой, как найти вход.

Квиз для заявки на смету

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

Английская версия без двойной работы

Контент ведётся только на русском, английская версия собирается автоматически.

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

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

Своя админка

  • Разделы: главная страница, каталог, проекты, новости, категории и бренды, контакты.
  • Изображения при загрузке уменьшаются и получают превью.
  • PDF-каталоги сжимаются автоматически: фабричные файлы весят сотни мегабайт.
  • Тексты редактируются в визуальном редакторе, фотографии перетаскиваются мышью и сортируются.

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

Перенос со старого сайта

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

Как устроено

PHP 8 без фреймворков, JavaScript без библиотек, заявки со всех форм уходят на почту компании. Сайт работает на домене заказчика.

Скриншоты

Mosaico Pro: экран 2
Mosaico Pro: экран 3
Mosaico Pro: экран 4

Частые вопросы

Как сделать сайт на двух языках, не ведя контент дважды?

Постоянные тексты переводятся по словарю, а товары и новости машинным переводом с сохранением в кэш. Редактор работает только с русской версией.

Можно ли перенести каталог со старого сайта?

Да, позиции, фотографии и PDF-каталоги переносятся скриптами, без ручного ввода.

Зачем квиз вместо обычной формы?

Посетителю проще ответить на шесть коротких вопросов, чем писать письмо, а менеджер получает заявку с площадью, материалом и сроками.

Нужен ли программист, чтобы добавить товар?

Нет, каталог, проекты, новости и контакты ведутся в админке.

Нужно похожее?

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

Написать в Telegram MAX