Дизайн и верстка формы для опроса Shapdesk

Компания проводит опрос после покупки стола. В текущем варианте опрос есть только в гугл-формах. Изменить дизайн кардинально, в соответствии с фирменным стилем не получится.

Сделал дизайн и верстку формы.

Первый вариант дизайна

Дизайн и верстка формы для опроса Shapdesk 1
Слева форма, справа состояние в случае ошибки

Правки клиента по первой версии

  1. Неявно выделены обязательные поля
  2. Поля выглядят несобранно

Исправляю во второй версии

Вторая версия дизайна

Дизайн и верстка формы для опроса Shapdesk 2
Вторая версия дизайна

Во второй версии были исправлены проблемы первой:

  1. За счет фона поля стали собраннее
  2. Обязательное поле выделено явно подписью

Также сделал блокировку кнопки, если поля не заполнены

Дизайн и верстка формы для опроса Shapdesk 3
Состояние кнопки

Верстка

Ссылка на страницу: https://dev-postnov.ru/works/review-form/

Вместо объяснения и рассказа, покажу вам демо верстки. Дизайн местами не соответствует изначальному, так как верстку еще не шлифовали.

На видео показан

Демо верстки
Хочешь такой же результат?
Имя
Контакт для связи
Подробнее о проекте

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