“A modern bank card for the modern world.” That line set the tone, and the layout follows it.
The hero is one pixelated card, built from small squares in lilac, lime and black. It breaks apart into the page, and the product still reads first.
The headline runs large across the left in clean type, so big the message lands before anything else. The card keeps its playful shape, and the words still lead.
Thin line icons and numbered points split the features into small, clear blocks. The busy information gets a strict structure to lean on.
A single lime button sits under the headline and marks where to go next.
The Kirkpatrick Bank homepage, replayed in about 9 seconds from the live site: wireframe, layout, content, live.
Kirkpatrick Bank is a privately owned bank that wanted a website as modern as its banking. I built it in Webflow from the approved design, page by page.
• Personal and business banking, home loans and investments, easy to compare
• Separate personal and business login entry points
• Webflow CMS for helpful videos, posts and mortgage lender profiles
What do you look for first on a bank's website?
Follow for more videos: instagram.com/sellwrightstudio · youtube.com/@sellwrightstudio