初見で『これちゃんとしたサービスだな』と感じさせたい
10個のコンポーネント
ページ最上部。ロゴ・ナビ・CTAを置く場所
ヘッダーが無いサイトは存在しない。これは空気みたいなもの。
ファーストビュー。サイトを開いて最初に目に入る大きなエリア
ヒーローの完成度 = サイト全体の第一印象。ここで8割決まる。
ページ最下部。リンク集・会社情報・SNSリンクを置く場所
フッターがしっかりしてると『ちゃんとした会社だな』って安心感が出る。
ホーム > カテゴリ > 記事 のような現在地表示
これがあると『ちゃんとしたサイト構造だな』と思われる。無いと迷子になる。
データ読み込み中の仮置き表示。灰色のブロックがアニメーションする
スケルトンがあるだけで『ちゃんとしたサービスだな』と思われる。無いとアマチュア。
画面端に一時的に表示される通知メッセージ
操作フィードバックの基本。これが無いと『保存できたの？』って不安になる。
データが無い時の表示。イラスト + メッセージ + アクションボタン
空状態をケアしてるアプリは少数派。これがあると『細部まで考えてる』と思われる。
操作完了後の成功/エラー/404を全画面で表示
完了画面が丁寧だと『最後まで考えられてるな』の印象。404の出来も意外と見られる。
© 2026 VibeDex. All rights reserved. の表記
法的に必要だし、あると『ちゃんとしてる』感が出る。無いと素人っぽい。
コンテンツ間の水平/垂直の区切り線
地味だけど無いと要素がくっついて見える。レイアウトの呼吸に必要。