Разработка дизайн-макетов всех страниц сайта (5 страниц)
Верстка на Тильде
Размещение видео на собственном хостинге
Функция включения звука в видео, и отключения звука при включении другого видео
Переключение светлой/темной темы сайта
Технические задачи сайта:
формы обратной связи
Срок разработки:
2 месяца
Дата публикации сайта:
ноябрь 2025
+ проект на сопровождении
Задача
Bright Fields разрабатывает LED- и multituch- дисплеи, интерактивные дисплеи и мультимедийные решения для масштабных мероприятий. Их технологии помогают создавать эффектные презентации, выставки и цифровые пространства, в которых посетители могут взаимодействовать с контентом. К моменту начала проекта компания уже имела сайт, но он не отражал уровень ее технологий и масштаб реализуемых проектов.
Наша задача заключалась не просто в обновлении дизайна. Важно было создать сайт, который передает ощущение современных технологий, уверенности и международного уровня компании.
фирменный стиль
У бренда уже были собственные фирменные элементы: уникальная типографика, большое количество свободного пространства и минималистичная подача материалов. Эти приемы мы сохранили и сделали основой нового сайта.
Мы отказались от декоративных элементов, которые отвлекали внимание от самого продукта. Главным героем сайта должны были стать технологии Bright Fields и впечатление, которое они производят на людей.
{элементы фирменного стиля}
концепция и новый дизайн
Покупатель выбирает не дисплей сам по себе, он выбирает впечатление, которое этот экран создаст на мероприятии. Поэтому мы сосредоточились не только на демонстрации оборудования, но и на том, как люди взаимодействуют с технологиями компании.
На сайте мы разместили видео, которые помогают почувствовать масштаб проектов гораздо лучше, чем статичные изображения. Так сайт начинает рассказывать не о характеристиках оборудования, а о том опыте, который получает посетитель мероприятия.
Основной версией сайта стала темная тема. Темный фон создает ощущение погружения и становится естественной сценой для ярких дисплеев. Благодаря этому внимание остается на визуальном контенте, а сами проекты выглядят более выразительно и эффектно.
Композицию мы сделали максимально лаконичной. Большое количество свободного пространства позволяет каждому экрану буквально «дышать», не перегружая страницу лишними деталями.
{главная страница}
{фрагменты внутренних страниц}
{мобильная версия}
верстка
Первая особенность проекта – возможность переключения между светлой и темной темой оформления. Это решение появилось потому что мы хотели, чтобы сам сайт отражал подход Bright Fields к работе. Компания разрабатывает решения под задачи каждого клиента, поэтому и интерфейс сайта умеет адаптироваться под предпочтения посетителя.
Вторая особенность – автоматическая остановка звука у видео при включении другого видео.
На сайте большое количество видеоматериалов — именно они лучше всего передают масштаб проектов и эмоции от взаимодействия с технологиями Bright Fields. Нам было важно сделать просмотр видео максимально удобным. Для этого мы учли несколько моментов:
Мы отказались от стандартного набора элементов видеоплеера — полосы воспроизведения, счетчика времени, кнопок разворота на весь экран и других деталей, которые отвлекают внимание от самого контента. Вместо этого оставили только одну возможность — включить звук одним касанием прямо по видео. Интерфейс остается чистым, а управление интуитивно понятным.
Мы предусмотрели ситуацию, когда посетитель переключается между разными роликами. Если звук уже включен на одном видео, при запуске другого он автоматически отключается и начинает воспроизводиться только в новом ролике. Благодаря этому человеку не приходится искать, где именно сейчас играет звук, или самостоятельно выключать предыдущие видео. Сайт берет эту задачу на себя и делает просмотр более комфортным.