Designing a clear FAB bank balance check guide in Figma – looking for layout and UX ideas

[Salman]

I’m working on a content-focused design project and could use some input from designers here. The idea is to design a simple guide-style blog page that explains how users can check their FAB bank balance in different situations, especially when branches are closed or not easily accessible.

From a design point of view, I’m trying to keep it very practical and readable, not flashy. Think step-by-step sections, clear headings, simple icons, and screenshots or illustrations where needed. The target reader is someone who just wants quick answers without digging through long text. I’m building the layout in Figma and experimenting with things like content hierarchy, spacing, and how much information should appear on one screen before it feels overwhelming.

A few things I’m unsure about:

• - How would you structure a guide like this so it feels helpful rather than instructional overload?
• 
  
• - Would you go with a single long-scroll layout, or break it into cards/sections that users can jump between?
• 
  
• - Any tips on designing financial-related content so it feels clear and trustworthy, especially for non-technical users?

If you’ve designed blog pages, help guides, or finance-related UI before, I’d really like to hear how you approached it in Figma and what worked (or didn’t).

 

[Fadumo]

This is a nice, very practical idea. For something like a FAB balance check guide, I’d design it around real situations rather than strict steps, so it feels helpful instead of instructional. People usually scan for their problem first, not a full tutorial.

A clean long-scroll layout works well if it’s broken up with clear headings, plenty of spacing, and simple icons. Try to keep one idea per screen so it never feels crowded. Cards can help, but mostly as visual separators rather than something users have to click through.

For finance content, trust comes from calm design and plain language. Neutral colours, readable text, and familiar examples like checking via the FAB mobile app, the online banking website, or a branch make it feel clear and reliable. If someone can find the answer in a few seconds, you’ve nailed it.
For real-world reference, you can also check out FAB Bank Balance Inquiry. It’s a good example of a focused, user-friendly page that answers a very specific question clearly, with simple language, logical flow, and no unnecessary distractions. That kind of clarity and intent is exactly what helps users find what they need quickly and builds trust in financial-related content.