シルスプのブログ
50代女性の生き方
UIアウトプット

【UIアウトプット】DailyUI #008 404 Page Design

DailyUI #008 404 Page Designイメージ画像

【UIアウトプット】DailyUI #008 404 Page Design

シルスプのブログにようこそ

Daily UIの7日目の課題は、404 Page Design

そうです。検索している時にたまにリンク切れのが起こっている時に
出るあれです。

ほんとがっかりしますよね。
離脱も起こるのでリンク切れが内容にしたいですね。

Daily UI
https://www.dailyui.co/

1.課題 404 Page Design

私の場合は、検索するのはPCの方が多いのですが、
せっかくだから、スマホ版の404 Page Designを作ろうと思います。
サービス内容は、DailyUI #005、006、007と同じく
40~50代のマッチングアプリを想定。
イメージカラーは、緑 で設定します。
サービス名は、Re:Meet(リミート)で制作します。

2.取り組み

  1)調査

スマホ画面は、あまり見かけないので参考にしたのは、
PCでの404 Page Design。
カラフルで、お!こんなページに当たって面白かったと
工夫されているデザインがたくさんありました。

  2)必要項目

404 Not Found だけだと「いら!」っとするので、
私のサービスでは、マッチングしなくてさみしいっていう
感じを出すページにしようと思います。

記載する文字は、
・ERROR
     ・ページが見つかりません
     ・トップページに戻る
     ・検索画面

とします。
後は、悲しげな表現をしたいともいます。

3.作品

DailyUI #008 404 Page Design

DailyUI-008_404-Page-Design

4.感想

ゲンナリするお題だったけど、ごめんなさいを表現するのに
良い写真を見つけたとたん、楽しくなってきた。
グリーンと赤でメリハリついたし、良いんじゃない?
離れがたい「404 Page Design」になったと思う!

5.まとめ

企業の404 Page Designを眺めて見ていると、
結構縛られるものがないので、様々なデザインを見ることができた。

では、またねぇ~