Задача. Сделать простой и понятный дизайн для сайта о личных финансах.
Проденьги — сайт, на котором собрано все, имеющее отношение к деньгам: банки, отделения, банкоматы, потребительские и автокредиты, депозиты, ипотека, платежные карты, обменные пункты, курсы валют, он-лайн консультации специалистов банков, рейтинги, специальные предложения, новости и полезные советы по управлению личными финансами.
Главная страница сайта, не жалея пикселей, демонстрирует все это разнообразие:
Главная страница
В новостях на сайте применены двойные переключатели: по первому клику на такой переключатель отображаются анонсы новостей раздела, а по второму — осуществляется переход в этот раздел.
Поиск подходящих банковских продуктов прост и удобен: кто-то выберет знакомые слова и цифры сам, а кто-то предпочтет просмотреть популярные запросы (на картинке не показаны):
Список кредитных карточек
Страница банковского продукта удобна для беглого чтения с остановками на важных параметрах и условиях кредитов, депозитов или платежных карточек. Пользовательский рейтинг, последние новости по теме, ссылка на отделения банка, где предоставляют заинтересовавший продукт и подборка других похожих продуктов помогают сделать правильный выбор.
Страница с описанием кредитной карточки
Страница банка запросто заменит последнему собственный сайт — она проста, наглядна и содержит исчерпывающую информацию об учреждении, активах, отделениях и банкоматах, аффилированных компаниях, истории, пресс-релизах и продуктах.
На сайте можно найти отделение банка, обменник с хорошим курсом или банкомат с функцией приема денег поближе к дому. В списке банкоматов посетитель найдет телефон, по которому нужно звонить, если банкомат съел карту, а в списке обменников — официальные курсы Нацбанка.
Поиск банкомата поближе к дому
Основная идея сайта — это не только информация о доступных финансовых продуктах, но и сравнение последних с целью выбора наилучшего.
Сравнительная таблица
Как показал опрос, проведенный дизайнерами среди ничего не подозревающих программистов и партнеров Студии, так продукты сравнивать действительно удобно.
Новости и публикации разложены по полочкам и аккуратно сверстаны:
Страница новости
По окончании работ все 19 страниц сверстали, проверили в браузерах и с краткими рекомендациями передали заказчику, который и осуществил внедрение дизайна.