GBC Bank

Case Study

GBC Bank

Case Study

Project Goal

Reasons for redesigning a website vary, depending on the specific marketing goals of your business. The most common reasons are to rebrand your site, increase your traffic, generate more leads, and add functionality to improve the user experience. Your business goals will determine the scale of your website redesign.

  • Improved branding. An updated website will help reinforce the consistency of your brand.
  • Better search engine rankings. Having a well-designed website also means better SEO.
  • Improved information flow.
  • More leads and sales.
  • Increase revenue and reduce costs.

Design Process

Building a website isn’t easy. There are many websites with good content, but the design is poor. Also, a site with good design lacks maintenance. Web development isn’t about implementing the codes on a website; web design also plays an essential role in the development process.

User research, user flows & user journey refinement

UX strategy improvements & recommendations

Persona review &
suggestions

Digital wireframe suggestions (mid-fi) can you find icons for me on this svg

User research, user flows & user journey refinement

UX strategy improvements & recommendations

Persona review &
suggestions

Digital wireframe suggestions (mid-fi) can you find icons for me on this svg

Process

There will always be aspects of web design that are never going away – user-friendly navigation, data security, and fast load times should just be a given on your website. However, you can keep your site at the forefront of design and search engines by adding some of these innovative website features and elements.

Bold Color

Colorful minimalism goes hand-in-hand with one of 2022’s most prominent web design trends: color! Bold, bright, saturated colors help your brand stand out from the soft neutrals that many companies have chosen over the past few years.

Website Load Time and Page Speed Are King

One of the most important web design standards is ultra-fast load time. Quick loading times have been essential factors in UX and SEO for years, and it continues to be a top priority for websites that want to rank well and convert better. Studies say that more than half of internet browsers expect a website to load fast and no more than two seconds after clicking a link. If it takes more than three seconds to load your site, your visitors most likely will leave, and it’s not likely they’ll be back, ever again! Website performance has a direct impact on a companies bottom line. Pinterest reduced perceived wait times by 40%, and this increased search engine traffic and sign-ups by 15%.

Smart Content Load for a More Enjoyable User Experience

Many of us might be guilty of having resource-heavy websites with many graphical elements and third-party integrations that can slow our sites down. Fortunately, there are many different ways to develop smart websites that download only the content that you see and need. Lazy loading and infinite scroll are not brand new technologies. The top social networks have been using this for years, especially when it comes to infinity scroll. The approach is also popular with long (one) page websites. All websites should consider how implementing one or two technological approaches might help them outrank or outperform there competition. These features can help improve the user experience for all website visitors, which can improve your conversion rate and ranking.

Accessibility and Availability

Inclusivity and accessibility are more than a trend, but there is a growing need for web design to factor in the needs of people with disabilities. Having a site that every visitor can navigate and interact with is more than just part of good customer service and providing an excellent experience. It can increase conversion, boost your SEO, and help you reach a bigger audience.

Elements that improve accessibility include:

Chatbots Become Human-like

Chatbots are another feature that has been popular for a few years and will continue to be relevant in 2022. As artificial intelligence and machine learning continue to get more sophisticated, we expect to see chatbots become the norm for simple customer service requests and “personal shopping.”

For example, if a customer visits your website, looking for phone support and the chatbot knows they have an available free phone upgrade. The chatbot can let them know about the upgrade. This can lead to a positive experience for the customer and save the business the customer support cost associated with talking to a live person.

Logo Design

Logo and colors must present the bank as trustworthy and professional. A logo is the heart and soul of your bank, the image that differentiates you from other financial institutions.

Minimum Size

The registered trademark symbol should be on the logo every time used. The relationship between the a and the logo is relative in order to maintain legibility in all sizes. Thee scale separately from the logo when it appears smaller than 60 px tall. At sizes smaller than 60 px tall, the • will always be 5 px tall. At sizes larger than 60px, (this ratio is reflected in the standard logo files available to employees and partners).

Color psychology

A logo’s color can say a lot about a brand. For established brands, a color can be intrinsically linked to the business’s identity.

Blue is by far the most popular choice of logo color. Blue is an inoffensive color, a safe but sophisticated hue.

Color psychology OF BLUE

Blue calls to mind feelings of calmness or serenity. It is often described as peaceful, tranquil, secure, and orderly. Blue is often seen as a sign of stability and reliability. Businesses that want to project an image of security often utilize blue in their advertising and marketing efforts.

Color psychology OF WHITE

White represents purity or innocence. While a bride wearing white was often thought to convey the bride’s virginity, blue was once a traditional color worn by brides to symbolize purity. White is bright and can create a sense of space or add highlights

Typography

Typography, the design, or selection, of letter forms to be organized into words and sentences to be disposed in blocks of type as printing upon a page. In essence, typography is the art of arranging letters and text in a way that makes the copy legible, clear, and visually appealing to the reader. Typography involves font style, appearance, and structure, which aims to elicit certain emotions and convey specific messages

Gilroy Free Font Family is a modern sans serif with a geometric touch. An older brother of the original Qanelas font family. It comes in 20 weights, 10 uprights and its matching italics. The Light & ExtraBold weights are free of charge, so you can use them to your heart’s content.

Designed with powerful OpenType features in mind, each weight includes extended language support (+ Cyrillic), fractions, tabular figures, arrows, ligatures and more. Perfectly suited for graphic design and any display use, Gilroy could easily work for web, signage, corporate as well as for editorial design.
Regular Bold

1234567890
abcdefghijklmnopqrstuvwxyz

Design System

User Interface (UI) Design focuses on anticipating what users might need to do and ensuring that the interface has elements that are easy to access, understand, and use to facilitate those actions. UI brings together concepts from interaction design, visual design, and information architecture.

Text Area, Boxes And Sections

Here you can find up-to-the-minute news and analysis of the company that you are researching for potential investment opportunities. Trending Stocks and promotions.

Screens

A mockup is an artistic rendering of a design or product that showcases said product in action. A mockup can be a model, image or scene of a proposed design or product, and they’re often used for demonstration, education or promotion.

A mockup is a staged photo that you can overlay designs onto. Mockups showcase your designs in a real-life setting but you don’t have to create the real-life setting yourself. They are useful if you need to create “scenes” containing your artwork. They can also be used for branding or to create promotional photos.

Existing Screens

No matter what your company size or industry is, though, it’s crucial that you take a strategic approach to your website redesign. Know what isn’t working, what does currently work, and what goals you wish to achieve.

Wireframes

User Interface (UI) Design focuses on anticipating what users might need to do and ensuring that the interface has elements that are easy to access, understand, and use to facilitate those actions. UI brings together concepts from interaction design, visual design, and information architecture.

New Screens

User Interface (UI) Design focuses on anticipating what users might need to do and ensuring that the interface has elements that are easy to access, understand, and use to facilitate those actions. UI brings together concepts from interaction design, visual design, and information architecture.
We use primary colours to a modern mix of red and blue, plus all-new photography. We utilized new sharpe images of military professionals, combined with Helvetica Neue typography against ample white space.

Banking Industry Challenges

The banking industry is undergoing a radical shift, one driven by new competition from FinTechs, changing business models, mounting regulation and compliance pressures, and disruptive technologies.

The emergence of FinTech/non-bank startups is changing the competitive landscape in financial services, forcing traditional institutions to rethink the way they do business. As data breaches become prevalent and privacy concerns intensify, regulatory and compliance requirements become more restrictive as a result. And, if all of that wasn’t enough, customer demands are evolving as consumers seek round-the-clock personalized service.

These and other banking industry challenges can be resolved by the very technology that’s caused this disruption, but the transition from legacy systems to innovative solutions hasn’t always been an easy one. That said, banks and credit unions need to embrace digital transformation if they wish to not only survive but thrive in the current landscape.

  • Increasing Competition
  • A Cultural Shift
  • Regulatory Compliance
  • Changing Business Models
  • Rising Expectations
  • Customer Retention
  • Outdated Mobile Experiences
  • Security Breaches

Solutions

When it comes to banking and financial apps, ensuring that the user completes all its essential tasks in time becomes crucial. Finding the right balance between screen times and enhancing the transaction times in banking apps are two significant enhancements you can make in your banking app.

When financial app users experience a problem within an app, 9% of users give up while 35% seek help, and the other 23% temporarily give up but try to seek help later. Out of those trying to seek help, most users try to speak directly to the customer care executive. A range of obstacles prevents them from finding the support they need, ending in a dead-end experience.

A wide range of causes for dead-end problems was identified. The most common of them was the user calls being dropped or disconnected, or users merely hanging up while waiting on hold because of the long wait time. Another 27.6% are stuck with customer care executives lacking knowledge or authority to help.

Get a quote

Email

Info@4unction.io

Phone

+1 (512) 910-5255

Address

4201 Main St, Houston, TX 77002

Get a quote