<?xml version="1.0" encoding="utf-8"?>
Uxcel
Pro MembershipFor TeamsHelp
Log inSign up

[404 Error Page] SmartBank

Quang Nguyen Tat
Quang Nguyen Tat
[404 Error Page] SmartBank
Open full project

A reassuring 404 error page for SmartBank Australia, designed to keep users engaged and confident. Friendly copy, clean layout, and a single “Return to Dashboard” CTA guide customers back to core banking tasks while subtly reinforcing the brand’s professionalism and commitment to secure, seamless service.

-Desktop 1440-

[404 Error Page] SmartBank 1

-Tablet 1194-

[404 Error Page] SmartBank 2

-Mobile 360-

[404 Error Page] SmartBank 3

Tools used

Figma

From brief

Design a 404 Error Page

Design a 404 Error Page

Topics

UX WritingUX MicrocopyContent WritingErrors

Share

Share your insights — leave a project review and help others grow their skills

Reviews

2 reviews

Seth

Seth

Mentor
UX Engineer 164 reviews

I’m quite delighted to witness the transformation of visuals in the banking and finance industry. They’re no longer rigid and corporatey(?) but they still strive to maintain security.

I like what you did with your design here, but it seems like those little humans are too happy that users found a 404 page (the one in the middle shouting “yay” 😂). Shouldn’t you give them the visuals of something more reassuring, like conveying the message “hey, it’s okay, it’s just an error. Your money is safe.”?

William Cochea

William Cochea

Pro
UX Designer 6 reviews

Hello Quang,

Great job! your page looks fantastic, and I really like the gradient you used!

I have a small suggestion regarding the tone of the message. The visual design of your page (colors, typography, and use of whitespace) feels quite polished and formal, but the tone of the text comes across as very casual. To create better alignment between the content and the visual aesthetic, you might consider using a slightly more formal or neutral tone in the message.

Also, I noticed you wrote "opps". I believe you meant "oops" or "ups," depending on the tone you're going for. Additionally, the text mixes uppercase and lowercase inconsistently. I’d recommend capitalizing only the first letter and keeping the rest in lowercase to follow standard grammar rules and improve readability.

Keep up the great work!

2 months ago
18 Claps
Average 3.6 by 5 people
5 claps
4 claps
3 claps
2 claps
1 claps
Review project and earn 100 XP

You might also like

View all
ShopUs Microcopy
Project

ShopUs Microcopy

Shivani Limbu
Shivani Limbu
When I designed the push notification microcopy for a shopping platform, my thought process started with keeping it short, clear, and action
8
2
Accessible Signup & Login Flow [Mossy App]
Project

Accessible Signup & Login Flow [Mossy App]

Melissa Guimarães
Melissa Guimarães
A clean and accessible authentication flow designed for a SaaS platform. The project explores best practices in login, registration, and pas
11
3
Pet Haven - Responsive Landing Page
Project

Pet Haven - Responsive Landing Page

Sandeep Murmu
Sandeep Murmu
Rationale for the project - When I started designing Pet Haven’s landing page, I thought about the moments pet parents face when their furry
8
2
Mobile Banking App Design Workshop Plan
Project

Mobile Banking App Design Workshop Plan

Doaa Hamdy
Doaa Hamdy
Mobile Banking App Design Workshop PlanThis workshop plan has been crafted to guide a focused and collaborative session for a Mobile Banking
8
2
Empty State design for Educational App
Project

Empty State design for Educational App

Ziyad Sayed
Ziyad Sayed
Decision Process & RationaleI started by identifying the primary purpose of these screens: to inform the user that there’s currently no data
8
2
Customer Journey Map for a co-working space that provides an offsite workplace
Project

Customer Journey Map for a co-working space that provides an offsite workplace

Valeriia Kovalenko
Valeriia Kovalenko
7
2

Content Strategy Courses

UX Writing Course
Course

UX Writing

Alesya Dzenga
Alesya Dzenga
Learn to write microcopy that communicates clearly and concisely to improve user experience, build trust, and boost conversions across digital products.
4h
Intermediate
4.7 (4.2k)
Common Design Patterns Course
Course

Common Design Patterns

Gene Kamenez
Gene Kamenez
Learn design patterns most valued in product development to create intuitive, visually compelling experiences that seamlessly blend form and function.
5h
Intermediate
4.8 (6.5k)
Reducing User Churn Course
Course

Reducing User Churn

Gene Kamenez
Gene Kamenez
Learn strategies to reduce churn and build long-term user relationships, which is crucial for improving retention and driving sustainable business growth.
4h
Advanced
4.4 (217)
<?xml version="1.0" encoding="utf-8"?>