「株式会社タイヨーパッケージ」のホームページデザイン解説

ファーストビューの画面全体に鮮やかなブルーを用いており、印象的な構成になっています。中央にはゆっくりと回転すしている地球のグラフィックが表示されており、常に動きがあることでユーザの目に止まりやすい演出がしっかりと考えられています。右側にはナ...

グレーをベースに、ブルーとレッドをアクセントにしたサイトです。ファーストビューには、ものづくりの現場の画像が使われています。グローバルナビにてイプロスの企業情報と注目の製品、セミナーやイベントなどを案内しています。トップページは2カラム構成...

ヘッダーに設置されたナビゲーションメニューは、黒い帯の上にメニューが並んでいて、カーソルを合わせることで各メニューの項目が赤く着色される仕組みとなっています。サイトを構成する要素は赤を基調に使われており、統一感が演出されています。「企業情報...

ファーストビューでムービーが展開され、サイトを開くとまず目に飛び込んでくることでインパクトのある演出になっています。下部に進むと、大きくテキストが表示されてスクロールと連動した動きが見られる表示が展開されています。テキストはリンクになってい...

絵画調に加工された写真をファーストビュー全面に用いていて、目を引く演出が施されています。ページ上では常時動き続ける細い糸のようなオブジェクトが最下部まで一貫して表示されており、サイトの雰囲気を演出する要素になっています。「選ばれる理由」を説...

斜めに並んだ複数の画像がスクロールと連動して動く仕組みがファーストビュー画像領域に展開されており、目を引く演出がしっかりと考えられています。ファーストビューではブラックの背景にホワイトの文字を使うことでメリハリの効いたスタイリッシュなイメー...

ファーストビューではディスプレイの画面が回転し、その中で次々を画像が切り替わっていくムービーが展開されていて、商品の情報がストレートに伝わる演出が施されています。説明が無くても映像で商品を知ってもらえるような作りになっていて、ユーザが直感的...

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

ファーストビューではタレントを起用した目を引く写真が大きく使われており、画像上に商品画像が配置された構成になっています。商品画像はタイプごとに3つの画像を色分けして、並べて表示されていて見やすく、それぞれにカーソルを合わせるとちょっとしたモ...

全画面表示の画像がサイトを開くと現れて、インパクトのある演出になっています。画像はスライドショーで切り替わる仕組みになっていて、商品の特徴やラインナップが紹介されています。一目で内容が理解できる演出で、しっかりとユーザ視点が考えられています...

ファーストビュー画像領域に大きく表示された画像が、スライドショーで切り替わる際に特徴的なモーションが加えられていることで目を引き、サイトの導入として効果的な役割となっています。スクロールしてファーストビューより下部に進むと画面上部にナビゲー...

全体を通してナチュラルで可愛らしい雰囲気が演出されており、ファーストビューでは大きくおしゃれな書体の文字が表示されています。文字にはイラストも組み込まれていて目を引く構成になっています。中央上部にはドロアーで隠されたナビゲーションが設置され...