Дизайн в приложении. Требования: 1) Полное соответствие дизайн макетам (pixel perfect) 2) Полное соответствие оформление шрифтов (отступы, меж строчное расстояние, толщина, наличие теней) Необходимо сверстать: 1) Станицу ...
Cверстать качественную тестовую форму
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.
Нужно для предварительного UI/UX тестирования БЫСТРО собрать форму рабочую (без PSD, на свой вкус и цвет). Образец формы прикрепил на картинке и тот что надо доделать.
Описание:
Форма обмена электронных валют для соответствующего сервиса.
Задачи:
1. Быстрый (в несколько кликов) выбор направления обмена с необходимой
валютой обмена и на нужную сумму входящую или результирующую.
2. Удобный ввод с мобильных устройств (форма будет адаптивной,
предусматривать type="number" input для показа цифровой клавиатуры для
полей суммы, чтоб не переключать лишний раз клавиатуру).
3. Селекты должны давать выбирать из всех возможных вариантов Платежных
систем+Валют (Исходная/Результирующая) или выписывать текстом, в том
числе искаженные и неправильные вариации, чтоб не смотреть весь длинный
список (работать и как инпут text)
4. так же внизу, под селектами нужен, список 5-20 входящих/исходящих систем, каждая система имеет свой
список валют, и одна из валют обязательна по умолчанию (если кликать на
систему, а не на валюту) или если нет валюты по умолчанию –
предоставлять во всплывающем окне выбор валюты в обязательном порядке
пользователю. Так же для каждого направления обмена (валюта исходная и
валюта результирующая мы должны иметь возможность вписать курс, жестко, в
настройке или в коде формы, чтоб калькулятор работал)
5. Каждая валюта результирующая должна отображать заранее заданный свой резерв
доступный к моментальному обмену, а в случае указания большей суммы в
поле результирующей (или при пересчете) предлагать во всплывающем окне
продолжить обмен с небольшой задержкой, но по более выгодной цене, или
написать запрос на оповещение с указанием контактов пользователя, на
больший резерв
6. Для каждого направления будет свой уникальный набор полей формы в 3 столбике, после выбора валют, и будут несколько
общих для всех полей, обязательных или нет, это надо обыграть как то.
Например, необязательно поле email, заполняется по желанию для всех
направлений. Или возможно отметить чекбоксом необязательное «Хочу
добавить сообщение» и появляется input/textarea (возможно всплывающая)
для ввода сообщения/указания/комментария для операторов сервиса. Так же
опциональное поле реквизитов (кошелек/счет/карта/данные банка) для
возврата средств в случае ошибки должны быть
7. Сабмит возможен только после заполнения всех обязательных полей (система+валюта+сумма
для входящей и исходящей валюты, а так же кошелек для перевода
результирующей суммы/валюты, url для сабмита уже сам впишу и буду
собирать данные тестирования
8. Наименования столбиков СИСТЕМА, ВАЛЮТА после селекта во второй форме должны сменяться «Курсом обмена»
для направления после выбора системы и валюты в исходной и
результирующих систем
9. Наведение курсора на список Валюты/систем должны выделяться
10. При наведении на знак «?» должна появляться подсказка или описание для
поля или блока. Должно корректно работать на мобильном тачек и
компьютере с «мышью»
11. Разделитель суммы точка или запятая
12. Валидация полей формы регулярными выражениями на стороне клиента, через JS и логичное и понятное указание на ошибки
Выбранный исполнитель
Заявки фрилансеров
Похожие заказы
- HTML-верстка1 исполнительЗавершен9 лет назад
Необходимо написать HTML парсер на основеготовых решений (будем рады выслушать предложения). Парсер должен искать ключевые слова и забирать значения по маске. Более детальное ТЗ предоставим в личку. Пишите свои ...
HTML-верстка3 заявкиЗакрыт9 лет назадНа эту страницу: http://makemoneyonline-fast.net/ Добавить элементов по ТЗ. Например, там, где скажу - нужно расположить https://i.gyazo.com/1548e0827962e3403d072d5cb43b0526.png Сайты примеры, откуда дёргать эти элемента - дам исполнителю.
HTML-верстка26 заявокЗакрыт9 лет назадЗдравствуйте. Лендинг достаточно простой. Слайдер, форма обратной связи. вот и все, пожалуй, сложности. Просьба в коде оставить комментарии соответствующих разделов для для удобства в дальнейшей работе: при смене текста ...
HTML-верстка1 исполнительЗавершен9 лет назадКоллеги! На этом сайте: http://eko-shkola.ru/ (работает без CMS) после счетчика, вместо всех товаров - нужно добавить примерно такой блок: http://joxi.ru/8235MvLI68BExr - сделать в стиле сайта, без заморочек. При нажатии ...
HTML-верстка1 исполнительЗавершен9 лет назадНеобходимо изменить дизайн нашего сайта. А именно сверстать готовые макеты (исходники в psd) на сайт, при этом не сломать действующие механизмы сайта. Дизайн готов, продемонстрирую при общении.
HTML-верстка4 заявкиЗакрыт9 лет назадЗдравствуйте, Нужны люди которые за адекватные деньги сверстают под WP около 20 похожих макетов... они не сильно сложные, ничего там специально под них писать не надо... покажу при личной переписке. Жду ваших ...
HTML-верстка1 исполнительЗавершен9 лет назадДобрый день! Есть сайт на вордпрессе, нужно изменить несколько моментов, не связанных с серверной частью + доверстать пару блоков. Работа не особо сложная, на пару часов максимум, (конечно, в зависимости от вашего опыта). Писать только ...
HTML-верстка1 исполнительЗавершен9 лет назадhttps://goo.gl/Izesq9 тут макет с всплываюшеми окнами Нужна верстка кроуссебраузерная Лендинга в браузерах на телефонах и планшетах и установка на систему управления предлогайте ваши варианты! 3 языка перевод 2ух языков предоставлю Макет в приложение техническое ...
HTML-верстка12 заявокЗакрыт9 лет назадТребуется верстка письма для рассылки. Исходные материалы и текст есть.
HTML-верстка1 исполнительЗавершен9 лет назад