CHAPTER 05 / 07
3 MIN READ

Error Pages

Two lending brands, two 404 metaphors, shipped static and animated.

CLIENT
Blue Trust Loans · MaxLend
YEAR
2019–2022
ROLE
Design Lead
DURATION
2019–2022
TEAM
—
STACK
Adobe XD · After Effects
Status · Shipped
SCREENS01 / 06
Blue Trust Loans: 404 hero · looping animation▶ AUTOPLAY · LOOP
Blue Trust Loans: 404 desktop · rocket through cloudsFIG. 02
Blue Trust Loans: 404 mobileFIG. 03
MaxLend: 404 hero · looping animation▶ AUTOPLAY · LOOP
MaxLend: 404 desktop · UFO + Beam Me HomeFIG. 05
MaxLend: 404 mobileFIG. 06

404 surfaces for two lending brands. Each pair carries a distinct visual metaphor (a rocket lifting through clouds for Blue Trust Loans, a UFO beam-me-home for MaxLend) and ships in both static and animated variants for desktop and mobile.

DESIGN NOTES
  • 01BriefMake a moment of failure feel like a small gift
  • 02ConstraintsMust work with no JS · animation as progressive enhancement
  • 03ReachBoth 404 routes ship as default in production
  • 04NoteEach brand keeps its own metaphor, never reused across clients