This page is to elaborate on some of the common page layouts and features that can be found on a FIRSTBranch. In most cases the calls to action will lead to live examples that can be found on this site. However, certain features are best demonstrated with references to some of our past work to provide a variety of examples. In those cases, you will see the appropriate mobile/desktop version based on the device you are viewing this on.
List Pages
A list page is a bridge between the homepage and products. It categorizes products and services together which allows users to easily narrow down their options. It also provides an SEO boost by providing content that web crawlers use to index the website. Below are two options available for your FIRSTBranch. If a longer scroll isn't a concern, we suggest the option with images for a more dynamic layout.
Product Pages
Our product pages are optimized for conversion with the user's end goal in mind. We have developed a layout that includes essential elements such as dual call-to-action buttons, key benefits, account details, and product disclaimers. FIRSTBranches come standard with the two-up layout which has the call-to-action button and key benefits above the fold.
Details Pages
Unlike product pages that are meant to convert the user, our details pages are used to house large amounts of information that educates or informs the user. Our layouts are highly customizable which makes them perfect for pages such as About Us, In the Community, and Careers.
Page Modules
Page modules are a set of structures that can be used to make modular pages and gives more control than ever before over many aspects of how content can be displayed on a page. Many of the page modules are built to quickly replicate "custom" elements that can be found elsewhere on the site and represent a great out-of-the-box solution to create custom landing pages. Some of the things the user will have control over include:
- Section display order
- Optional sectional headlines
- Ability to include a branded background to sections
- Clickable containers
- Dynamic column scaling based on content entered
Blog
Having a blog is important for several reasons. It can be used to boost SEO, build a following, or showcase your expertise. Below are two options for blog layouts. A grid layout is recommended because it allows for more content and information on the screen at one time. Also, with this option, users can pin blog posts to the top of the grid.
Locations
Locations and hours pages are an important part of a user’s journey. This is where valuable information such as branch names, addresses, phone numbers, and hours of operation live. Our card layout conveniently packages all of that information in a way that makes it easy for the user to navigate and find what they need.
Team Listing
Having a “Meet the Team” page on your FIRSTBranch is an effective way to give your institution an accessible face. It promotes the idea of building relationships with your users by introducing them to the individuals that they'll actually be working with. Below are two layouts available to you:
- grid - good for larger teams, more condensed information, shorter page length, can link to details page for more info.
- row - good for smaller teams or higher ups, more surface information
Financial Calculators
FIRSTBranch offers 5 default calculators to get you started. We can also add additional 3rd party calculators upon request.
Rates
Our rates pages are easy for users to navigate and find information that is important to them. It is organized by products such as checking, savings, and loans. There is also a drop-down element to quickly navigate to a specific rates section.
Timeline
Our history timeline serves as a powerful tool to connect institutions to their users and the local community that they serve. Not only does it allow users to learn about an institution's culture, but it also communicates that the institution is dependable and trustworthy.
Testimonials
Social proof is more important now than ever. It builds trust towards an institution’s brand, products, and services. Below are two layout options that we can incorporate into your FIRSTBranch as either a standalone page or as an element on different pages.
Careers
FIRSTBranch provides a way to gain new valuable team members for your institution. There are also some essential elements that create a strong and compelling careers page such as:
- Institution values
- Employment benefits and perks
- Clear job titles and descriptions
- Clear call-to-action
Properties for Sale
At times, institutions acquire assets and need help selling them. FIRSTBranch has a page dedicated to helping you sell vehicles, land, homes, and much more.
Online Banking
The FIRSTBranch online banking solution displays two key features, login credentials, and a cross-sell promotion. We understand that the most common user journey begins when users log into their online banking account. Therefore, we take advantage of this by pairing a promotion alongside the log-in area for more product visibility. The FIRSTBranch login area can also accommodate multiple account logins and third-party integration.
Site Search
FIRSTBranch always strives to deliver the best user experience. Our search feature is a perfect example of this. We've made it easy for a user to obtain common information by pairing the search bar with a list of helpful links on larger screen sizes. These often include, but are not limited to:
- Lost or Stolen Card
- Rates
- Routing Number
- Locations & Hours
- Contact Us
- Frequently Asked Questions
Mega Menu
FIRSTBranch recommends a mega menu approach as the best practice for large websites. With one click, a user can see all of the options available to them instead of navigating through multiple, single layers of a traditional dropdown menu. This also eases the mental burden on a user to remember where certain links are located. Finally, because of the size of the mega menu, it provides an opportunity to add cross-sell promotions.
Cross Promotional Spaces
There are many ways to gain additional revenue and product visibility on a website. One of the most effective ways is to promote products and services on related pages or sections that the users are already viewing. FIRSTBranch makes it easy to integrate these cross-sells throughout your website, while making it easy to update for future promotions. Below are some examples.
Account Finder
Our account finder tool is an interactive way to help guide users in their decision-making process. It takes away the burden of comparing multiple account details and streamlines the process by asking users to answer a few basic questions. To best guide the user to the right account, we partner up with institutions to provide tiered questions that form a logic tree.
Video Integration
When implemented properly, videos are engaging and make it easier for viewers to digest information. Whether it be how-to, institution culture, or testimonial videos – FIRSTBranch can incorporate videos into multiple sections.
Image Gallery
Image galleries are a wonderful way to engage with your users, make your FIRSTBranch feel more local, and illustrate stories. Whatever the case may be, we have different image solutions to fit your needs.
Animation
Animations and interactions are key to today’s web experience. Not only do they give your FIRSTBranch an edge over the competition, but they can also improve user experience as well. Some extra benefits of adding these to your FIRSTBranch include:
- Improve retention and focus
- Guide users through specific journeys
- Increase time on page
Scroll through our homepage to see some of the animation we offer.
Switch Kits
A branded switch kit is created with every FIRSTBranch during launch. This interactive PDF guides users through the process of transferring accounts from one institution to another.
AudioEye
AudioEye is an accessibility plugin that we include on all of our FIRSTBranch websites. It can automatically detect and fix issues found to ensure that your website is accessible and ADA compliant. To get a better understanding of the types of things it can do, click on the blue person icon in the bottom right corner of the screen.
Cookie Consent
The cookie consent helps institutions be as transparent as possible with their users. It informs the user that cookies are collected to enhance their web experience by completing tasks such as remembering login information. Although not required by U.S law, FIRSTBranch strives to be as compliant as possible.
Site Alerts
With your FIRSTBranch, you have two site alert options depending on the use case. These alerts help you communicate information or announcements to your users without disrupting their web experience.
- High priority alerts are used in cases where there is an immediate effect on their web experience such as branch closures, online banking outage, or active fraud.
- F.Y.I alerts are for communication where no immediate action is required. These could be for upcoming planed events or new features.
3rd Party Integrations
Have a chat vendor, financial calculator, or education program in mind? We can incorporate most 3rd party vendors into your FIRSTBranch. Below are just some of the vendors that we are able to integrate with:
- Silvercloud
- Eltropy
- Banzai
- Dinkytown
- Groovecar
- TrueCar
- AutoSmart
- Auto Link
- DTN
- Curator
- Microsoft Appointments