見出し画像

#1日1サイトレビュー Day23 モバイルPASUMO

URL / https://www.pasmo.co.jp/mp/and/

【概要】
モバイルPASMO公式Webサイト。

【サイト全体の印象】
・構成がシンプルで分かりやすい!
→モバイルPASMOの利点がイラストで説明されていて、良く読み込まなくても一目で理解出来る。

→「モバイルPASMOを使う」「チャージ」「各種手続き」と使ううえで知りたい情報がセクション分けされ、自分の知りたい情報に迷うことなくアクセスすることが出来る。

・リンクやボタンのホバー時に少し大きくなり色も変わるため、カーソルがどこにあるか分かりやすくクリック間違いを起こしにくい。

・それぞれリンク先に飛ぶと、文字だけでなくスクショのような画面の画像と共に説明文が記載されているため、初めてでも分かりやすい。

・1スクロールごとの情報量が抑えられていて読みやすい。

【ターゲット(仮定)】
・現在の電子PASMOユーザー
・新しくPASMO利用を考えているユーザー

【使用フォント】
YakuHan JP
→日本語の約物だけが入っている珍しいフォント。
括弧や句読点などに含まれる余白が半角相当になり、日本語文字組が非常に読みやすくなる。

【カラー】
背景色:白
メインカラー:ピンク#eb6ea5(PASMOカラー)

【レスポンシブ 】
PCでは横並びの情報も全て縦並び。横一杯に情報が広がり読みやすい。

画像1


この記事が気に入ったらサポートをしてみませんか?