サイト内の様々な箇所に設置された帯状のオブジェクトが常に動くモーションを付与されており、ポップで楽しげな表現が展開されています。さらにオブジェクトや一部の文字は同時に色が変わる効果も加えられていて、驚きのある演出が施されています。サイトの内容は写真をメインに展開されていて、「COLORS」や「NEWS」の項目ではサムネイル画像を並べた表示で見やすい構成がしっかりと考えられています。右上に固定表示されたドロアーで隠されたナビゲーションメニューを開くと全画面にカラーフィルターを用いた写真が表示されて、項目ごとに写真が切り替わって表示される仕組みとなっています。全体を通して統一感のあるデザインで気持ちよく閲覧できるサイトです。
カテゴリ
基本情報
不動産会社・ハウスメーカーに関連するデザイン
- 「りの部屋」のホームページデザイン解説
画面右に手書き風のアニメーション、左に縦書きのキャッチコピーをシンプルに配置したファーストビューで、画面をスクロールすると窓の中の風景が入れ替わり、動物が歩いて入れ替わるユニークな演出がされています。メインコンテンツは袋文字の英語フォントに...
- 「自然素材のある暮らし」のホームページデザイン解説
ブラウンのオーバーレイを重ねた写真が互い違いにスクロールする上に、太めのフォントでシンプルにキャッチコピーが乗ったファーストビューです。ベージュやブラウンをメインにした落ち着いた色使いに、角を取って丸くした写真やボタンと、画面スクロールとと...
- 「株式会社フロムフォーティーフォー」のホームページデザイン解説
大阪の建設事業会社のコーポレートサイトです。ファーストビューでは企業ロゴがアニメーションで表示された後画面が切り替わって都市の雄大な風景が広がる写真に切り替わり、建設業者としての信頼感を感じさせる構成になっています。業務内容の一覧は写真の上...
サービスサイトに関連するデザイン
- 「特別展アリス―へんてこりん、へんてこりんな世界―」のホームページデザイン解説
ファーストビューでは画面全体にかすれたスタンプ風のグラフィックが表示され、レトロなイメージをまず与えます。ピンクとグリーンの文字が次々とスライドする上にモノトーンのテキストと写真の切り抜きが配置されたレイアウトは、展示のコンセプトの「へんて...
- 「STOCK market」のホームページデザイン解説
画面いっぱいに広がるムービーと、丸みを帯びたゴシック体のキャッチコピーががころんと飛び出してくる、迫力がありつつもどこかほのぼのとしてしまうデザインが特徴です。鮮やかなネイビーをバックにホワイトのフォントのシンプルなデザインの上に写真をラン...
- 「ホホホタケ」のホームページデザイン解説
ハナビラタケというキノコの栽培風景やメニューが切り替わるスライドショーの上に、ブランドロゴの「ホホホ」の文字が現れて消える、不思議な感覚を閲覧者に与えるファーストビューです。ホワイトとベージュの背景にブラックのテキストのみというシンプルな色...
ホワイトを使ったデザイン
- 「かみむらスポーツ教室」のホームページデザイン解説
サイトを開くと画面幅いっぱいの子供たちのムービーと、丸みを帯びたフォントのロゴにビタミンカラーのアイコンをあしらったロゴマーク、鮮やかなグリーンとオレンジのリンクボタンが目に入り、子供らしい明るく元気なイメージをまず与えてくれます。鮮やかな...
- 「JAXA 有人宇宙技術部門」のホームページデザイン解説
ファーストビューでは画面全体に表示された宇宙ステーションの写真のスライドショーと、その上に重ねられた太字のキャッチコピーが、力強いメッセージ性を感じさせます。各コンテンツの見出しは施設名は大きく写真に重ね、トピックスの見出しはやや小さくマー...
- 「となりのひきだし」のホームページデザイン解説
トップページに表示されたスライドショーは、引き出しを開ける両手のイラストが鉛筆書き風の素朴なタッチで描かれ、引き出しの中にスライドショーがはめ込まれています。引き出しの横にはクリップでつるされたカード風のサムネイルが表示され、サムネイルをク...
鮮やか・元気なホームページのデザイン
- 「日清食品グループ オンラインストア」のホームページデザイン解説
ファーストビューではまず、正方形にトリミングされたバナーが次々と表示されるカルーセルが配置されており、キャッチーでインパクトのある画像を立て続けに見せることで製品への興味を惹きつけています。ブラック・レッド・ライトグレーの3色を使ったフラッ...
- 「かみむらスポーツ教室」のホームページデザイン解説
サイトを開くと画面幅いっぱいの子供たちのムービーと、丸みを帯びたフォントのロゴにビタミンカラーのアイコンをあしらったロゴマーク、鮮やかなグリーンとオレンジのリンクボタンが目に入り、子供らしい明るく元気なイメージをまず与えてくれます。鮮やかな...
- 「やさしい切りかた辞典」のホームページデザイン解説
鮮やかなブルーをメインとしたビビットカラーのタイトルロゴに、直角三角形のドットで形成された野菜のイラストが次々と流れてきて、コンテンツに対する興味を強く惹きつけます。画面をスクロールすると野菜のイラストのサムネイルと、野菜の切り方のムービー...