Русский и английский
Языки переключаются бесшовно: посетитель остаётся в том же разделе или проекте.
Сайт и портфолио архитектурной студии
PLANESarchitects
Двуязычный сайт архитектурной студии с проектными галереями, услугами и образовательными программами.
[ Открыть продукт ]landing.webp2880×1800
// 01Сайт в цифрах
- 2
- языка
- 3
- темы оформления
- 5
- фильтров портфолио
// 02Контекст
На сайте PLANES architects работы студии находятся на первом плане. Посетитель может посмотреть архитектурные и интерьерные проекты, узнать об услугах и подходе команды, записаться на образовательную программу или отправить заявку.
Сайт помогает будущим заказчикам познакомиться со студией, а архитекторам и дизайнерам — узнать об образовательных программах PLANES.
02about.studio
about.webp2880×1800
// 03Задача
Дать архитектуре больше пространства и не усложнить управление сайтом
Нужно было перенести спокойный стиль студии в браузер и не потерять главное — фотографии проектов. При этом команде нужен был удобный способ добавлять новые работы, переводить тексты и обновлять большие галереи без участия разработчика.
Интерфейс построен вокруг изображений и простой типографики. На странице нет лишних декоративных слоёв: навигация остаётся компактной, подписи не спорят с фотографиями, а переходы помогают спокойно двигаться между разделами и проектами.
Главные ограничения были связаны с весом проектных галерей, разной длиной русских и английских текстов и необходимостью сохранить аккуратную композицию на телефонах, планшетах и широких экранах.
ИЗОБРАЖЕНИЯ / ТИПОГРАФИКА / КОНТЕНТ / СКОРОСТЬ
// 04Портфолио
Нужный проект можно найти без долгого поиска
Работы разделены на частные, коммерческие, культурные и конкурсные. Фильтры быстро сужают список, а внутри проекта фотографии дополняются понятными характеристиками объекта.
- Все
- Частные
- Коммерческие
- Культурные
- Конкурсы
projects.webp2880×2000
// 05Контент
Одна CMS (административная панель) для проектов, текстов и фотографий
Команда добавляет описание, характеристики и галерею, затем связывает русскую и английскую версии. После публикации материал сразу появляется на сайте.
Студия управляет проектами, текстами и фотографиями через CMS (административную панель), без правок в коде. Материалы появляются на сайте на нужном языке, а фотографии подстраиваются под экран.
CMS→Проекты и тексты→Русский / английский→Сайт
Три темы
Можно оставить системное оформление или вручную выбрать светлую либо тёмную тему.
Удобное обновление
Команда добавляет проекты и материалы через CMS (административную панель), без участия разработчика.
Крупные галереи
Фотографии остаются главным содержанием страницы и загружаются в размере, подходящем устройству.
// 06Оформление
Сайт подстраивается под свет вокруг
Системная тема следует настройкам устройства. Светлая сохраняет ощущение печатного архитектурного журнала, а тёмная делает просмотр фотографий комфортнее вечером.
- Системная
- Светлая
- Тёмная
// 07Мобильная версия
На телефоне изображения остаются доминантой
Крупные фотографии перестраиваются под вертикальный экран, а действия остаются под рукой — без мелкого текста и горизонтальной прокрутки.
mobile.webp780×1688
// 08Результат
У студии появился сайт, который можно развивать вместе с портфолио
Студия PLANES architects получила двуязычный сайт с проектами, услугами, образовательными программами и формой связи. Команда самостоятельно обновляет материалы через CMS (административную панель), а посетители смотрят работы на любом устройстве и в удобной теме.
// Моя роль
Я отвечал за интерфейс и адаптивную вёрстку, подключил CMS (административную панель), русский и английский языки, фильтры, галереи и темы оформления, а затем подготовил сайт к запуску.
- Frontend
- CMS (административная панель)
- Русский и английский
- Запуск
root@portfolio:~/contact$ ./start-conversation // Можно написать напрямую
console.log(Есть идея или задача?);
/* Напишите в двух словах, что хотите сделать и чем я могу помочь. Для начала этого вполне достаточно. */