Les Halles de Lyon Paul Bocuse
Шестьдесят торговцев, одно место: сайт должен был быть и каталогом, и витриной.
- Год
- 2026
- Разработка
- 5 недель
- Стек
- Next.js · React · Tailwind · Vercel
- Информационная архитектура
- Дизайн
- Разработка
- SEO
Демоверсия, размещённая Kayzen Web на адресе Vercel; окончательный домен принадлежит клиенту.
- торговых домов в каталоге
- 60
- доступность в Lighthouse
- 97/100
- производительность в LighthouseНиже нашей цели в 90: каталог из шестидесяти домов с фотографиями тяжёл по своей природе; снижение веса (отложенная загрузка, более компактные форматы) — приоритетная задача следующей итерации.
- 76/100
Какую задачу нужно было решить.
Контекст
Крытый рынок Halles de Lyon Paul Bocuse объединяет около шестидесяти торговых домов — мясников, сыроделов, продавцов устриц, кондитеров, среди которых несколько обладателей звания Meilleur Ouvrier de France («Лучший ремесленник Франции»). Журнал Food & Wine назвал его третьим лучшим рынком мира.
Ограничение
Сайт общего места разрывается надвое: если он говорит только о месте, он никому не помогает найти конкретного торговца; если он только каталог, он теряет всё, что вызывает желание прийти. Нужно было обслужить и посетителя, который открывает рынок для себя, и того, кто ищет «сыровара с рынка Halles».
Решение
Два наложенных слоя. Повествовательный — история, фотография, атмосфера — чтобы вызвать желание. Каталожный — 60 карточек с фильтром по ремеслу, местом на рынке и часами работы — чтобы быть полезным. Первый приводит, второй удерживает.
Показатели на момент сдачи.
Оценки Lighthouse для сайта в рабочей среде. Мы публикуем их как есть: если какая-то оценка низкая, её причина и план исправления описаны ниже, а не замалчиваются.
Каждое решение — и его причина.
Карточка для каждого дома
Ремесло, специалитеты, место на рынке, часы работы. Этой информации почти всегда не хватает, и из-за неё посетители кружат по рядам.
Фильтр по ремеслу
Мясник, сыровар, продавец устриц, зеленщик, винный погребок, кулинария. Посетитель ищет не название, а решение своей потребности; фильтр следует тому, как люди думают о рынке.
Полноформатная фотография, но в меру
Наследие нужно показывать. Изображения широкие и тщательно обработаны, но загружаются постепенно: галерея не мешает карточке сыровара, которую искали.
Палитра проекта
Красный рынка
#9B2C2C
Фирменный стиль
Белая плитка
#FAFAF8
Фон
Сланец
#2B2E33
Текст
Латунь
#B99247
Линии и медали MOF
Типографическая система
Заголовки
Playfair Display
Основной текст
Inter 400
Регистр наследия требует шрифта с засечками; каталог — плотного гротеска. Оба сосуществуют по зонам, но никогда в одном блоке.
Что внутри.
- Next.js
- React
- Tailwind
- Vercel
Каталог в структурированных данных
60 домов хранятся в типизированном наборе данных — едином источнике для списка, фильтров, плана и разметки. Изменение часов работы вносится в одном месте.
Производительность 76: осознанный компромисс
Оценка ниже наших стандартов, и мы документируем это, а не умалчиваем: галерея наследия весит много. Это первая выявленная задача оптимизации — переход на AVIF и более мелкое разбиение галереи.
Как сайт становится находимым.
Страница для каждого ремесла
«Сыровар Halles Paul Bocuse», «устрицы Лион»: у каждого ремесла своя сводная страница, которая собирает запрос, недоступный главной.
Разметка места и магазинов
Место описано узлом Place, каждый дом — привязанным к нему узлом LocalBusiness. Иерархия явна и для поисковых систем, и для ассистентов.
Удобно для всех.
С июня 2025 года Европейский акт о доступности (European Accessibility Act) требует цифровой доступности для значительной части онлайн-сервисов. Мы закладываем её на этапе проектирования, а не исправляем задним числом.
Объявляемые фильтры и результаты
Смена фильтра обновляет счётчик результатов в live-области. Без этого незрячий пользователь не узнает, что список изменился.
Что было сдано.
- Главная — место
- 60 домов — каталог с фильтрами
- Страницы по ремёслам
- История и наследие
- Как добраться, часы работы, план
Ход проекта.
Инвентаризация
60 домов, ремёсла, места, часы работы.
Архитектура
Повествовательный и каталожный слои, фильтры по ремеслу.
Дизайн
Регистр наследия, галерея, карточки.
SEO
Страницы ремёсел, разметка Place и LocalBusiness.
О чём нас часто спрашивают.
Другие проекты
Соответствие GDPR & SaaSKonsent by Kayzen
Разработчик баннеров, который сам же их проверяет, — судья в собственном деле: независимость и была продуктом.
Наступательная кибербезопасность & SaaSSentinel by Kayzen
Продавать продукт безопасности инженерам: каждое утверждение должно было быть доказуемым.
Данные & МетеосервисMétéo Climat France
358 индексируемых страниц, анимированная карта на 72 срока — и ни одной строчки фреймворка.
Тот же уровень требований — для вашего сайта.
Бесплатный аудит вашего текущего сайта, смета в течение 24 часов и письменное обоснование — такое же, как то, что вы только что прочитали. Оплата в три этапа без переплаты; местные программы поддержки проверяются до подписания.