モバイルファーストサイト100選 その14 LINE診療のヤックル
LINEを使ったオンライン診療のサイトです。
こちらもSTUDIOの作成例から引用してきました。
STUDIOはノーコードツールなのに、たくさんの機能があるのが特徴の一つですが、
その機能を全く活用していませんね(笑)
いさぎよしというか、シンプルすぎて、
素晴らしいと思います。
![ヤックル](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/831dbac0-1c5c-4277-9b97-dd46883dfc05-1024x513.jpg)
色
ここで使われている配色はこちら
![配色](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/スクリーンショット-2023-12-30-213627.jpg)
配色も青で統一されいて、余計な色がありません。
緑だけ、誘導ボタンの色に使われています。
これもLINEの緑ではなく、サイトに合わせた緑になっていますね。
上の配色には含まれていませんが、
アクセントカラーで黄色が使われています。
番号は#FFE248ですが、インラインのような感じで、
文字の強調に使われています。
多用されていないのも良いですね。
![sp1](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/sp1-5-394x1024.jpg)
![sp2](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/sp2-3-295x1024.jpg)
![sp3](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/sp3-3-307x1024.jpg)
フォント
本文に使われているフォントは Noto Sans JP
ほとんどこれですね。
フッターの企業名が Lato
Q&Aのアイコンなどの英数字が Poppins です。
見出しや全体の前半はほぼ画像でできていますね。
文字が出てくるのは後半だけです。
何か訳があるのでしょうかね?
構成
完全にモバイルの表示のみ、という振り切ったサイトです。
PC時の背景もありませんし、最初から幅535pxぐらいで作っています。
pc、タブレットの表示を作らないのは、
シンプルを追求したからでしょうか?
予算的な問題でしょうか?
気になるところです。
サイト内リンクのナビも無く、
外部へのリンクもありません。
余計な情報が一切無いので、
判りやすいと言えば判りやすい。
しかし、このシンプルさで
クライアントやお客様の
反応はどうだったんでしょうね?
これも気になります。
もしこれぐらいの情報量で充分なのであれば、
こっちの方がずっと良い気がします。
いつかこんなシンプルなサイト、
作ってみたいなと思いました。
![シンプル](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/scott-webb-hDyO6rr3kqk-unsplash-1024x683.jpg)