グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューでは、スマートドライブが開発したサービスを紹介しています。空中から俯瞰した映像を流しています。グローバルナビにてスマートドライブの会社情報、事業内容などを案内しています。トピックスとして、スマートドライブからのお知らせを掲載しています。トップページの中央に、スマートドライブの事業内容をイラスト付きで掲載しています。下層ページより、スマートドライブの求人情報および採用プロセスを見ることができます。社内の雰囲気のわかる画像を貼っています。パブリケーションのページでは、スマートドライブのスタッフブログやマガジンについて紹介しています。
執筆者
カテゴリ
基本情報
システム開発会社に関連するデザイン
-
「ROOV」のホームページデザイン解説ファーストビューではタブレットによる操作画面のムービーが流れ、背景のマンションの写真やちりばめた写真と合わせて、タブレットでマンションの内覧ができるシステムを端的に紹介しています。グレーやネイビーの落ち着いた色使いを中心にかっちりとした印象...
-
「株式会社セキュアサイクル」のホームページデザイン解説ファーストビューにはコンセプトメッセージが掲載されています。また私たちのサービスというタイトルのもと、詳細ページへ飛ぶことができるようにリンクが設定されています。お知らせおよびイベント・講演については日付とタイトルが整列しており統一感があり...
-
「株式会社GIG」のホームページデザイン解説黒と白を基調としたモノトーンな印象のホームページです。トップページ上部にはスクロールの案内がありスムーズに下部ページへ誘導しています。各サービス紹介では関連画像とタイトル、紹介文が掲載されています。詳細ページも用意しておりページ回遊率を高め...
コーポレートサイトに関連するデザイン
-
「西山製麺 ドイツ法人」のホームページデザイン解説画面中央に大きく配置された企業ロゴと、暗がりの中から浮かび上がるように配置された麺の写真の組み合わせで、画面全体にまず重厚感を与えています。ブラックに近いダークグレーの背景に、麺の色を思わせるベージュのテキストが映え、見出しのアクセントに添...
-
「エッグフォワード」のホームページデザイン解説トップページは柔らかく明滅するオレンジのドットのアニメーションをバックに、グレーとオレンジのフォントで力強く書かれたメッセージと写真で構成されたスライドショーが目を引きます。グレーをベースに、オレンジをアクセントにした鮮やかな色使いですが、...
-
「STRIVE」のホームページデザイン解説サイトにアクセスするとまずブラックの背景の上を画面いっぱいに拡大した企業ロゴが走り、画面が反転するとロゴの一部がグラデーションになって背景に固定され、その上にキャッチコピーが重なるファーストビューです。ゆっくりと色が変わるグラデーションのラ...
グリーンを使ったデザイン
-
「健腸ナビ」のホームページデザイン解説画面左にタイトルと導入文、右側にスライドショーを配置したシンプルな構成ですが、自然光を感じる明るい色彩の写真を大きく使い、フォントの大小でコントラストをつけたコピーはマージンを大きく取ることで、フレッシュですっきりとした印象を感じさせます。...
-
「新つくば 茨城県つくばエクスプレス沿線移住情報サイト」のホームページデザイン解説角を丸くトリミングしたスライドショーの写真と、画面左のナビゲーション濃いグリーンがマッチして、一目でナチュラルで自然豊かなイメージを与えてくれるファーストビューです。シンプルにグリーンのラインを引いただけの見出しとマージンを大きく取ってすっ...
-
「wanna manna」のホームページデザイン解説画面右にナビゲーションメニューを配置し、中央に大きくスライドショーを配置したレイアウトで、次々に台湾料理の写真のアップが入れ替わる様子が食欲をそそります。コンテンツは濃いグリーンの明朝体のテキストを中心にした落ち着いた雰囲気で、料理紹介では...
堅め・信頼感なホームページのデザイン
-
「済生会横浜市東部病院」のホームページデザイン解説ホワイトに淡いブルーのグラデーションを組み合わせた背景の色使いが、医療機関らしい清潔さをまず感じさせます。メインビジュアルはブラックのフォントに手書きのブルーの文字を組み合わせ、グラデーションのボタンを組み合わせたさわやかなイメージの上に、...
-
「One Day Dental」のホームページデザイン解説サイトを開くとまず表示されるスライドショーは、ビジュアルの上に予算別のコースを表示して、治療にかかる大まかな金額を最初に表示することでユーザーの選択を促しています。ホワイトに濃いネイビーのコントラストの強さが、堅実さを清潔感を感じさせる色使...
-
「JAXA 有人宇宙技術部門」のホームページデザイン解説ファーストビューでは画面全体に表示された宇宙ステーションの写真のスライドショーと、その上に重ねられた太字のキャッチコピーが、力強いメッセージ性を感じさせます。各コンテンツの見出しは施設名は大きく写真に重ね、トピックスの見出しはやや小さくマー...
