Postkino.ru

Postkino — студия постпродакшна, специализирующаяся на производстве рекламных роликов, музыкальных клипов, а также работе над фильмами и сериалами. К моменту старта проекта компании требовался современный имиджевый сайт, способный эффектно представить портфолио и подчеркнуть высокий уровень экспертизы.

Цели создания сайта:

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

Решение

Работа началась с погружения в дизайн-макеты из Figma. Мы предложили клиенту чистую вёрстку на HTML/CSS и JavaScript с использованием JSON-файлов в качестве простой и удобной административной панели. Это позволяло заказчику самостоятельно добавлять новые проекты, менять их порядок и описания, не имея навыков программирования. Особое внимание уделили структуре JSON: для каждого раздела портфолио (Movies | Series, Advertising, Reels) были созданы отдельные файлы с понятной иерархией, чтобы клиент мог легко вносить изменения.

На первом этапе мы сверстали все основные страницы, настроили плавные переходы и анимации. Заказчик активно тестировал сайт на разных устройствах — от современного MacBook до модели 2014 года с ретина-экраном, а также на iPhone и Xiaomi. Это позволило выявить ряд нюансов: на старых дисплеях некоторые элементы (стрелки слайдера, кнопка плеера) отображались некорректно, а при изменении размера окна адаптация срабатывала только после перезагрузки страницы. Мы оперативно отреагировали, доработав CSS-свойства для ретина-экранов и добавив динамическое обновление макета при ресайзе окна без перезагрузки.

В процессе разработки возникла необходимость заменить исполнителя — первый разработчик уехал в длительную командировку. Мы быстро перестроили процессы и ввели в проект нового специалиста, который безболезненно разобрался в кодовой базе и продолжил работу. Это не повлияло на качество и сроки: все накопленные правки были внесены, а дополнительные пожелания клиента (изменение иконки плеера, корректировка отступов и выравнивания текста) реализованы в течение нескольких дней.

Финальным этапом стала настройка боевого хостинга: мы перенесли сайт на сервер заказчика, настроили редиректы для доменов postkino.ru и postkino.com, установили SSL-сертификат и добавили простую файловую админку Textolite для удобного редактирования JSON. Также была проведена оптимизация изображений и устранена ошибка смешанного контента, из-за которой в Firefox появлялось предупреждение о небезопасном соединении.