Le Galant
Продать предмет, который нельзя взять в руки: всё решает макросъёмка.
- Год
- 2026
- Разработка
- 3 недели
- Стек
- Next.js · React · Tailwind · Vercel
- Арт-дирекшн
- Дизайн
- Разработка
- SEO
- Тексты
Демоверсия, размещённая Kayzen Web на адресе Vercel; окончательный домен принадлежит клиенту.
- производительность в Lighthouse
- 96/100
- доступность в Lighthouse
- 100/100
- макроснимка на модель, всегда в одних и тех же точках
- 3
Какую задачу нужно было решить.
Контекст
Le Galant — ремесленная ножевая мастерская: складные и столовые ножи, изготовленные в Тьере (Thiers), с шоурумом на берегу Роны в Серьере (Serrières).
Ограничение
Нож выбирают, взяв его в руку. Онлайн нужно компенсировать отсутствие осязания: материал рукояти, полировка клинка, точность сборки должны стать видимыми. Это единственная трудность проекта, и она прежде всего фотографическая, а уже потом техническая.
Решение
Структуру сайта задаёт макросъёмка. Каждая модель показана крупным планом в трёх точках — стык рукояти и клинка, обух, больстер, — с названиями материалов и размерами. История Тьера следует потом — как гарантия, а не как главный аргумент.
Показатели на момент сдачи.
Оценки Lighthouse для сайта в рабочей среде. Мы публикуем их как есть: если какая-то оценка низкая, её причина и план исправления описаны ниже, а не замалчиваются.
Каждое решение — и его причина.
Макро как базовая единица
Три крупных плана на модель, всегда в одних и тех же точках. Единообразие позволяет сравнивать модели, чего разнородная галерея не допускает.
Названные материалы
Порода дерева, марка стали, тип больстера. Покупатель ремесленных ножей знает эту лексику; отказать ему в ней — значит обращаться к кому-то другому.
Шоурум как место назначения
Пространство в Серьере представлено, с информацией о том, как добраться, и часами работы. Часть клиентов хочет увидеть, прежде чем купить; сайт организует этот визит, а не пускает его на самотёк.
Палитра проекта
Сталь
#5A6169
Структура
Можжевельник
#7A5E3A
Тепло, материал
Молочно-белый
#F6F3EE
Фон макроснимков
Чернила
#191B1D
Текст
Типографическая система
Заголовки
Cormorant Garamond 600
Основной текст
Inter 400
Тонкий шрифт с засечками для ремесленного предмета, технический гротеск для характеристик. Контраст двух регистров повторяет контраст самого изделия.
Что внутри.
- Next.js
- React
- Tailwind
- Vercel
Тяжёлые изображения, лёгкая страница
Макроснимки детализированы по своей природе. Постепенная загрузка, современные форматы, одно приоритетное изображение: 96 по производительности на почти полностью визуальной странице.
Каталог в данных
Модели, материалы, размеры и наличие — в типизированном файле, едином источнике для карточки товара и разметки.
Как сайт становится находимым.
Тьер как сигнал происхождения
«Ремесленный нож Тьер», «французский складной нож»: на этом рынке происхождение — первый критерий поиска, раньше модели.
Разметка Product
Каждая модель описана узлом Product с материалом, размерами и наличием. Именно это позволяет расширенный показ в выдаче.
Удобно для всех.
С июня 2025 года Европейский акт о доступности (European Accessibility Act) требует цифровой доступности для значительной части онлайн-сервисов. Мы закладываем её на этапе проектирования, а не исправляем задним числом.
100/100 с полезными описаниями
Каждый макроснимок точно описан — «стык рукояти из можжевельника и клинка из стали XC75». Описательный альтернативный текст полезен и для SEO, и для экранного диктора.
Что было сдано.
- Главная
- Складные ножи
- Столовые ножи
- Мастерская в Тьере
- Шоурум в Серьере
- Контакты
Ход проекта.
Арт-дирекшн фото
Протокол макросъёмки: три точки на модель, постоянное освещение.
Контент
Материалы, размеры, ножевая терминология.
Дизайн
Единообразные карточки, представленный шоурум.
Разработка
Типизированный каталог, прогрессивные изображения, разметка Product.
О чём нас часто спрашивают.
Другие проекты
Соответствие GDPR & SaaSKonsent by Kayzen
Разработчик баннеров, который сам же их проверяет, — судья в собственном деле: независимость и была продуктом.
Наступательная кибербезопасность & SaaSSentinel by Kayzen
Продавать продукт безопасности инженерам: каждое утверждение должно было быть доказуемым.
Данные & МетеосервисMétéo Climat France
358 индексируемых страниц, анимированная карта на 72 срока — и ни одной строчки фреймворка.
Тот же уровень требований — для вашего сайта.
Бесплатный аудит вашего текущего сайта, смета в течение 24 часов и письменное обоснование — такое же, как то, что вы только что прочитали. Оплата в три этапа без переплаты; местные программы поддержки проверяются до подписания.