ファーストビューでは極細のラインで幾何学模様が描かれた帯が右から左へとスクロールし、その帯を背景として次々と制作実績のサムネイルが浮かび上がるアニメーションと、時折画面が切り替わって動画が表示される構成で見るものを惹きつけて飽きさせません。メニューは画面左上に常に固定され、ダークグレーの背景の中に小さくテキストが配置されたクールなデザインです。ポートフォリオのページもやはりサムネイルが右から左に流れるのですがこちらは案件ごとに帯が分かれており、サムネイルをクリックすると詳細情報が半透明のベタの上から重なる構成となっています。
執筆者
カテゴリ
基本情報
ホームページ制作会社に関連するデザイン
-
「株式会社バックス」のホームページデザイン解説サイトを開くと画面幅いっぱいにムービーが再生され、とんかつが出来上がるまでの様子を実写の動画と手書き風のアニメーションでストーリー風に流し、最後に大きく中央にキャッチコピーが配置されます。画面幅をいっぱいに使ってコンテンツのリンクをタイル状...
-
「STUDIO HAS」のホームページデザイン解説サイトを開くと画面いっぱいに朝焼けの海の写真が表示され、その上に画面左からタイトルとキャッチコピーが大きくスライドしてくるファーストビューです。マウスホイールの回転に追従して画面は横方向のみにスクロールし、画面の右から文章が視差効果を伴って...
-
「株式会社aircord」のホームページデザイン解説サイトにアクセスすると3DCG風に描かれた企業ロゴと、SF映画を思わせる独特のフォントで書かれたキャッチコピーがまず目を引きます。実績紹介ではパノラマ風に画面幅いっぱいに配置された3枚のムービーの上に袋文字でタイトルが書かれ、マウスオーバー...
サービスサイトに関連するデザイン
-
「株式会社大協薬品_新潟医療JOB」のホームページデザイン解説地域密着型の医療系求人検索サイトで、タイトルの両側には介護の風景を描いたイラストを配置し、親しみやすさを感じさせます。濃淡2色のオレンジをメインに、グリーンをアクセントカラーにした明るく目を引く色使いが特徴的です。新着求人情報の一覧はカルー...
-
「株式会社東名_オフィス光119」のホームページデザイン解説メインビジュアルは3枚の画像がカルーセルで次々切り替わります。ブルー系でまとめられたさわやかな色使いにイエローをアクセントに使い、導入部分は背後に鮮やかなグラデーションを敷き、プランの紹介は太いラインで囲んで月額料金を大きく表示した上に、使...
-
「salon de You_vary clue」のホームページデザイン解説メインビジュアルはサロンの外装・内装・施術のシーンの3枚の画像で構成されたスライドショーで、重ねて配置したキャッチコピーは下に帯を敷いて目立たせています。下層ページも同様のレイアウトで、背後は横長にトリミングした1枚の写真をページの内容に合...
ブラックを使ったデザイン
-
「熊本らーめん」のホームページデザイン解説サイトを開くと同時にゆるいタッチのキャラクターと、迫力のある筆文字のキャッチコピーが次々に上から落ちてきた後に、ラーメンの切り抜き写真が配置される迫力のあるファーストビューです。メインビジュアルはスライドショーになっていて、矢印をクリックす...
-
「サンファーネス株式会社」のホームページデザイン解説サイトを開くと重厚感のある工業炉の写真が画面いっぱいに広がり、その上にキャッチコピーと資料請求ボタンが重ねられています。ブラックを背景とホワイトのテキストの組み合わせに暗いレッドがアクセントになっており、下層ページは一転してホワイトと淡いグ...
-
「KALPA」のホームページデザイン解説ファーストビューでは画面中央に正方形のスライドショーが配置され、ゆったりとした速度で店内の様子を写真で紹介しています。モノトーンの色使いと文字を小さめにしてマージンを大きく取ったレイアウトが透明感と空間の広さを感じさせるデザインです。太く丸...
かっこいいなホームページのデザイン
-
「NTTデータ ルウィーブ株式会社_ネットワークコンシェルジュ」のホームページデザイン解説メインビジュアルは主要なサービスの紹介を5枚のスライドショーで紹介しており、写真は明度をやや下げて上に配置したキャッチコピーが読みやすくなるよう配慮されています。ブルー系を中心にしたビジネス色の強いビジネス色の強い色使いですが、テキストボッ...
-
「株式会社 中央製版」のホームページデザイン解説サイトを開くとまず、鮮やかなブルーのグラデーションの上に重ねられたキャッチコピーが目に入ります。メインビジュアルの上には4枚の写真がそれぞれ別の色のグラデーションを重ねた状態で配置されており、それぞれがコンテンツのアンカーリンクとなっていま...
-
「JEJアステージ株式会社_outre」のホームページデザイン解説スケートボードやサーフィンなどのアウトドアスポーツのアイテムを取り扱う企業のサイトで、サイトを開くと画面幅いっぱいにムービーが再生され、スケートボードの制作シーンや各スポーツのデモンストレーションが紹介されています。企業ロゴにも使われている...
