{"id":14288,"url":"\/distributions\/14288\/click?bit=1&hash=7892f9ec59fbe57cbbf7dc08e942a15777e95f336ce498c73b1574f3c858cf79","title":"\u041c\u043e\u0434\u0435\u043b\u044c \u00ab\u041a\u0443\u043f\u0438 \u0441\u0435\u0439\u0447\u0430\u0441, \u043f\u043b\u0430\u0442\u0438 \u043f\u043e\u0442\u043e\u043c\u00bb \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u043b\u0430 \u0441\u0440\u0435\u0434\u043d\u0438\u0439 \u0447\u0435\u043a \u043d\u0430 20%","buttonText":"","imageUuid":""}

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

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

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

Задача

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

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

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

первая версия прототипа

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

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

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

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

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

Верстка

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

Результат

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

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

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

0
6 комментариев
Написать комментарий...
Антон Сизов

Не увидел где дизайн, на мобильных устройствах явно сайт не тестировали, сайт вообще о чем? По одной фотке к проекту при этом фотографии не раскрывают сути проекта, шрифты используемые явно выбраны по дефолту, молчу про отступы до элементов навигации и их размерах... Парни это лютая халтура

Ответить
Развернуть ветку
Анастасия

прикольно)

Ответить
Развернуть ветку
alphy agency
Автор

спасибо)

Ответить
Развернуть ветку
Denis Timofeev

Десктоп версия понравилась очень, но вот соглашусь по поводу мобильной версии, что не очень все хорошо. Портит все впечатление.

Ответить
Развернуть ветку
Евгений Алтапов

Ребята, шоурил проекта хороший! Так держать 👏🏻 забрал своим показать;)

Ответить
Развернуть ветку
alphy agency
Автор

Спасибо)

Ответить
Развернуть ветку
3 комментария
Раскрывать всегда