Лидеры года — новая категория на Workspace Digital Awards! Номинируйте вашу команду, продукты и проекты.
Максим Рафиков
Каталог дизайна и ремонта для бюро Ellis: 66 объектов с фото, планами и PDF-альбомами
Максим Рафиков
#Дизайн сайта#Программирование сайта#HTML - верстка сайта

Каталог дизайна и ремонта для бюро Ellis: 66 объектов с фото, планами и PDF-альбомами

Поделиться: 0 0 0
Каталог дизайна и ремонта для бюро Ellis: 66 объектов с фото, планами и PDF-альбомами
Бюджет

50 000

Сфера

Строительство и ремонт

Сдано

Сентябрь 2026

Задача

Дизайн-бюро интерьеров (Уфа) делало сильные интерьеры и ремонты, но портфолио жило в папках, PDF и переписке. Клиенту на встрече было трудно быстро найти «похожий объект»: квартира или дом, дизайн или ремонт, площадь, альбом проекта.

Нужен был спокойный фото-каталог без вида «типовой лендинг». Отдельно дизайн и отдельно ремонт. У объекта — галерея, план, PDF-альбом, видеообзор, переход между дизайном и ремонтом одной квартиры. На мобильном — удобно листать фото и открывать план.

Решение

1. Структура сайта. Главная → Дизайн / Ремонт → квартиры или дома → страница объекта → заявка. Если у квартиры есть и проект, и ремонт, страницы связаны между собой.

 

2. Каталог, а не витрина из трёх картинок. В данные занесены 34 проекта дизайна и 32 ремонта: новостройки Уфы, дома, объекты в Москве. Фильтры: площадь на дизайне квартир, «дизайнерский / комплексный» на ремонте. Ссылка с фильтрами копируется.

 

3. Медиа. Фото сжимаются до веба, из альбомов достаются рендеры и план, HEIC с телефонов переводятся в JPG, видеообзоры облегчаются. Полные исходники остаются в архиве бюро, на сайт уходит лёгкая копия.

 

4. Страница объекта. Сначала смысл проекта, затем план, галерея с подписями помещений, видео, кнопка связаться. На телефоне фото открывается жестами, план можно увеличить.

 

5. Тон. Тихий архитектурный стиль: камень и один медный акцент, без градиентов и «нейросетевого» вида. Контакты менеджеров и почта бюро выведены на отдельной странице.

 

Стек: Next.js, TypeScript, Tailwind.

Результат

• 66 объектов в каталоге: 34 дизайна и 32 ремонта (два ремонта временно скрыты).

• У объектов: фото готового ремонта и визуализации, планы, PDF-альбомы, видеообзоры.

• Заказчик показывает клиенту не архив с диска, а карточки с фильтрами и страницу кейса.

• Сайт готов к выкладке; публичную ссылку добавить в кейс, как только бюро откроет его наружу.

Максим Рафиков
Максим Рафиков

Россия Уфа

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

https://ellis-catalog.vercel.app/

Стек технологий

  • HTML HTML Язык программирования
  • JavaScript JavaScript Язык программирования
  • TypeScript TypeScript Язык программирования
  • Next.js Next.js Фреймворк/библиотека
  • React.js React.js Фреймворк/библиотека

Оцените кейс
Спасибо за оценку
Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Оставить заявку