03/03

LOFTZY

Сайт, который помогает рассмотреть мебель и обсудить свой заказ у мастерской.

  • Каталог
  • Адаптивная вёрстка
  • Astro
Изогнутый диван из каталога LOFTZY
Роль
Полный цикл: дизайн, разработка, запуск
Сроки
4 дня
Стек
Astro, TypeScript, Tailwind CSS — статический сайт без админки
Статус
Запущен — loftzy.ru
  • 100PageSpeed Insights: производительность
  • 100Accessibility, Best Practices и SEO
  • 0сдвиг макета при загрузке (CLS)
  • 29фотографий работ заказчика в каталоге
01

Что это за проект

LOFTZY — сайт мебельной мастерской, который помогает познакомиться с работами, рассмотреть изделия и обратиться за индивидуальным заказом. Это сайт-каталог, а не интернет-магазин с корзиной и оплатой.

02

Для кого создаётся сайт

  • Для покупателей, выбирающих мебель.
  • Для людей, которым нужны индивидуальные размеры, форма или обивка.
  • Для дизайнеров интерьеров, рассматривающих сотрудничество с мастерской.
03

Какую задачу решает

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

Сайт организует эту информацию: показывает ассортимент работ, объясняет подход к заказу и помогает перейти к обсуждению.

04

Что реализовано

  • Представление мастерской и её предложения.
  • Каталог выполненных работ с фотографиями и подписями.
  • Фильтрация по основным группам изделий.
  • Просмотр фотографий с увеличением и переходом между кадрами.
  • Объяснение выбора формы, размеров и ткани для индивидуального заказа.
  • Переход к разговору с мастерской.
05

В чём сложность разработки

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

Вторая задача — направить внимание посетителя: от общего знакомства к конкретной работе, а затем к обсуждению похожей мебели под свои требования. Сайт реализован как статический проект на Astro — архитектура подобрана под презентационную задачу, которой не требуется сложная административная система.

06

Что кейс говорит о KDSV

  • Проектирование сайта под коммерческую задачу.
  • Работа с реальным визуальным материалом заказчика.
  • Создание каталога и галерей.
  • Адаптивный дизайн и оптимизация загрузки изображений.
Следующий кейс 01/03 Skorix Платформа для создания тестов, проверки знаний и работы с результатами.

Обсудим похожий проект?