Philippe Reynaud
Лучший дизайн для фотографа — тот, которого не видно.
- Год
- 2026
- Разработка
- 2 недели
- Стек
- React · Vite · Tailwind · Vercel
- Дизайн
- Разработка
- SEO
- шрифтовое семейство
- 1
- акцентных цветов
- 0
- SEO в Lighthouse
- 100/100
Какую задачу нужно было решить.
Контекст
Филипп Рейно (Philippe Reynaud) — фотограф в жанре fine art: чёрно-белые отпечатки, выставки, продажа оригиналов.
Ограничение
Портфолио фотографа — единственный тип сайта, где дизайн должен исчезнуть. Любой цвет, любая подчёркнутая типографика, любой эффект конкурирует с изображением — а продаётся именно изображение.
Решение
Интерфейс, сведённый к минимуму: нейтральный серый, неброская типографика, минимальная навигация. Отпечатки показаны в большом формате, на нейтральном фоне, с характеристиками печати — носитель, размеры, тираж. Продажа устроена как установление контакта, а не как корзина.
Показатели на момент сдачи.
Оценки Lighthouse для сайта в рабочей среде. Мы публикуем их как есть: если какая-то оценка низкая, её причина и план исправления описаны ниже, а не замалчиваются.
Каждое решение — и его причина.
Абсолютно нейтральный серый
Никакого цветового оттенка вокруг изображений. Чуть тёплый или холодный фон меняет восприятие чёрно-белого отпечатка — для фотографа fine art это недопустимо.
Незаметная типографика
Одно семейство, два кегля, ни одного начертания тяжелее medium. Названия работ неброские и стоят под изображением, никогда поверх него.
Характеристики печати на виду
Носитель, размеры, номер в тираже. Покупатель художественного отпечатка покупает не только изображение, но и предмет; эта информация — часть произведения.
Палитра проекта
Серый 950
#111111
Текст
Серый 100
#F2F2F2
Фон галерей
Серый 500
#7A7A7A
Второстепенные подписи
Белый
#FFFFFF
Поверхность страницы
Типографическая система
Заголовки
Inter 500
Основной текст
Inter 400
Одно семейство, никаких жирных начертаний. В портфолио типографика — служба, а не подпись.
Что внутри.
- React
- Vite
- Tailwind
- Vercel
Изображения в полезном полном разрешении
Каждый отпечаток отдаётся в размере, в котором он реально отображается, в современном формате. На сайте фотографии качество передачи — это и есть продукт: недожать было бы абсурдно, перегрузить — тоже.
Выявленное замечание по доступности
88: контраст нескольких второстепенных подписей ниже порога — прямое следствие выбранной типографской сдержанности. Исправление определено и не требует никакого реального визуального компромисса.
Как сайт становится находимым.
Имя художника и серии
Основной запрос — имя автора; затем идут названия серий и выставок. Портфолио художника продвигается по именам собственным, а не по общим ключевым словам.
Разметка VisualArtwork
У каждого отпечатка указаны тип, автор и размеры. Это ожидаемая разметка для произведения, и она питает поиск по картинкам.
Что было сдано.
- Главная
- Серии
- Доступные отпечатки
- Выставки
- Биография
- Контакты
Ход проекта.
Концепция
Дизайн отступает, уступая место изображению.
Дизайн
Нейтральный серый, единое семейство шрифтов, информация о печати.
Разработка
Изображения в полезном разрешении, современные форматы.
О чём нас часто спрашивают.
Другие проекты
Соответствие GDPR & SaaSKonsent by Kayzen
Разработчик баннеров, который сам же их проверяет, — судья в собственном деле: независимость и была продуктом.
Наступательная кибербезопасность & SaaSSentinel by Kayzen
Продавать продукт безопасности инженерам: каждое утверждение должно было быть доказуемым.
Данные & МетеосервисMétéo Climat France
358 индексируемых страниц, анимированная карта на 72 срока — и ни одной строчки фреймворка.
Тот же уровень требований — для вашего сайта.
Бесплатный аудит вашего текущего сайта, смета в течение 24 часов и письменное обоснование — такое же, как то, что вы только что прочитали. Оплата в три этапа без переплаты; местные программы поддержки проверяются до подписания.