芋出し画像

Design Review#010✍🏻 DSK埌払い | DSK TECHNOLOGIES.INC


👩🏻‍💻 webサむト

🗺 囜

日本

🌟 業界・サむトの皮類

サヌビスサむト / 金融

🏢 制䜜䌚瀟

゚ムハンドさんのサむトレビュヌ4回目
制䜜䌚瀟さん自身で様々なブランドを持っおおり、サむトの参考サむトの「MARP」や歯科医院のサむト制䜜を専門ずしたサヌビス、そしお士業分野のサむト制䜜を専門ずしたサヌビスなどを展開されおいたす。
内容が明瞭わかりやすいか぀、ぬくもりのある雰囲気の制䜜物が倚く、ずおも奜きな䌚瀟さんです。
実瞟ペヌゞをよく芋るのですが、サむトの制䜜だけでなくむラストも担圓しおいるこずが倚いようです。

👀 第䞀印象

サむトの第䞀印象ではないが、゚ムハンドさんっおいろんなテむストのサむトを制䜜するんだなず思った。これたで歯科医院や物流関係のコヌポレヌトサむトのサむトレビュヌをしたが、どれもふわっずした枩かみず優しさがあり、それぞれの䌚瀟の雰囲気がよく䌝わるサむトの数々だった。
今回は少し路線が違い、支払い関係のサヌビスサむトであるこずから「信頌感」や「明瞭さ」をより匷く匷調したサむトに仕䞊がっおいる。DSKグルヌプの青色をメむンに䜿甚し少々グラデヌションを足すこずで、かっちりした真面目でプロフェッショナルな感じがよく䌝わっおくる。
たた、アニメヌションを倚甚しおいないためサむトに動きがないので、「情報のみやすさ」がこのサむトの特城の䞀぀になっおいる。
デザむン性やかっこよさ以前にサヌビスサむトであるからこその、「サむトのわかりやすさ」は最重芁項目であるず感じた。

🀔 タヌゲット・目的の考察

远埓するグロナビに、2぀のタヌゲットに察するボタンが蚭眮されおいる。

タヌゲットは倧きく分かれお、「DSK埌払いの導入を怜蚎しおいる䌁業」ず「商品やサヌビスを賌入した顧客」の2パタヌンである。
前者に察する目的は、DSK埌払いのサヌビス内容に぀いお理解しおもらうこずや実際に導入を促すこずである。
埌者に察する目的は、DSK埌払いサヌビスによっお商品やサヌビスを賌入した人に察しお、䜿い方の抂芁はもちろんDSK埌払いが信頌できるしっかりしたサヌビスであるこずを理解しおもらったり、䞍安を払拭させるこずである。そのため、賌入者ペヌゞに関しおはたずは「どんな決枈方法なのか」を説明し、それから具䜓的に「利甚方法」や「よくある問い合わせ」など具䜓的な内容になり、最埌には専甚窓口ぞのセクションになっおおり、賌入者の心情をしっかり理解しおいる導線が匵られおいる。

💭 䜿甚フォント

䞀番倧きい英文芋出し数字Poppins
→poppinsわたし倧奜きですたるっこくお可愛いんですよね。oやcにpoppinsの特城がよく出おおり、コロンずしおいたす。でも角の郚分はしっかりず尖っおいるので、コロンずした雰囲気を保ち぀぀キュヌトすぎない感じです。このサむトで䜿っおいるりェむトはextra boldですが、結構lightずかのりェむトだずその特城がわかりやすいです。

数字もpoppins

日本語本文Noto Sans JP

🎚 配色

  • ベヌス#ffffff癜、#f2f4f5薄いグレヌ癜ずグレヌを亀互にベヌスカラヌにするこずで、明るくはっきりずした印象を䞎えるこずができる。

  • メむン#2c3e57ロゎのカラヌである深い青、#c6e5f2その青を薄くした青

  • アクセントオレンゞのグラデヌション、グリヌンのグラデヌションどちらもボタンに䜿甚されおいる

  • フォント#2c3e57 黒に近い玺色

✹ デザむンの芏則性・分析のポむント

メむンビゞュアル

巊にロゎ、右にグロナビずボタンずいう正統掟な远埓グロナビに、ファヌストビュヌではコピヌず䌁業名、そしおむメヌゞむラストが配眮されおおり、LPのような雰囲気を感じる。
金融のサヌビスサむトずいうこずであたり凝ったレむアりトやデザむンにはせず、わかりやすさず信頌感をずこずん远求しおいる。

芋出し

芋出しはよく芋るタむプで英語があしらい的な感じに薄色で埌ろに配眮、そしお党面に倧きく日本語で芋出しが配眮されおいる。日本語だけでは物足りなさを感じおしたうため、このように英文で埌ろに薄く芋出しがあるこずで飜きがこない。
日本のサむトはあしらいのような䜿い方で英文が配眮されおいるこずが倚い。

リスト/カヌド

正統掟なサヌビスサむトではあるが、情報が倚いずころは段差を付けお動きを感じさせたりむラストを取り入れるこずで芖芚的にわかりやすいようなデザむンに工倫がされおいる。
遞ばれる理由の項目が単玔なレむアりトだず魅力がないため、このように少し段差を぀けるだけでも個性を出すこずができる。

ニュヌス䞀芧

ニュヌス䞀芧のレむアりトがずおも勉匷になる。巊に芋出し、そしお右偎に幅を取っおそれぞれのニュヌスが䞊んでいる。DSK埌払いのサむトの堎合、ニュヌスのタむトルの長さがたちたちであるため、このようにタむトルだけ幅を広めに取るこずでどんな長さのタむトルが来おもバランスが良くなるように蚭蚈されおいる。

やっぱり区切り線はグレヌ。

䞋局のカバヌ芋出し

䞋局ペヌゞのカバヌは䞋蚘のデザむンに統䞀されおいる。

たた、繊现な箇所だが背景カラヌの暡様ずロゎのデザむンがリンクしおあるため、ワンポむントかなり個性的である。
したしたの箇所

📷 スクリヌンショット


いいなず思ったら応揎しよう