「JAながの」のホームページデザイン解説

左右反転した写真を2枚並べた写真が印象的なファーストビューです。ナビゲーションメニューはメインビジュアルの左下に控えめに配置し、マスキングテープ風の半透明のベタを重ねて素朴な雰囲気を感じさせます。手書き風のサイトタイトルと、ベージュを中心と...

トップページのスライドショーは、右側にサムネイルのカルーセルを配置して任意で切り替えることができます。ナビゲーションバーはマウスオーバーするだけでリンクとともに詳細情報も併記されているため、基本的な情報のみ知りたい場合は下層ページを探し回る...

ホワイトをベースに、イチゴをイメージするレッドを使ったホームページです。ファーストビューには、まっ赤なイチゴの画像が使われています。グローバルナビは、苺ファーム森本について案内しています。トップページは、苺ファーム森本が運営するオンラインシ...

グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、TNER（トナー）のレンタルオフィスを紹介しています。レンタルオフィスの室内が写っています。トップページの左右に分けたグローバルナビにて、レンタルオフィスのご利用方...

ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...

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

グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューでは、スマートドライブが開発したサービスを紹介しています。空中から俯瞰した映像を流しています。グローバルナビにてスマートドライブの会社情報、事業内容などを案内しています。...

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

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

サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...

ホワイトマスクがかかったムービーがファーストビューで展開されて、動きがあることで目を引く演出となっています。上部に設置されたナビゲーションメニューは、下スクロールで画面外に隠れ、上スクロールで瞬時に現れる仕組みで、スムーズな閲覧が可能な設計...

鮮やかなブルー系のグラデーションカラーを用いて、ぼんやりとした波のような表現が展開されたファーストビューが美しく、見入ってしまうような演出によってサイトの導入として効果的な役割となっています。スクロールした先で表示される写真にはスクロールと...