Корпоративный сайт для компании мультимедийных технологий

Bright Fields

Объем работ:
  • Проектирование новой структуры сайта
  • Создание новой концепции бренда
  • Разработка дизайн-макетов всех страниц сайта (5 страниц)
  • Верстка на Тильде
  • Размещение видео на собственном хостинге
  • Функция включения звука в видео, и отключения звука при включении другого видео
  • Переключение светлой/темной темы сайта
Технические задачи сайта:
  • формы обратной связи
Срок разработки:
  • 2 месяца
Дата публикации сайта:
  • ноябрь 2025
+ проект на сопровождении

Задача

Bright Fields разрабатывает LED- и multituch- дисплеи, интерактивные дисплеи и мультимедийные решения для масштабных мероприятий. Их технологии помогают создавать эффектные презентации, выставки и цифровые пространства, в которых посетители могут взаимодействовать с контентом.
К моменту начала проекта компания уже имела сайт, но он не отражал уровень ее технологий и масштаб реализуемых проектов.

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

фирменный стиль

У бренда уже были собственные фирменные элементы: уникальная типографика, большое количество свободного пространства и минималистичная подача материалов.
Эти приемы мы сохранили и сделали основой нового сайта.

Мы отказались от декоративных элементов, которые отвлекали внимание от самого продукта. Главным героем сайта должны были стать технологии Bright Fields и впечатление, которое они производят на людей.
{элементы фирменного стиля}

концепция и новый дизайн

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

На сайте мы разместили видео, которые помогают почувствовать масштаб проектов гораздо лучше, чем статичные изображения. Так сайт начинает рассказывать не о характеристиках оборудования, а о том опыте, который получает посетитель мероприятия.

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

Композицию мы сделали максимально лаконичной. Большое количество свободного пространства позволяет каждому экрану буквально «дышать», не перегружая страницу лишними деталями.
{главная страница}
{фрагменты внутренних страниц}
{мобильная версия}

верстка

Первая особенность проекта – возможность переключения между светлой и темной темой оформления. Это решение появилось потому что мы хотели, чтобы сам сайт отражал подход Bright Fields к работе. Компания разрабатывает решения под задачи каждого клиента, поэтому и интерфейс сайта умеет адаптироваться под предпочтения посетителя.
Вторая особенность – автоматическая остановка звука у видео при включении другого видео.

На сайте большое количество видеоматериалов — именно они лучше всего передают масштаб проектов и эмоции от взаимодействия с технологиями Bright Fields. Нам было важно сделать просмотр видео максимально удобным. Для этого мы учли несколько моментов:

  1. Мы отказались от стандартного набора элементов видеоплеера — полосы воспроизведения, счетчика времени, кнопок разворота на весь экран и других деталей, которые отвлекают внимание от самого контента. Вместо этого оставили только одну возможность — включить звук одним касанием прямо по видео. Интерфейс остается чистым, а управление интуитивно понятным.
  2. Мы предусмотрели ситуацию, когда посетитель переключается между разными роликами. Если звук уже включен на одном видео, при запуске другого он автоматически отключается и начинает воспроизводиться только в новом ролике. Благодаря этому человеку не приходится искать, где именно сейчас играет звук, или самостоятельно выключать предыдущие видео. Сайт берет эту задачу на себя и делает просмотр более комфортным.
сайт доступен по ссылке – brightfields.tech
НАД ПРОЕКТОМ РАБОТАЛИ
  • Марина
    Арт-директор
    Собрала концепцию, разрабатывала дизайн-макеты, курировала процесс верстки
  • Наташа
    Веб-дизайнер
    Верстала сайт, адаптировала его под мобильные устройства
  • Андрей
    Программист
    Писал код для функции ч/б темы, размещал контент на хостинге
Made on
Tilda