Приветственные страницы
Дизайн в FigmaПользователь может попасть в сервис Контура, в котором у него еще нет учетной записи, и от него требуется сделать еще что-то, чтобы начать работать. Например, принять лицензионное соглашение, заполнить форму заявки, или отправить запрос на доступ.
Важно, чтобы страницы, содержащие эту информацию, были красивыми, рассказывали о сервисе и понятно объясняли, что нужно сделать для начала работы.
В левой части страницы располагается иконка, заголовок и краткое описание сервиса, с выравниванем по левому краю. Ниже блок, содержащий возможные действия. Например, в Контур Бухгалтерии пользователь может начать работать бесплатно, нужно только принять лицензионное соглашение. Лицензионное соглашение нужно открывать тут же в большом модальном окне.
В правой части — иллюстрация из банка визуалов.
Адаптив
Лейаут приветственной страницы отличается от страницы сервиса и адаптивится иначе. После 1280рх страница перестает тянуться, а контент центрируется.
На планшетной или мобильной версии правая часть с иллюстрацией полностью пропадает.
Настройки и пользователь схлапываются до иконок, когда перестают помещаться в шапке.
Если название продукта длинное, то размер логотипа уменьшается до 24px в высоту. Допустимо скрывать часть логотипа, если он не помещается на экран.