аренда фотостудий от 2х часов
от 1000р/час
+7 (495) 88-88-888
г. Москва, ул. Оптовая 7
аренда фотостудий от 2х часов
от 1000р/час
+7 (495) 88-88-888
г. Москва, ул. Оптовая 7
New Line воплощает в жизнь самые амбициозные и смелые проекты
4 просторных зала под любую задачу
высота потолка 5 метров
современное проф-оборудование
доступ 24/7
зал с циклорамой
Ничего лишнего в интерьере, удобное расположение и въезд на территорию с парковкой.
Аренда от 2х часов
Стоимость от 1000р/час
Большой зал 1500р/час, съемочная площадь 77м2, вместимость до 12 чел
Белый зал 1200р/час, съемочная площадь 60м2, вместимость до 10 чел
Малый зал 1000р/час, съемочная площадь 30м2, вместимость до 6 чел
Циклорама 1100р/час, съемочная площадь 50м2, вместимость до 10 чел
New Line воплощает в жизнь самые амбициозные и смелые проекты
4 просторных зала под любую задачу
высота потолка 5 метров
современное проф-оборудование
доступ 24/7
зал с циклорамой
Ничего лишнего в интерьере, удобное расположение и въезд на территорию с парковкой.
Аренда от 2х часов
Стоимость от 1000р/час
Большой зал 1500р/час, съемочная площадь 77м2, вместимость до 12 чел
Белый зал 1200р/час, съемочная площадь 60м2, вместимость до 10 чел
Малый зал 1000р/час, съемочная площадь 30м2, вместимость до 6 чел
Циклорама 1100р/час, съемочная площадь 50м2, вместимость до 10 чел
О проекте
Сайт создан для порфтолио в рамках интенсива по веб-дизайну от Логомашины. Работу выполнила на основе референсов, представленных в галерее ниже по скроллу. Дизайн создан в Figma. На Тильде проект собран на zero-блоках с использованием window-контейнера
Особенности вёрстки
Проект я делаю на своем сайте, где шрифты уже подключены. В Тильде условием является использование не более двух шрифтов на сайте, поэтому пришлось проявить смекалку — заголовок вставлен не как текст, а как картинка, чтобы не страдало качество, использован формат SVG. Сделаны адаптивы, настроена небольшая акцентная анимация. Проект является концептом, кнопка кликабельная, но по ссылке пройти нельзя.

Фото для проекта взяты с https://unsplash.com
Автор фото девушки на первом экране Roman Shilin, фото залов для съемки Max LibertIne, Spacejoy, Lauren Wang, Alexander Dummer. Фото телефона Quino A.
Первоначальный вид первого экрана
Начальная версия дизайна выглядела иначе. Главное, что должно быть на первом экране — это контент. Нужно, чтобы пользователь сразу понимал о чём пойдет речь. Поэтому я добавила подзаголовок, и для лёгкости оставила контур шрифта, убрав заливку. Убрала тяжёлый фон под фото модели, и для яркости сделала градиентное размытие. Кнопка не считывалась как кнопка, и я изменила её, добавив анимацию на заливку.
Начальная версия дизайна выглядела иначе. Главное, что должно быть на первом экране — это контент. Нужно, чтобы пользователь сразу понимал о чём пойдет речь. Поэтому я добавила подзаголовок, и для лёгкости оставила контур шрифта, убрав заливку. Убрала тяжёлый фон под фото модели, и для яркости сделала градиентное размытие. Кнопка не считывалась как кнопка, и я изменила её, добавив анимацию на заливку.
Спустя время я снова изменила кнопку, так как она была чересчур громоздкой, не соответствующей тематике сайта. Пробовала градиент контрастный и более спокойный. Мне хотелось сделать необычную кнопку, которая бы привлекала внимание не за счёт цвета или анимации, а за счет своей формы. В результате эксперимента появился вариант, который сейчас в начале страницы.
Сетка в вёрстке
Дизайн второго экрана построен в Figma на основе 4х колонок. Window-контейнер имеет особенности вёрстки, которые особенно заметны на больших экранах. Мне понравился эффект воздушной паузы во втором блоке по центру между модулями с информацией о залах, и я решила оставить как есть.