ホワイトをベースにブルー系のカラーで統一した、インターネット・サービス・プロバイダのサイトです。ファーストビューにてサービス内容を次ぎ次ぎとスライドさせ、プラン及び料金などをアピールしています。ゴシック体のフォントを使用、濃紺のカラー部分は白抜き文字で目立たせています。トップページの右にサービス内容がわかりやすい一覧となっており、それぞれのページにリンクします。リンク先は「個人のお客様プラン」と「法人のお客様プラン」に分かれます。グローバルナビゲーションからアクセスできる、オプション並びに会員サポートも充実しています。下層ページにて「ご相談・お申し込み」へと進めます。ユーザーの知りたい情報がスッキリと整理されているサイトです。
執筆者
カテゴリ
基本情報
水道・ガス・電気・通信に関連するデザイン
-
「NTTレゾナント」のホームページデザイン解説ファーストビュー画像領域に表示された画像が切り替わる際のモーションが印象的で見入ってしまうような演出になっています。また、ヘッダーにはナビゲーションメニューがスクロール追従型で固定表示されていて、サイトの内容がわかりやすくスムーズなページ移...
-
「教えて！goo」のホームページデザイン解説メインビジュアルを排除した2カラムレイアウトで、ファーストビューでは左右に分かれたボックスに新着・急上昇の質問一案が一目で目に入ります。その下にはカード状のレイアウトを施したコラムのサムネイルが縦一列に並ぶレイアウトです。淡いグレーをベース...
-
「goo」のホームページデザイン解説画面上部に配置された検索ボックスとメインエリアには季節に合わせたイラストを背景として設置し、時節やトレンドに合わせた情報発信を期待させるデザインです。3カラムのレイアウトで左側のみ幅を狭くしバナーや文字数の少ないサービスタイトルをまとめ、最...
サービスサイトに関連するデザイン
-
「特別展アリス―へんてこりん、へんてこりんな世界―」のホームページデザイン解説ファーストビューでは画面全体にかすれたスタンプ風のグラフィックが表示され、レトロなイメージをまず与えます。ピンクとグリーンの文字が次々とスライドする上にモノトーンのテキストと写真の切り抜きが配置されたレイアウトは、展示のコンセプトの「へんて...
-
「STOCK market」のホームページデザイン解説画面いっぱいに広がるムービーと、丸みを帯びたゴシック体のキャッチコピーががころんと飛び出してくる、迫力がありつつもどこかほのぼのとしてしまうデザインが特徴です。鮮やかなネイビーをバックにホワイトのフォントのシンプルなデザインの上に写真をラン...
-
「ホホホタケ」のホームページデザイン解説ハナビラタケというキノコの栽培風景やメニューが切り替わるスライドショーの上に、ブランドロゴの「ホホホ」の文字が現れて消える、不思議な感覚を閲覧者に与えるファーストビューです。ホワイトとベージュの背景にブラックのテキストのみというシンプルな色...
ブルーを使ったデザイン
-
「済生会横浜市東部病院」のホームページデザイン解説ホワイトに淡いブルーのグラデーションを組み合わせた背景の色使いが、医療機関らしい清潔さをまず感じさせます。メインビジュアルはブラックのフォントに手書きのブルーの文字を組み合わせ、グラデーションのボタンを組み合わせたさわやかなイメージの上に、...
-
「One Day Dental」のホームページデザイン解説サイトを開くとまず表示されるスライドショーは、ビジュアルの上に予算別のコースを表示して、治療にかかる大まかな金額を最初に表示することでユーザーの選択を促しています。ホワイトに濃いネイビーのコントラストの強さが、堅実さを清潔感を感じさせる色使...
-
「SNOWS＜スノー＞」のホームページデザイン解説画面中央に大きくブランドロゴが表示され、画面が切り替わると水彩風のイラストとお菓子の切り抜き画像で構成されたビジュアルが表示されるファーストビューです。溶けた雪のような淡いブルーのグラデーションで雪のひんやり感を、濃いブルーに樹木のシルエッ...
堅め・信頼感なホームページのデザイン
- 「済生会横浜市東部病院」のホームページデザイン解説
ホワイトに淡いブルーのグラデーションを組み合わせた背景の色使いが、医療機関らしい清潔さをまず感じさせます。メインビジュアルはブラックのフォントに手書きのブルーの文字を組み合わせ、グラデーションのボタンを組み合わせたさわやかなイメージの上に、...
- 「One Day Dental」のホームページデザイン解説
サイトを開くとまず表示されるスライドショーは、ビジュアルの上に予算別のコースを表示して、治療にかかる大まかな金額を最初に表示することでユーザーの選択を促しています。ホワイトに濃いネイビーのコントラストの強さが、堅実さを清潔感を感じさせる色使...
-
「JAXA 有人宇宙技術部門」のホームページデザイン解説ファーストビューでは画面全体に表示された宇宙ステーションの写真のスライドショーと、その上に重ねられた太字のキャッチコピーが、力強いメッセージ性を感じさせます。各コンテンツの見出しは施設名は大きく写真に重ね、トピックスの見出しはやや小さくマー...
