KAMEN

Клиент

Архитектурное бюро KAMEN проектирует городские пространства и крупные объекты. В команду входят архитекторы, дизайнеры и инженеры, которые создают уникальные проекты с ярким авторским стилем. Бюро работает с крупными девелоперами, творческий коллектив неоднократно получал премии Москвы в области архитектуры и градостроительства.

Задача

Старый сайт уже не соответствовал уровню и визуальному стилю бюро. Клиент хотел современный сайт, в центре которого — архитектурные проекты и команда:

• в интерфейсе важно сохранить ощущение авторского стиля: использовать крупные изображения, видео и нестандартную сетку;
• реализовать полноценную русско- и англоязычную версии сайта;
• разработать удобную админку, чтобы команда самостоятельно управляла контентом.

Основные страницы

Разработали двуязычный сайт на Next.js и Django по дизайну клиента. Сетка полностью адаптивная и перестраивается под разные экраны без потери композиции.

Гибкая структура кейсов

Для страницы проектов разработали удобную систему контента:

• большие обложки;
• слайдеры изображений любых форматов;
• полноэкранные видео.

Тяжелый контент загружается постепенно через Lazy Load, поэтому страницы остаются быстрыми даже при большом количестве медиа. Описание проектов оформили в виде аккордеона: контент не перегружает страницу визуально, зато полностью индексируется поисковыми системами.

Нестандартная подача команды

Реализовали эффект проявления фотографий: по умолчанию сотрудники отображаются в негативе, а при наведении изображение становится цветным. Это решение поддерживает авторский стиль бюро и делает акцент на каждом участнике команды.

Визуальные эффекты

Для страниц «Новости» и «Контакты» добавили интерактивные элементы навигации и hover-эффекты. Во всех разделах сайта логотип меняется при наведении курсора, что добавляет интерфейсу динамики.

Админка

На Django разработали кастомную административную панель с интуитивно-понятным интерфейсом. Команда может самостоятельно:

• добавлять новые проекты;
• редактировать сотрудников;
• обновлять контент на двух языках;
• управлять SEO-параметрами страниц.

Также мы подготовили инструкцию по работе с админ-панелью для команды клиента.

SEO и масштабирование

Настроили SEO-модуль и серверный рендеринг, чтобы сайт лучше индексировался в поиске. На этапе проектирования заложили основу для дальнейшего развития проекта: блог, формы и новые разделы можно подключать без переработки архитектуры сайта.

Результат

За 3 месяца разработали современный сайт, которым удобно управлять. Теперь клиент может полноценно презентовать свои работы, поддерживать контент в актуальном состоянии без привлечения разработчиков и масштабировать архитектуру.