Как мы сделали сайт-портфолио для архитектурного бюро дизайнера Елены Горенштейн

В двух словах о проекте

Весной 2022 года нам поступил запрос на разработку нового сайта для архитектурного бюро Елены Горенштейн. Компания занимается дизайном интерьера и созданием архитектурных проектов премиум класса. Бюро работает как на российском, так и мировом рынке, создавая эстетичные и комфортные для жизни пространства.

Задача

Сделать упор на портфолио и убрать все лишнее. Сайт является медийным дополнением бренда компании, нежели ключевым источником привлечения клиентов.

Создание прототипа и концепции

Казалось бы, задача предельно проста: показываем галерею работ, подписываем название проекта и вуаля. Но, зачастую, создание простых вещей требует гораздо бОльшей экспертизы, вовлеченности и анализа. Данный проект не был исключением.

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

И вроде бы все понравилось, но от такого концепта мы отказались.

Почему: располагая 2 проекта в 1 ряд, мы миксуем разные настроения дизайна. Каждый проект имеет свой уникальный стиль, поэтому получается своего рода "каша", когда одновременно пользователи видят несколько проектов.

В следствии чего было принято решение создать поэкранный скролл, где каждый блок равняется 100% высоты экрана и весь сайт листается как слайдер. Благодаря этому, пользователь видит в моменте обложку только 1 проекта, перенимая его настроение и погружаясь в детали.Осталось лишь решить вопрос с контентом: 90% фотографий вертикальные. И важный момент: фотографию нельзя обрезать ни на пиксель, фотография должна полностью помещаться в блок.Проанализировав задачу, мы в очередной раз отправились на поиск референсов... и нашли.

В итоге получилось еще более эстетично, чем мы планировали)

Верстка

Разрабатывать сайт решили на CMS. Выбрали Тильду для скорости разработки и простоты администрирования сайта. Базового функционала платформы нам не хватило, поэтому пришлось добавить немного стороннего кода для реализации нужной функциональности.

Результат

Лаконичный, легкий, чистый дизайн и функциональность презентации. Сайт реализован на 2 языках (ru / en) и доступен для просмотра:

elenagorenshtein.com

Отдельную благодарность выражаем основателю архитектурного бюро —Елене Горенштейн за высокую вовлеченность в проект и внимание к деталям. Благодаря слаженной совместной работе у нас получилось полностью реализовать видение сайта.

Разработано с любовью в alphy agency