Сайт для разработчика системы компьютерного зрения SIRIN. Как мы вместо одного проекта осуществили семь

У каждого в жизни бывают судьбоносные знакомства. Для нас одно из таких — с заказчиками из SIRIN. Ранее мы рассказывали, как создавали для них презентацию, лифлет и визитки. Компания тогда участвовала в зарубежной выставке и возымела грандиозный успех: ей удалось выйти на международный рынок. Клиентов стало больше, и для повышения узнаваемости понадобился сайт. К кому за ним обращаться, вопроса не стояло: наше прошлое сотрудничество было плодотворным. Постараемся повторить успех.

Напомним, что SIRIN внедряет ПО в камеры видеонаблюдения. Система распознаёт номера автомобилей — чтобы ловить нарушителей на дорогах и пропускать машины через шлагбаум. Компания использует высокие технологии, и сайт у неё должен быть самый современный. 

Подобрали палитру. За основу взяли цвета из презентации, так как они хорошо себя зарекомендовали:

• чёрный — выступает фоном и задаёт атмосферу минимализма;
• белый — делает текст удобным для чтения;
• синий — подчёркивает ключевые слова;
• фиолетовый — отвечает за акценты в иконках.

Сделали анимацию. Стартовый экран встречает 3D-моделью автомобиля, который крутится на платформе. Машину при этом обволакивает свет сканера: волны идут от радиаторной решётки до багажника. Анимация позволит дольше удерживать пользователя на сайте.

Перечислили услуги. Мы уже были глубоко погружены в тему, поэтому смогли уместить описания непростых явлений в одно-два предложения. Далее, конечно, подробно объяснили принцип работы системы в тематических вкладках. А тезисы получились такими:

• умный двор;
• автоматизация парковок;
• решения для государственных трасс;
• мониторинг промышленных объектов;
• безопасность частных территорий.

Выделили преимущества. Поместили в центр страницы машину, но теперь вид на неё не сбоку, а сверху. На крыше — логотип SIRIN. Возле автомобиля указали 10 уникальных качеств: по пять слева и справа. Вот некоторые из них:

• мгновенный пропуск спецтранспорта;
• распознавание нечитаемых номеров;
• автономная работа;
• простая установка;
• централизованная база данных.

Нашли фотографии. Абстрактные процессы лучше представлять в виде конкретных визуальных образов. Например, выражение «экономия за счёт ресурсной оптимизации» сложно моментально осознать. Сопроводили его картинкой с кривыми линиями на биржевом графике. Важно было не впасть в крайность и не уподоблять IT-специалистов хакерам. Отыскали такие изображения, чтобы быть ближе не к шпионскому триллеру, а к документальному фильму.