Boucherie de l'Avenue
Ремесленная мясная лавка, поданная как дом высокой марки, — ведь она им и является.
- Год
- 2026
- Разработка
- 3 недели
- Стек
- React · Vite · Tailwind · Vercel
- Фирменный стиль
- Дизайн
- Разработка
- Локальное SEO
- фирменный стиль, созданный с нуля
- 1
- SEO в Lighthouse
- 100/100
- производительность — задача в работе
- 69/100
Какую задачу нужно было решить.
Контекст
Ремесленная мясная лавка в 9-м округе Лиона, работающая с мясом короткой цепочки поставок и предлагающая кулинарные услуги (кейтеринг).
Ограничение
Продовольственная лавка квартала почти всегда плохо представлена в интернете: фото со вспышкой, шрифт по умолчанию, никакой информации о происхождении мяса. Мастерство нигде не было видно, хотя именно оно оправдывает разницу в цене с супермаркетом.
Решение
Относиться к ремесленнику так, как к люксовому дому: индивидуальный фирменный стиль, выверенная типографика, постановочная фотография, полная информация о происхождении. Клиенту нужно оправдать для себя цену — и ему нужно дать для этого основания.
Показатели на момент сдачи.
Оценки Lighthouse для сайта в рабочей среде. Мы публикуем их как есть: если какая-то оценка низкая, её причина и план исправления описаны ниже, а не замалчиваются.
Каждое решение — и его причина.
Фирменный стиль, созданный специально
Монограмма, палитра и типографская система разработаны специально и затем перенесены на печатные материалы лавки. Сайт был лишь одним из воплощений фирменного стиля.
Происхождение указано для каждого продукта
Порода, происхождение, фермер, если он известен. Это аргумент, который отличает ремесленника от полки самообслуживания, — и прежде он нигде не появлялся.
Постановочная фотография
Естественный свет, нейтральные фоны, без прямой вспышки. В мясной лавке плохо освещённая фотография производит ровно противоположный желаемому эффект.
Палитра проекта
Глубокий бордо
#5E1F2B
Фирменный стиль
Белый мрамор
#F8F6F3
Фон
Чернила
#1F1C1B
Текст
Латунь
#A98545
Линии и монограмма
Типографическая система
Заголовки
Cormorant Garamond 600
Основной текст
Jost 400
Шрифт с засечками в духе высокой моды для вывески, сдержанный геометрический гротеск для информации о продуктах. На контрасте этих двух и строится всё позиционирование.
Что внутри.
- React
- Vite
- Tailwind
- Vercel
Открытая задача по производительности
69 по производительности: оценка объясняется неоптимизированной галереей товаров, унаследованной из материалов клиента. Переход на AVIF и подбор размеров через srcset оценены и запланированы. Мы пишем об этом, потому что оценка публична и проверяема.
Статический сайт
Никакой базы данных; каталог товаров — файл данных. Мясник присылает нам сезонные изменения, и они появляются на сайте в течение часа.
Как сайт становится находимым.
«Мясная лавка Лион 9», «мясник-ремесленник Вез»
Локальные запросы с очень низкой конкуренцией и немедленным намерением покупки: тот, кто их вводит, ищет, где купить мясо сегодня, а не изучает тему. Нацелившись на «мясная лавка Лион», ремесленник конкурировал бы с сетями со всего города за трафик, который никогда не доедет до 9-го округа.
Разметка ButcherShop
В schema.org есть отдельный тип. Его использование вместо общего LocalBusiness улучшает то, как Google классифицирует заведение.
Что было сдано.
- Главная
- Наше мясо и его происхождение
- Кулинария
- О лавке
- Как добраться и часы работы
Ход проекта.
Фирменный стиль
Монограмма, палитра, типографская система, печатные материалы.
Контент
Происхождение каждого продукта, кулинарное предложение.
Дизайн и разработка
Статический сайт, типизированный каталог.
О чём нас часто спрашивают.
Другие проекты
Соответствие GDPR & SaaSKonsent by Kayzen
Разработчик баннеров, который сам же их проверяет, — судья в собственном деле: независимость и была продуктом.
Наступательная кибербезопасность & SaaSSentinel by Kayzen
Продавать продукт безопасности инженерам: каждое утверждение должно было быть доказуемым.
Данные & МетеосервисMétéo Climat France
358 индексируемых страниц, анимированная карта на 72 срока — и ни одной строчки фреймворка.
Тот же уровень требований — для вашего сайта.
Бесплатный аудит вашего текущего сайта, смета в течение 24 часов и письменное обоснование — такое же, как то, что вы только что прочитали. Оплата в три этапа без переплаты; местные программы поддержки проверяются до подписания.