【サイトレビュー#48】ユーザビリティに優れたデザイン!個人投資家のための信託サイト

こんにちは!

Webデザインアワードで入賞しているWebサイトのご紹介第48回です。

今回も引き続き「CSS Design Awards」または「Awwwards」の中から特に目に留まったWebサイトをご紹介していきます!

ご紹介Webサイト「Safe Haven」

https://safe-haven.net/investment/

今回ご紹介するWebサイトは、個人投資家のための信託サイト「Safe Haven」です。

こちらのWebサイトは、CSS Design AwardsとAwwwardsどちらも入賞しています。

▼CSS Design Awards掲載ページ
https://www.cssdesignawards.com/sites/safe-haven-investment/39301/

▼Awwwards掲載ページ
https://www.awwwards.com/sites/safe-haven-investment

真似したいポイント

ボタンをホバーした時の近づいてくるアニメーション

サイトにアクセスすると、信託サイトということで早速「I wanto to invest(投資したい)」というボタンが右に配置されています。

ボタンが大きくとてもわかりやすくていいですね。

ボタンにマウスカーソルを合わせてみると、ボタンが目のようになり、マウスカーソルに追従してきます。

「投資してほしい!」という思いが感じられ、とても面白いアイデアだと思いました。

シンプルで洗練されたデザイン

Webデザインアワードに入賞しているサイトの中では、とてもシンプルなサイトだと思います。

しかし、要所要所にアニメーションを入れていたり、レイアウトが特殊なところがあって寂しい印象は受けません。

画像はほぼ使わずにテキストが大半を占めたページですが、強調したいテキストはフォントサイズを大きくしてメリハリをつけるなどしているので読みやすいです。

すごい!と思ったポイント

実際に投資した際の想定リターンが計算できる!

トップページ中間あたりに、「投資金額」と「期間」をバーで調整することで、実際に投資した際の予想収入を算出することができます。

入力ではなく、バーを動かすだけで簡単に算出することができるので、気軽に操作することができます。

また、ページ遷移することなく算出金額がリアルタイムで表示される点も、とてもノンストレスでユーザビリティに優れているなと思いました!

まとめ

「どのようにすればユーザーが使いやすいか」を突き詰めたデザインのサイトでした!

Webサイトはユーザーに見ていただくためのものなので、ユーザビリティは常に心がけていたいです。

前回のレビューはこちら!

0

関連記事

  • 2021.07.08

    【サイトレビュー#47】デザイナーらしいこだわりが満載のデザイナー紹介サイト

    サイトレビュー

  • 2021.07.02

    【サイトレビュー#46】遊び心満載の電車にまつわる安全を学べるサイト

    サイトレビュー

  • 2021.07.01

    【サイトレビュー#45】 色や図形を上手に使ってカメラの撮り方を解説するWebサイト

    サイトレビュー

おすすめ記事

  • 2021.06.30

    【おすすめ書籍】Sassを始めてみるならこの1冊

    CSS

  • 2021.05.11

    【おすすめ書籍】この本でゼロからWebサイト制作を学びました

    CSS

    HTML5

  • 2021.06.08

    CSSだけでできる!マーカーで線が引かれているようなデザインの作り方

    CSS

    WordPress

株式会社スピカデザイン

渋谷のWEB制作会社「スピカデザイン」の現役コーダー達が、WEB制作のヒントになるような情報をお届けします。

https://spiqa.design/

spiqa_design

質問・感想などはこちら!

REQUEST

ご意見、感想や記事のリクエストなど
メッセージお待ちしております!