Приветственные страницы

Дизайн в Figma

Пользователь может попасть в сервис Контура, в котором у него еще нет учетной записи, и от него требуется сделать еще что-то, чтобы начать работать. Например, принять лицензионное соглашение, заполнить форму заявки, или отправить запрос на доступ.

Важно, чтобы страницы, содержащие эту информацию, были красивыми, рассказывали о сервисе и понятно объясняли, что нужно сделать для начала работы.

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

В правой части — иллюстрация из банка визуалов.

Адаптив

Лейаут приветственной страницы отличается от страницы сервиса и адаптивится иначе. После 1280рх страница перестает тянуться, а контент центрируется.

На планшетной или мобильной версии правая часть с иллюстрацией полностью пропадает.

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

Если название продукта длинное, то размер логотипа уменьшается до 24px в высоту. Допустимо скрывать часть логотипа, если он не помещается на экран.