У хорошего сайта может быть долгая история — и новая глава. ArtOpt.ru, магазин керамической плитки, керамогранита и мозаики, получил современную версию на движке YETI³. Я перенёс проект с Битрикса, переработал оформление и сделал адаптивную вёрстку.

История, которую хотелось продолжить

Первая версия ArtOpt.ru была сделана на Битриксе в начале 2010-х. Магазином пользовались много лет. Со временем проект остался без прежнего управления, и сайту потребовалось обновление.

Для меня было важно сохранить смысл проекта: знакомый каталог отделочных материалов должен оставаться полезным людям, которые выбирают плитку для дома, работают над интерьером или комплектуют объект. Поэтому я отрефакторил сайт, перенёс его на свой движок YETI³ и полностью пересмотрел подачу.

Главная страница ArtOpt.ru: каталог коллекций и изображения интерьеров
Реальный экран обновлённого ArtOpt.ru.

Что изменилось в новой версии

У сайта появился современный интерфейс и адаптивная, «резиновая» вёрстка. Каталог, карточки товаров и основные разделы выстроены так, чтобы знакомство с ассортиментом переходило в предметный выбор: от производителя и коллекции — к конкретной позиции и обращению в магазин.

  • Каталог по производителям и коллекциям. Можно начать с фабрики или посмотреть материалы внутри выбранной серии.
  • Фотографии интерьеров и товаров. Общий образ пространства дополняется изображениями отдельных позиций.
  • Карточки изделий. Название, характеристики и доступные варианты помогают подготовиться к разговору с магазином.
  • Подбор и корзина. Понравившиеся позиции можно собрать для дальнейшего уточнения заказа.
  • Понятные контакты. Телефон, условия доставки и информация о магазине доступны в соответствующих разделах.

От впечатления — к конкретному материалу

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

Например, знакомство можно начать с коллекций Benadresa, затем открыть City и посмотреть отдельные позиции. Такой маршрут превращает абстрактное «хочу светлую ванную» в список материалов, который можно обсудить с магазином.

Карточка плитки Constanza Beige на ArtOpt.ru с изображением отдельного товара
От интерьерной идеи — к конкретной позиции в каталоге.

Кому пригодится ArtOpt.ru

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

Как пользоваться магазином сейчас

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

Ещё один проект цифровой мастерской

У YETI³ две мастерские: цифровая и мастерская краснодеревщика. В одной я работаю с сайтами, приложениями и собственными продуктами. В другой — с деревом, машинной резьбой и ручной доводкой. Их объединяет внимание к материалу, назначению и тому, как результат будет служить человеку.

ArtOpt.ru — пример того, как существующему интернет-магазину можно дать продолжение: сохранить предметную область, переосмыслить интерфейс и перенести проект на собственную технологическую основу.

Посмотрите новую версию

Открыть ArtOpt.ru → Посмотрите коллекции и карточки, выберите то, что подходит вашему пространству, и уточните детали в магазине.

О развитии цифровых проектов рассказываю в Telegram-канале YETI³. Для тех, кому интересны разработка, аналитика и GameDev, подготовил обзор YETI³ MBA.