「株式会社aircord」のホームページデザイン解説

マイアミにあるデザインスタジオのサイトです。ページにアクセスすると、ツートンカラーに分けられた画面の中央にシンプルに挨拶が表示され、直下の「What We Do」のテキストとラインでページ下部へのスクロールを促しています。事業一覧はマウスオ...

イタリアのデザインスタジオのページで、サイトにアクセスすると画面を埋め尽くす勢いの大きなフォントで書かれたキャッチコピーに圧倒されます。トップページは写真が1枚使われている以外はすべてフォントの大小とウェイトの差のみでコントラストをつけたレ...

ファーストビューではダークな画面の中にスモーク風のグラフィックがうごめき、中央に配置された企業名にも鮮やかなレインボーカラーのアニメーションを重ねて、スタイリッシュなイメージを強く感じさせます。ベースの色使いはモノトーンでまとめ、タイトルや...

画面中央に大きく配置された企業ロゴと、暗がりの中から浮かび上がるように配置された麺の写真の組み合わせで、画面全体にまず重厚感を与えています。ブラックに近いダークグレーの背景に、麺の色を思わせるベージュのテキストが映え、見出しのアクセントに添...

トップページは柔らかく明滅するオレンジのドットのアニメーションをバックに、グレーとオレンジのフォントで力強く書かれたメッセージと写真で構成されたスライドショーが目を引きます。グレーをベースに、オレンジをアクセントにした鮮やかな色使いですが、...

サイトにアクセスするとまずブラックの背景の上を画面いっぱいに拡大した企業ロゴが走り、画面が反転するとロゴの一部がグラデーションになって背景に固定され、その上にキャッチコピーが重なるファーストビューです。ゆっくりと色が変わるグラデーションのラ...

画面中央に大きく表示された店舗ロゴの背景にスライドショーが表示され、明度を落とした写真を次々に映し出して重厚感と迫力を感じさせるファーストビューです。ブラックの引き締まった画面にホワイトの太いフォントが映え、ゴールドの中華風のあしらいがアク...

ファーストビューの背景に表示される細いラインのグラフィックが画面のスクロールに合わせてアニメーションで変化し、四隅にナビゲーションバーやSNSアイコンを配置して画面中央を大きく使うことで画面全体に迫力を生み出し、特にワイドモニターでの閲覧時...

画面中央に大きく配置された企業ロゴと、暗がりの中から浮かび上がるように配置された麺の写真の組み合わせで、画面全体にまず重厚感を与えています。ブラックに近いダークグレーの背景に、麺の色を思わせるベージュのテキストが映え、見出しのアクセントに添...

画面いっぱいに広がるムービーと、丸みを帯びたゴシック体のキャッチコピーががころんと飛び出してくる、迫力がありつつもどこかほのぼのとしてしまうデザインが特徴です。鮮やかなネイビーをバックにホワイトのフォントのシンプルなデザインの上に写真をラン...

ファーストビューでは画面いっぱいにブルーのベタが表示された後画面が切り替わり、大学内の様子がスライドで紹介されます。ゴシック体のフォントのタイトルと大きめのフォントの本文が力強いイメージを感じさせるデザインです。ベタを殆ど使わないモノトーン...

サイトを開くと真っ白なテーブルの上にお皿が現れ、画面が切り替わると女性の体の写真とサプリメントのパッケージが左右それぞれに表示される演出で、女性の美容と健康に関連したサイトだということが一目でわかります。ホワイトの背景にグレーのテキストを乗...