flowfuse icon indicating copy to clipboard operation
flowfuse copied to clipboard

Improve our 404 Page

Open joepavitt opened this issue 1 year ago • 7 comments

Description

Our in-app 404 page right now is very poor, and relatively easy to come by. With the new "Plain" layout introduced by @cstns, we have an easy win to improve our 404 page.

Things to keep an eye on:

  • back button
  • home button
  • sometimes there's not team selector (check users that don't have teams assigned)

Which customers would this be available to

All

Have you provided an initial effort estimate for this issue?

I have provided an initial effort estimate

joepavitt avatar Apr 25 '24 08:04 joepavitt

Current design: image

cstns avatar Apr 25 '24 08:04 cstns

Will use the plain layout and add a home and back buttons

cstns avatar Apr 25 '24 08:04 cstns

Was about to raise this issue. I see this page fairly often and it does zero to inspire me.

Any objections to something a bit more fun / fancy? Nothing crazy, but IMHO, adding a couple of links to back/home is still a bit sterile. There are loads of fun 404 pages (and still professional)

Steve-Mcl avatar Sep 27 '24 11:09 Steve-Mcl

Yep - crack on @Steve-Mcl

joepavitt avatar Sep 27 '24 11:09 joepavitt

@Yndira-E, whenever you have some time, I'd love your input with something flow-fuse themed

cstns avatar Sep 27 '24 12:09 cstns

One idea I had was something similar to our excellent home page video animation that draws a Node-RED flow and deploys it.

image


For example, an animation that draws an inject -> http request -> debug, deploys, then the mouse presses inject, the debug outputs 404 or "Four oh Four!" or something whimsical.

Of course we can include some static text: some self deprecating reason apologising for the missing page and how we are already busy looking for it (light hearted stuff).

Steve-Mcl avatar Sep 27 '24 12:09 Steve-Mcl

How about something like this? Screenshot 2024-09-30 at 15 45 56

Figma file here.

Yndira-E avatar Sep 30 '24 14:09 Yndira-E