Сайт продаёт доступ по подписке, и на странице тарифов сейчас просто три блока текста с описанием — понять разницу между планами с первого взгляда невозможно, приходится читать всё подряд. Задача — сделать нормальную таблицу сравнения: тарифы стоят рядом колонками, а всё, чем они отличаются друг от друга (лимиты, набор функций, поддержка), должно бросаться в глаза сразу, без лишнего чтения. Самый популярный план хочется выделить отдельно — рамкой, цветом или меткой, на усмотрение исполнителя, лишь бы это работало и не выглядело случайно.
Вторая часть задачи — переключатель оплаты сверху таблицы: посетитель нажимает и видит либо цену за месяц, либо цену за год, причём при годовой оплате рядом должна отображаться экономия в процентах. И третье — кнопки под каждым тарифом не должны никуда «зависать»: нажал — попал сразу на оформление именно этого плана, без промежуточной корзины или лишнего клика. Из важного для отклика:
— вёрстка адаптивная, тариф с телефона должен читаться так же легко, как с монитора
— переключатель месяц/год работает плавно, без дёргания макета
— цвета выделения и акценты — по нашей текущей палитре сайта
— готовый код проверен минимум в трёх браузерах
— срок и стоимость указать в отклике сразу, с учётом полного цикла — от макета до рабочей вёрстки
Вторая часть задачи — переключатель оплаты сверху таблицы: посетитель нажимает и видит либо цену за месяц, либо цену за год, причём при годовой оплате рядом должна отображаться экономия в процентах. И третье — кнопки под каждым тарифом не должны никуда «зависать»: нажал — попал сразу на оформление именно этого плана, без промежуточной корзины или лишнего клика. Из важного для отклика:
— вёрстка адаптивная, тариф с телефона должен читаться так же легко, как с монитора
— переключатель месяц/год работает плавно, без дёргания макета
— цвета выделения и акценты — по нашей текущей палитре сайта
— готовый код проверен минимум в трёх браузерах
— срок и стоимость указать в отклике сразу, с учётом полного цикла — от макета до рабочей вёрстки
