デザイン事例

トップページでは画面枠いっぱいに動画を掲載している。模型や設計図のようなモチーフを見せ、空間づくりを行う会社らしいイメージだ。 斜めのラインで見せるグローバルナビゲーションは比較的大きく、ファーストビューでは画面下に表示されているが、...

ファーストビューにはコーポレートロゴの十字マークを散りばめ、明るい印象が与えられるサイト。 メインビジュアルや各ページ冒頭のイメージ写真は、孤を描いた形にトリミングされ、末広がりで写真に奥行きを与えている。これもロゴマークを元にしたあ...

揺れ動くカーテンの動画が、心地よい風を感じさせる上品なトップページ。 ページのローディングアニメーションが滑らかで美しく、スクロールやページ遷移の待ち時間にも心地よさを感じさせる。 写真一点一点のクオリティも高いが、トリミングと...

画面全体に写真を大きく使用しており、広がりを感じられるトップページ。 グローバルナビゲーションが控えめに設置されており、コンテンツをじっくり読ませるような作りだ。見出しパーツの種類が多く、汎用的なパーツではなくページコンテンツごとに目...

都会的で洗練されたデザインのサイト。スクロールに合わせてコンテンツが背景の上を滑っていくようなパララックスデザインが実装されている。 スクロールの動きに合わせてコンテンツが浮き上がるように表示され、数字の読み込みなどもアニメーションが...

余白を活かし、文字の形に写真を切り取った処理が印象的なトップページ。 ファーストビューにはナビゲーションが入らないように調整されており、キャッチコピーを強く印象付ける。スクロールしていくとグローバルナビゲーションが現れ、サイト内の各コ...

横長のモニタでも画面幅いっぱいにコンテンツが表示され、訴求力の高いトップデザイン。メインスライドは静止画だが、スライドする毎に写真の読み込みにアニメーションが入るため、単調でなく先進的な印象が与えられる。 斜めに青色のラインが入るトッ...

サイトを開いてまず目に入るのは、自社商品が提供する価値を伝える動画。動画の上にキャッチコピーが乗り、切り替わり流れる動画に合わせてコピーライティングも変更するという工夫がされている。 トップページを訪れたユーザーは、次々と展開されるメ...

白色を基調に、青色をアクセントとしたすっきりと見やすいサイト。メインビジュアルのスライダーは、見出しと画像の動くタイミングに変化をつけることで、ユーザーの関心を引くような動きになっている。 各サービス紹介ページは、アイコンを使って分か...

コーポレートカラーの緑色をアクセントにしながら、シンプルに情報のまとまったサイト。 強みを分かりやすく図解したイラストや、文字の強弱をつけた見出し・本文など、全体的に賑やかな要素も多いのだが、パーツの色味が落ち着いており緑色がメインと...

マウスの動きに合わせ、カラフルなドットが立体的に動くトップページ。そのアニメーションに合わせ、キャッチコピーもリアルタイムにタイピングするような動きで表現されており、テクノロジーの企業であることが上手く表現されている。 スクロールして...

まずサイトを開いて、英字の印刷物のような背景のテクスチャーや枠組み、ブラックレター書体のロゴと、それに合わせるように配置されたセリフ書体のフォント、そして筆のタッチを残すようなイラストが印象深い。 ぱっと見て、企業のサイトであるという...

グローバルナビゲーションを左側に固定配置したサイト。モニターが長大化する昨今において、横長の画面を上手く利用するレイアウトだ。 コーポレートロゴの緑色をポイントで使いつつ、青・緑系統の色で全体的に優しい色合いで構成されている。各ページ...

桜の花をモチーフに、赤色と白を基調とした華やかながらも落ち着いたイメージのあるサイト。 コーポレートロゴを縦長に使い、ヘッダー、フッターエリアからはみ出すように配置することで、レイアウト上のアクセントになっている。 サービスの強...

多言語マーケティングを売りにしている企業サイト。多様な国籍の従業員が微笑みかける動画をメインビジュアルとし、海外向けマーケティングパートナーとしての土台の確かさを訴求している。 横長のモニターでも画面幅いっぱいにコンテンツが表示され、...

カラフルな風船を持った写真がメインビジュアルを飾るトップページ。サイトの背景にも風船が飛ぶようなアニメーションが動いている。ヘッダーやフッターなど随所に風船の写真が掲載されており、サイト全体を通して楽しげな空気を感じられる。 グローバ...

ファーストビューにはビジネスシーンを思わせる動画を掲載。スクロールに合わせてコンテンツが動画の上を流れるほか、ボタンや見出しを枠からはみ出すように配置するレイアウトにより画面を立体的に見せている。 ページ遷移時には画面読み込み中である...

グローバルナビゲーションを画面左に配置したレイアウト。スクロールすると画面右側のコンテンツだけが流れるようにできており、画面左側でページのコンセプトを伝え、右側で情報を伝えるというスプリットスクリーンレイアウトを採用している。横長のPCモニ...

ひよこのようなキャラクターが可愛く印象的なトップページ。キャラクターの視線はマウスに追従するように動くほか、マウスオーバーするとぷるぷる震えるアニメーションが実装されている。このキャラクターはサイトの随所に用いられており、ポップで楽しげな印...

明るくポップな色味で、フレンドリーな印象のあるサイト。トップページの「会社設立をお考えの方へ」ボタンなどは、マウスを載せると現れる光沢感のあるエフェクトが特徴的だ。 サービス紹介ページではテキストを箇条書きにする・アイコンを用いるなど...