Bankrate.com

Mobile First, Native iOS/Android & Responsive Website Redesign

Bankrate.com required a redesign of the home pages, sub sections, and creation of consistent,  core pages templates from a mobile first perspective. A visual design refresh of prioritized key pages. Consolidation of existing sites into a unified site and single navigation structure. A visual refresh implemented across all pages leveraging an established style guide and pattern library.

 

In addition the design and strategy of native iOS & Android app providing the most useful consumer focused financial tools in a intuitive interface.

 

case study

Developed a unified, modern & mobile first experience to enable an intuitive experience for Bankrate’s 45 million monthly users.

About bankrate.com
Bankrate, Inc. (NYSE‎: RATE) have over three decades’ experience in financial publishing. With over 46 million monthly unique visitors. Bankrate, Inc. is the Web’s leading aggregator of financial rate information, offering an unparalleled depth and breadth of rate data and financial content. Bankrate continually surveys approximately 4,800 financial institutions in all 50 states in order to provide clear, objective, and unbiased rates to consumers.

Hundreds of print publications depend on Bankrate.com as the trusted source for financial rates and information, including the top 10 newspapers in the country, including The Wall Street Journal, USA Today, The New York Times, The Los Angeles Times and The Boston Globe. And you will see our data frequently referenced on CNNCNBC, Fox Business News, ABC News and many other major broadcast news outlets.

Accomplishments
  • Led a multifunctional team to develop and deploy the mobile web strategy
  • Responsible for beginning to end web visual architecture, UI/UX translating into a contemporary modern mobile experience – which increased user conversation rates by 22% with additional revenue of over 10M annually
  • Developed user personas, journey maps, wire frames and site maps, use cases / scenarios, moodboards / storyboards, and design specification
  • Developed final high-fidelity assets to engineering for final deployment.
  • Defined functional and business requirements for new interactive tools enabling users to search and retrieve desecrate financial information in a fluid manner
  • Lead team in the design and development of a suite of iOS/Android mobile and tablet application development
  • Conceived the design and architecture as well as a rich user experience tied to a modern and new user interface
  • Standardized UI/UX across all platforms, properties and future project
Role
Principal IA UI/UX Strategy & Design
Creative Direction
Hands-on UX/UI Design
Design System
Mobile Design
DELIVERABLE

Competitive Benchmark/Landscape Study, Stakeholder Interview, Requirements Gathering, Personas, Moodboard, Sketching, Design Comps, Prototype, Final High-fidelity Assets, Wire Frames, Site Maps, Design Specifications, Style Guides

Tools
Adobe Creative Suite:
Photoshop, Illustrator, InDesign, Flash

Sketch & Invision

Keynote

Final Cut X, Motion

challenge
Bankrate had not undergone a design refresh in over 12 years. I was hired to lead the visual design team and provide creative direction and build the UX practice to bring the company’s primary web destination into current mobile first standards. In addition I developed the company’s 1st native mobile apps for iOS and Android platforms.
Contribution
I was responsible for all creative direction, information architecture, UI/UX as well as hand-on graphic design and website visual design. I designed and developed everything from high-level site maps, detailed wire frames to fully realized user interface designs delivering visual assets, CSS based style sheets & design specifications.

A few quick stats regarding Bankrate.com:

%

Conversion Rates Improved During My Tenure and Contributions

Monthly Unique Visitors in Millions

Represented Financial Institutions

Financial Institutions

Interface Design

Interface Design

Lead hands-on redesign effort to bring Bankrate.com and Interest.com into contemporary design standards enable users to consume information more easily increasing traffic and time spent on sites.

Rebuilt From the Inside Out

Introduced HTML5 and CSS3 into work-flow and site design enabling responsive design, faster loading pages and a more consistent and stable experience.

A/B Testing Leads to Better Design

Worked closely with the analytic department to design interactive widgets which lead to higher user conversion rates and improved user experience.
Bankrate.com: Website Layouts & Designs
Bankrate.com: Website Layouts & Designs
Bankrate.com: Interactive Display & Banner Adds
Interest.com: Website Layouts & Designs

Wire Frames, Specifications: Web, Tablet, Smartphone

Bankrate: Full Page Layouts
Bankrate: Global Navigation, Landing Page Redesign
Bankrate: Mortgage Gearbox
Interest.com: Mortgage Gearbox
Interest.com: Mortgage Calculator
Bankrate: New Real Estate Flows Product

Mobile And Tablet Work at Bankrate

Adaptive Design, Tablet & Smartphone Refresh

Lead team in the design and development of a suite of iOS/Android mobile and tablet application development.

Thoughtful consideration throughout the design process to assure an optimized experience tablet, smartphones and desktop.

Responsive Design - Designed for Mobile

Designed and developed mobile responsive initiative, the 1st iteration in the companies history for its flagship product Bankrate.com.

A/B Testing Leads to Better Design

Worked closely with the analytic department to design interactive widgets which lead to higher user conversion rates and improved user experience.
Bankrate.com: iOS iPad Mortgage App
Bankrate.com: Native iOS App vs Responsive Web Experience
Bankrate.com: Native iOS Walk-through v1.0 | View In Lightbox
Bankrate.com: Native iOS Walk-through v.2.0 | View In Lightbox

Bankrate.com: Mobile Web Site Map: Core Pages

Bankrate.com: Mobile Web Site Map

Bankrate: Tablet Layouts & Breakpoints

Bankrate: Mobile Responsive Web Layouts

Bankrate: Smartphone Layouts

Bankrate: Global Navigation, Landing Pages Style Guide

Let’s make something amazing together

Name(Required)
Email(Required)
Message
Location

111 Bowery, 2nd Floor
New York, NY 10002

Phone/WhatsApp

+1 (936)548-2264

Powered by

The end-to-end portfolio, gallery, artists or creative professional
multi-user, online asset management platform.

Copyright 2024 © Robert Santoré dba Man Rabbit House LLC | Privacy

Portfolio: HLK Agency: Apple VisionPro learn more