グレーをベースにネイビーをアクセントにしたサイトです。ファーストビューには、青空の下を走る相鉄線が写っています。グローバルナビにて相鉄線のあゆみ、相鉄グループの未来への取り組みを案内しています。トップページの中央に、電車やバスの運賃を掲載しています。相鉄ファンのページには、電車やバスのグッズを紹介しています。相鉄グループの事業が、運輸業以外に流通業や不動産業などのページに分かれています。写真付きアイコンをクリックすると、都心直通プロジェクトのページに移ります。下層ページより、相鉄ニュースやプレスリリースを読むことができます。相鉄ミュージアムには、「電車車両図鑑」や「バス車両図鑑」を掲載しています。
執筆者
カテゴリ
基本情報
サービスに関連するデザイン
-
「Gare Centrale de Montréal」のホームページデザイン解説カナダにあるモントリオール中央駅のサイトです。メインビジュアルは３枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
-
「Oui Will™」のホームページデザイン解説ファーストビューでは画面のほとんどを覆うブラックのベタとその上にシンプルに書かれたキャッチコピーがまず目を引き、その下にわずかに見切れている動画に興味を引かれてスクロールをすると、視差効果で動画が現れる構成です。画面をスクロールするとブラッ...
-
「My Austria Bucket List」のホームページデザイン解説ファーストビューでは画面全体をレッドのラインで囲んだ中央にサイトロゴが浮かび上がり、鮮やかな色がまず目に入ります。ベージュのテクスチャと柔らかい丸みを帯びたフォントが柔らかいイメージを与え、手書きのイラストや随所に盛り込まれたアニメーション...
コーポレートサイトに関連するデザイン
-
「西山製麺 ドイツ法人」のホームページデザイン解説画面中央に大きく配置された企業ロゴと、暗がりの中から浮かび上がるように配置された麺の写真の組み合わせで、画面全体にまず重厚感を与えています。ブラックに近いダークグレーの背景に、麺の色を思わせるベージュのテキストが映え、見出しのアクセントに添...
-
「エッグフォワード」のホームページデザイン解説トップページは柔らかく明滅するオレンジのドットのアニメーションをバックに、グレーとオレンジのフォントで力強く書かれたメッセージと写真で構成されたスライドショーが目を引きます。グレーをベースに、オレンジをアクセントにした鮮やかな色使いですが、...
-
「STRIVE」のホームページデザイン解説サイトにアクセスするとまずブラックの背景の上を画面いっぱいに拡大した企業ロゴが走り、画面が反転するとロゴの一部がグラデーションになって背景に固定され、その上にキャッチコピーが重なるファーストビューです。ゆっくりと色が変わるグラデーションのラ...
ネイビーを使ったデザイン
-
「STOCK market」のホームページデザイン解説画面いっぱいに広がるムービーと、丸みを帯びたゴシック体のキャッチコピーががころんと飛び出してくる、迫力がありつつもどこかほのぼのとしてしまうデザインが特徴です。鮮やかなネイビーをバックにホワイトのフォントのシンプルなデザインの上に写真をラン...
-
「ウポポイマガジン」のホームページデザイン解説画面左側に常に固定されているタイトルエリアは、太めのフォントで書かれたインパクトのあるタイトル文字の上下をアイヌ文化のモチーフがスライドして流れています。メインエリアとタイトルエリアの区切り線やハンバーガーメニューに独特の文様があしらわれて...
-
「うなぎ料理 鹿六」のホームページデザイン解説画面いっぱいに表示される鰻を調理するムービーは暗めの色調に加工され、食欲をそそるとともに迫力を感じさせます。くすんだ藍色を背景に白のフォントの2色で構成された色使いで、タイトルやキャッチコピーを縦書きにした和を感じる色使いですが、タイトルの...
堅め・信頼感なホームページのデザイン
-
「済生会横浜市東部病院」のホームページデザイン解説ホワイトに淡いブルーのグラデーションを組み合わせた背景の色使いが、医療機関らしい清潔さをまず感じさせます。メインビジュアルはブラックのフォントに手書きのブルーの文字を組み合わせ、グラデーションのボタンを組み合わせたさわやかなイメージの上に、...
-
「One Day Dental」のホームページデザイン解説サイトを開くとまず表示されるスライドショーは、ビジュアルの上に予算別のコースを表示して、治療にかかる大まかな金額を最初に表示することでユーザーの選択を促しています。ホワイトに濃いネイビーのコントラストの強さが、堅実さを清潔感を感じさせる色使...
-
「JAXA 有人宇宙技術部門」のホームページデザイン解説ファーストビューでは画面全体に表示された宇宙ステーションの写真のスライドショーと、その上に重ねられた太字のキャッチコピーが、力強いメッセージ性を感じさせます。各コンテンツの見出しは施設名は大きく写真に重ね、トピックスの見出しはやや小さくマー...
