Задача. Создать страницу приема заказов с динамической формой, в короткие сроки.
Компания занимается продажей франшиз собственного химического производства, а так же помогает другим «упаковать» свой бизнес и самим продавать франшизы. Создана продающая страница, с адаптивной версткой, по эскизу заказчика.
Форма обратной связи работает по принципу последовательного уточнения. Сначала форма предлагает ввести телефон. После того как посетитель вводит телефон, он отправляется менеджеру. Затем появляется поле е-мейл, и если пользователь вводит его, то телефон и е-мейл отправляются менеджеру. И наконец, если менеджер ввел телефон и е-мейл, ему предлагают назвать своё имя. Которое после заполнения, как вы уже догадались, отправляется менеджеру. Механизм заполнения формы наглядно представлен ниже.
Страница имеет адаптивный дизайн. Ниже видно как она выглядит на смартфоне.
Процесс
На создание страницы ушло два вечера, в первый была сделана верстка по эскизу, во второй программирование формы.