Web Development

First State Bank is exceptionally proud of their history. To feature information about the decades of growth and change experienced by this hometown bank, we developed a timeline featured prominently on their homepage. The timeline has several types of events such as "Expansion," "History," "Technology," and "Leadership" that can be used to highlight key changes throughout the years. Each event can include an image, text or both depending on the needs.

Based on the content entered for the year of the event, Data Driven Design built a solution that will correctly calculate the positioning of the marker on the timeline while maintaining spacing between elements. We also added scrolling animations to this section so that each event slides up into place as a user scrolls down the page. With an uncluttered design, this extra detail provides a lot of punch, making the site feel more interactive and special.

Throughout the website, Data Driven Design added features to support FSB's members. Here are just a few:

• DDD integrated industry-specific calculators and styled them to match the site's branding and aesthetic.
• We made a document repository to house and share governance documents, reports and statements.
• We built a collapsible bio section that reveals greater detail about FSB's management. On clicking on a member of the management team, the bio appears and the user is scrolled down the page to view it.
• Our team coded a custom carousel, entirely from scratch, that displays credit and debit cards. The carousel transitions 3-dimensionally and uses categories displayed on the left of the screen as indicators and links.
• DDD created a one-of-a-kind footer implementation that shows a slimmed-down version until reaching the bottom of the page. We wrote all of the js to detect a user's position on the page and reveal or hide the extended footer as necessary.

For brick-and-mortar businesses, having a hub for location information is important. But for a bank that serves a community, this information is invaluable for members to identify where they can make deposits and talk to specialists about loans and credit cards. We built a place where First State Bank can maintain a growing list of new locations and to make it simple for their customers to find their nearest branches.

A unique request for First State's website was the desire to figure out a way to best serve two fundamentally different, though overlapping, sets of users. As with most banks, FSB has services geared toward both personal accounts and business accounts. In searching for the best way to accommodate serving both audiences, it fell to Data Driven Design to build a system that would naturally route people to the part of the site they favored.

Part of the site's top-level navigation was geared toward these audiences, providing a different home page for each group. The goal was to get each group to their preferred part of the site, without having to add additional clicks to their path. Our solution was to use cookies to store information about where a user had last travelled, so that it could be referenced the next time they came to the site. By default, a first-time user would be delivered to the "personal side", but if they moved over to the "business side," that information was stored for future use. The next time they visited, we could then use the cookie to direct a user to whichever part of the site they had last used.