今日のサイトはWebコンサルティングとWeb制作も取り扱っている会社「クライマークス」をみていこう。kクライマークスという社名の由来は、Mark a climax「妥協なく最高峰を目指す」という企業理念が基となったWebコンサルティング会社であり、その一環でWebサイト制作も行っている。
妥協なく最高峰を目指すという言葉を使うだけあって、自社サイトも表現力、作り込みもかなりのものとなっている。
下にスクロールすると右に行く斬新なスタイル
ファーストビューには左側にナビゲーション、上部左にクライマークスの会社ロゴ、背景画に緑と青のグラデーションのキレイな羽が何枚も重なっているようなイメージが視界に広がる。なにか未知な空間に入り込中のようなワクワク感を感じた。
「企業コミュニケーションに、クリエイティブに解を。」というキャッチーコピーが目に入ってきたのでこの会社は企業間でのコミュニケーションを円滑にする何かの会社なのだということが何となくわかる。
個人的にコミュニケーションというのは基本に「尊敬と感謝」からなるものと考えているが、それをよりクリエイティブにした解を出してくれるのだろう。
下にスクロールしようとするとなぜが画面が右へ。右にスクロールするとインフォメーションの見出しが短冊サイズのイメージ画像と共流れてくる。Asahi、Yohoo、三井のリハウスなどの名高い企業のコーポレートサイトの企画・制作・リニューアルを行った経緯なども載せていて、読みごたえがありぞう。
下にスクロールすると下ではなく、右にスライドする。
しかしこの右にスクロールするシステムはGPUに負荷がかかるらしく、スクロールがしばらく続くとPCの冷却ファンが唸りだす。きっと背景の羽がうねうね動く処理が重くなるんだろう。そこそこのPC性能がなければ、このサイトはまともに読めない可能性もある。
もちろん、apple製品ならサクサク動くんだろうけどね！！
ちなみにもちろんレスポンシブ対応しており、ブレークポイントの768px以内になるとタブレット表示になるので個人的には精神的にこちらの方が好き。
タブレット表示。こちらの方が動きは軽い
ちなみに今年8月にサイト絵リニューアルしている。その際にモバイルファーストになってるとのこと。Chromeで検証してみたけど、相変わらず背景はうねうねする。ちょい処理重い。
魅力はコラム。
なんといってもこちらのサイトの魅力はWebサイト制作における考え方などが読みやすく、ボリュームもある。ここまでユーザに読ませられる文章構成はさすがだと思う。ざっと読ませていただいた中で面白かったのが「心理学から学ぶ、デザイン」。深層心理を理解することでWebでのユーザビリティを考えていく。こんなコラムが書けるようになりたい。
心理学から学ぶ、デザイン。心理学は深くて浅い。
総評
後日、ipadでぬるぬるサクサク動くサイトを体験しようと思います。最後までご視聴有難うございました。
コメント