ファーストビューにはコンセプトメッセージが掲載されています。また私たちのサービスというタイトルのもと、詳細ページへ飛ぶことができるようにリンクが設定されています。お知らせおよびイベント・講演については日付とタイトルが整列しており統一感があります。全体としては白、緑、青を用いることでさわやかさと誠実さを演出しています。 システム関連のサービスはわかりづらい点もあるため、簡単なイラストを用い各種案内を行なっています。お問い合わせ・ご相談に関してはどんな相談を希望か簡単な説明文を加えることで問い合わせのハードルを下げる工夫をしています。
執筆者
カテゴリ
基本情報
システム開発会社に関連するデザイン
-
「ROOV」のホームページデザイン解説ファーストビューではタブレットによる操作画面のムービーが流れ、背景のマンションの写真やちりばめた写真と合わせて、タブレットでマンションの内覧ができるシステムを端的に紹介しています。グレーやネイビーの落ち着いた色使いを中心にかっちりとした印象...
-
「株式会社GIG」のホームページデザイン解説黒と白を基調としたモノトーンな印象のホームページです。トップページ上部にはスクロールの案内がありスムーズに下部ページへ誘導しています。各サービス紹介では関連画像とタイトル、紹介文が掲載されています。詳細ページも用意しておりページ回遊率を高め...
-
「ston」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、ston（ストン）を紹介しています。2本ラインのメニューボタンにてBREATHERの会社情報、サポートについて案内しています。製品サポート情報のページでは、ston...
コーポレートサイトに関連するデザイン
-
「西山製麺 ドイツ法人」のホームページデザイン解説画面中央に大きく配置された企業ロゴと、暗がりの中から浮かび上がるように配置された麺の写真の組み合わせで、画面全体にまず重厚感を与えています。ブラックに近いダークグレーの背景に、麺の色を思わせるベージュのテキストが映え、見出しのアクセントに添...
-
「エッグフォワード」のホームページデザイン解説トップページは柔らかく明滅するオレンジのドットのアニメーションをバックに、グレーとオレンジのフォントで力強く書かれたメッセージと写真で構成されたスライドショーが目を引きます。グレーをベースに、オレンジをアクセントにした鮮やかな色使いですが、...
-
「STRIVE」のホームページデザイン解説サイトにアクセスするとまずブラックの背景の上を画面いっぱいに拡大した企業ロゴが走り、画面が反転するとロゴの一部がグラデーションになって背景に固定され、その上にキャッチコピーが重なるファーストビューです。ゆっくりと色が変わるグラデーションのラ...
ホワイトを使ったデザイン
-
「かみむらスポーツ教室」のホームページデザイン解説サイトを開くと画面幅いっぱいの子供たちのムービーと、丸みを帯びたフォントのロゴにビタミンカラーのアイコンをあしらったロゴマーク、鮮やかなグリーンとオレンジのリンクボタンが目に入り、子供らしい明るく元気なイメージをまず与えてくれます。鮮やかな...
-
「JAXA 有人宇宙技術部門」のホームページデザイン解説ファーストビューでは画面全体に表示された宇宙ステーションの写真のスライドショーと、その上に重ねられた太字のキャッチコピーが、力強いメッセージ性を感じさせます。各コンテンツの見出しは施設名は大きく写真に重ね、トピックスの見出しはやや小さくマー...
-
「となりのひきだし」のホームページデザイン解説トップページに表示されたスライドショーは、引き出しを開ける両手のイラストが鉛筆書き風の素朴なタッチで描かれ、引き出しの中にスライドショーがはめ込まれています。引き出しの横にはクリップでつるされたカード風のサムネイルが表示され、サムネイルをク...
爽やかななホームページのデザイン
-
「クラウド歯科」のホームページデザイン解説サイトにアクセスするとまずクリニックのロゴが画面中央に大きく表示され、ロゴがアニメーションで崩れた後に白い歯を見せて笑う人物のイラストが次々とスライドショーで表示され、医療機関の堅実なイメージを覆すポップな印象を閲覧者にまず与えます。各コン...
-
「済生会横浜市東部病院」のホームページデザイン解説ホワイトに淡いブルーのグラデーションを組み合わせた背景の色使いが、医療機関らしい清潔さをまず感じさせます。メインビジュアルはブラックのフォントに手書きのブルーの文字を組み合わせ、グラデーションのボタンを組み合わせたさわやかなイメージの上に、...
-
「One Day Dental」のホームページデザイン解説サイトを開くとまず表示されるスライドショーは、ビジュアルの上に予算別のコースを表示して、治療にかかる大まかな金額を最初に表示することでユーザーの選択を促しています。ホワイトに濃いネイビーのコントラストの強さが、堅実さを清潔感を感じさせる色使...
