「株式会社スピッカート」のホームページデザイン解説

サイトにアクセスすると3DCG風に描かれた企業ロゴと、SF映画を思わせる独特のフォントで書かれたキャッチコピーがまず目を引きます。実績紹介ではパノラマ風に画面幅いっぱいに配置された3枚のムービーの上に袋文字でタイトルが書かれ、マウスオーバー...

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

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

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

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

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

サイトを開くと画面幅いっぱいの子供たちのムービーと、丸みを帯びたフォントのロゴにビタミンカラーのアイコンをあしらったロゴマーク、鮮やかなグリーンとオレンジのリンクボタンが目に入り、子供らしい明るく元気なイメージをまず与えてくれます。鮮やかな...

ファーストビューでは画面全体に表示された宇宙ステーションの写真のスライドショーと、その上に重ねられた太字のキャッチコピーが、力強いメッセージ性を感じさせます。各コンテンツの見出しは施設名は大きく写真に重ね、トピックスの見出しはやや小さくマー...

トップページに表示されたスライドショーは、引き出しを開ける両手のイラストが鉛筆書き風の素朴なタッチで描かれ、引き出しの中にスライドショーがはめ込まれています。引き出しの横にはクリップでつるされたカード風のサムネイルが表示され、サムネイルをク...

画面に大きく表示された林業の様子のスライドショーと、ヘッダーの左にぽつんと表示されたシンプルなサイトロゴが、森林の物静かな雰囲気を感じさせるファーストビューです。淡いベージュをベースに、カーキとブラウンをアクセントにした柔らかい色使いもサー...

ファーストビューは窓辺に置かれた日本酒の瓶とワイングラスが画面いっぱいに表示され、同じ構図で光の加減が変化する様子が穏やかな空気感を生み出しています。画面のスクロールとともに写真をわずかにフェードアウトさせることで、閲覧者の視線を自然に引き...

画面いっぱいに表示されたスライドショーでは店舗周辺の地域の風景と、一面に塗られたクリームやまぶされる砂糖のアップで、豊かな自然の中で育てられた製品の魅力をたっぷりと引き出しています。縦書きの明朝体のタイトルやナビゲーションメニューで和のイメ...