Корпоративный сайтКонцепт
Köşk Mimarlık
Лендинг в журнальной стилистике для небольшого архитектурного бюро — с упором на фотографии, монохромный и тихий.
Изнутри
Первый разворот.
Обложка, план с подписями и список проектов, раскрывающийся при наведении, который тянется вниз по странице.
Обзор
Köşk — концепт для архитектурной студии двух партнёров в Стамбуле. Их работы сдержанны и строятся на материале — терраццо, штукатурка, дуб, — и сайт должен был вести себя так же: уверенно, неторопливо, без желания кричать.
Бриф
- Проблема
- Сайты небольших бюро похожи на галереи или шаблоны, а не на сами работы.
- Ограничение
- Двое партнёров, нет времени на поддержку и только те фотографии, что уже есть.
- Решение
- Одна журнальная лента, где каждый проект — глава, а темп задают фотографии.
Большинство сайтов небольших архитектурных бюро — либо галерея на Squarespace, либо портфолио, переодетое в журнал. Нам не подходило ни то, ни другое. Бриф: одна длинная страница-прогулка, где каждый проект — глава, а темп задают фотографии.
Типографика — второй голос. Современная антиква поверх нейтрального гротеска: свободный интерлиньяж в тексте, плотный трекинг в подписях, номера проектов моноширинным. Атмосферу создаёт то, что мы оставили за кадром: никаких отзывов, никакой ленты наград, никакой бегущей стены логотипов.
В итоге сайт читается как небольшая монография. Клиент, попавший сюда, за двенадцать секунд понимает, подходит ли ему бюро, — а бюро не тратит время на тех, кому оно не подходит.
Об этом концепте
Это концепт-проект для вымышленного клиента. Он показывает процесс и стандарт качества, с которыми мы подходим к клиентским проектам.
Подход
Журнал, а не портфолио.
Одна страница, много глав
Избранные проекты раскрываются по мере прокрутки — открывающий кадр, подпись к плану, три кадра и дальше, к следующему.
Антиква + гротеск + моно
Современная антиква для названий проектов, нейтральный гротеск для текста, моно для подписей к кадрам. Три голоса, один ритм.
Темп задают фотографии
Открывающие кадры на всю ширину, сдержанные интерьеры, никаких каруселей. Изображение и есть аргумент.
Что умеет
Тихие вещи, сделанные тщательно.
Цифры относятся к брифу концепта.
Проекты
6глав
В каждой — открывающий кадр, план, три кадра интерьера и один абзац о замысле.
Страницы
Один скролл
Главная, работы и студия на одной журнальной странице. Контакты — в футере.
Шрифты
Антиква, гротеск и моно
Пара подобрана под фотографии, а не взята из меню шаблонов.
Изображения
Свой кроп для каждого экрана
Отдельные AVIF-кропы с арт-дирекшном для каждого брейкпоинта. Телефон никогда не загружает десктопный кадр.
Стек
- Next.js
- React
- TypeScript
- Tailwind
- MDX
- Vercel
Попробуйте сами
Рабочий продукт, а не картинка.
Откройте демо и пользуйтесь им так, как это делал бы гость или клиент. Работает каждое касание и каждая вкладка.