参考デザイン
design

本を見ているかのような制作会社のホームページデザイン例

https://www.climarks.com/
Design Review

デザイン解説

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

「選ばれる理由」ページでは、顧客から選ばれる理由を大きなツリーを辿るように紹介している。ページ内を旋回するように動いている円形のオブジェクトはポップな見た目だが、落ち着いた色合いがクールな印象を与える。

ページ遷移時、画面の読み込み中には立方体が回るようなアニメーションがあるほか、本を開くようにメニューが開閉するなど、随所に動きがついており、見る者を飽きさせない。

グローバルナビゲーションやフッターなどは黒色を基調としており、一見すると静かな印象のあるサイトだが、個々のコンテンツは明るい色合いも多い。ページ内でカラーリングに緩急をつけることで、見せたい情報を見やすく訴求していると言えるだろう。

編集者の採点

こちらのホームページは弊社の制作実績ではありません

掲載会社の情報

会社名株式会社クライマークス
業種ホームページ制作会社
URLhttps://www.climarks.com/
住所東京都中央区銀座3-15-10 菱進銀座イーストミラービル5階
CONTACT

ホームページを作りたいけど何を相談したら良いか分からない方、まずは費用だけでも知りたい方、
お気軽にご相談ください。まずはあなたのお悩みや相談内容をお聞かせください。