「マルタマ採用サイト」のホームページデザイン解説

ファーストビューで表示されるスライドショーは前後のスライドを両脇に見切れさせ、その部分をグレーアウトすることで中央のスライドを目立たさえるとともに前後にもスライドがあることが一目でわかる構成です。画面左側にダークグレーのナビゲーションバーを...

ファーストビューでは画面幅いっぱいに配置されたスライドショーの、アミューズメント施設と料理のアップ写真が興味と食欲を誘い、スライドショー中央に重ねられたイラスト入りのロゴが楽し気な雰囲気の演出に一役買っています。コンテンツごとに明るいグリー...

全体の画面構成は画面上部に固定された営業時間の案内バーと、画面左に固定されたナビゲーションバーはわずかにシャドウが施され、メインエリアからわずかに浮かび上がって見える奥行きのある構成となっています。わずかにくすんだブルーをメインに、ロゴのレ...

大きな画像がファーストビューに表示されて、インパクトのある演出になっています。画像中央には鮮やかなピンク系のカラーで文字が配置されていて、ストレートに内容が伝わる構成がしっかりと考えられています。上部にはナビゲーションメニューが設置されてお...

全画面表示のファーストビュー画像がインパクトのある演出になっていて、次々と画像が切り替わっていく仕組みが思わず見入ってしまうような効果となっています。スクロールした先でも大きく画像が用いられていて、「Mission」の項目ではコマ撮りムービ...

ピンクの英語フォントで大きく書かれたタイトルと、モザイク状にちりばめられたカラフルなテクスチャがポップでお洒落な印象を与えます。画面をスクロールさせると画面幅いっぱいに表示されるピンクのバーが目を引き、クリックするとエントリーコースの一覧が...

グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューでは、北海道大学 人間知×脳×AI研究教育センターのロゴマークが表示されています。トップページの左サイドに、ニュースやイベントなどのメニューが出ています。トップページの中...

深いグリーンをメインカラーとしてサイトが構成されていて、上品で落ち着きのあるイメージが作り上げられています。上部に設置されたナビゲーションメニューは下スクロールで画面外に隠れて、上スクロールですぐに表示される仕組みになっていてスムーズな閲覧...

メインビジュアルに配置したサービスロゴは背景を明るくぼかすことで、ツヤ感のあるロゴデザインと相まってスポットライトが当たっているような効果を演出しています。また同様の効果はナビゲーションバーにも施されていて、メインビジュアルに配置したアイコ...

ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...

ポップなイメージの図形や装飾がサイト全体に散りばめられていて、全体の雰囲気を作り上げる要素になっています。上部にはナビゲーションメニューが固定表示されていて見やすく、スムーズな閲覧が可能な設計です。メニューは色分けされていて、サイト内の要素...

ビビッドでカラフルなオブジェクトをメインに構成されたサイトデザインになっていて、鮮やかでポップな雰囲気が演出されています。ファーストビューでは右側に配置されたブルーの背景上に人物の写真が表示されており、スライドショーで切り替わる仕組みになっ...