Дизайн страницы Wordpress: шапка, форма и таблица

есть страница http://www.kriza.com.ua/online-credit/ (на wordpress) нужно сменить на ней дизайн и добавить форму с ползунками, чтоб эта форма взаимодействовала с таблицей кредитов.

за пример дизайна шапки и формы взять creditop.com.ua:

- хорошо и информативно смотрится на смартфонах (основное разрешение смартфонов по ширине- 320px и 360px, если проверять через сервис quirktools.com/screenfly/)

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

- урл и код страницы не меняются, независимо от того, что указано в форме.

- если параметры, указанные в форме, слишком жесткие и в таблице выводится мало предложений, то ниже выводится еще таблица с названием "Результаты, не соответствующие условиям поиска".

- но, в таблице кредитов не нужно производить рассчеты. пример того, как должна выглядеть таблица- zaimdozp.com.ua. т.е. в таблице выводятся только характеристики, без каких-либо рассчетов.

- при нажатии на кнопку-ссылку "получить" (или на логотип-ссылку) происходит переход на внутреннюю страницу-прокладку, а уже с нее редирект на нужный урл. пример можно посмотреть на vyborzayma.com.ua.

что должно быть в итоге:

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

в шапке- промо-текст и форма, где посетитель указывает сумму и срок кредита. в ответ ему показывается красиво оформленная таблица с кредитами, которые соответствуют его требованиям (или, если под эти требования не находится достаточного количества предложений- то ниже отображается дополнительная таблица). при переходе по какому-то предложению- открывается страница-прокладка, на через которую уже происходит редирект.