今回から始まりました「ohayouthanks」！
第一回目は「KAI Touch Project!」を検証してみました。

刃物などで有名な貝印さんが創業100周年を機に立ち上げたプロジェクトだそうで、
コチラのサイトはお題に合わせてブログを書くと担当者の方がコメントに来てくれるそうです。

で、まず僕が目に入ったのは、そのレイアウト！
なんと、横レイアウトで右から左に見ていくものです。
そして文章が縦書きだったので、そのテキストの配置が気になりました。
何が気になったかっていうと「もしかしてCSSで実現してるんじゃね？」ってことです。
早速、どうなってるか調べてみると、どうやらCSSではなくjQueryを使用しているみたいでした。
しかしながら、単純に縦書きとはいえども「。」や「、」など普通に縦に配置してしまうと
左に寄っちゃっておかしく見えてしまうので、そういうものは画像で表現するなど細かな配慮がされていました。

そして次に気になったのはというと、「そもそもなんで横レイアウトなんだ？」ということです。
そこの部分は想像を膨らませるしかないのですが、メンバーのみんなにいろいろ検討してもらいまして、

• 100周年の歴史を表現するために巻物のように見せたいから
• 製品が刃物という伝統工芸という観点から
• 横のつながりを大切にしたいという表現から
• パンダがハイタッチするしぐさを表現したいから（最初にパンダのイラストありきの考え）

などの意見が出てきました。

ほかに何か考えついたいた方がいらっしゃいましたら、ご意見いただきたいものです。

それにしてもこの「KAI Touch Project!」は色々なところに興味を惹かれます。
技術的な部分や、デザイン的な部分もさることながら、
担当者の方がブログにコメントを書きに来てくれるなんて、人の温かみがあって、なんだかとっても素敵じゃないですか。