株式会社プラスタディ――講師紹介
人物の魅力を引き出す

http://www.plastudy.com/school/koushi.html

講師紹介は最も力をい入れたページの一つです。
打ち出しエリアに大胆な構図を採用し、各講師をただ教える職業教師としてでなく、その道で成功した輝ける先輩達、というインパクトを与えるものにしています。実際に講師陣は各方面で活躍されるアーティストです。こうしたやや派手目な打ち出し方は、当方の提案により進めさせて頂きました。結果的に快諾頂き、充実した制作が出来たと思います。

ここでは講師の写真をどのように配置するかが問題でした。メンテナンス性を考えれば打ち出しエリアのみならず、互い違いに配置されている講師紹介の本文まで一律の規則ある配置にした方が無難です。しかしながら無難な作りでは注目度としてはそれ以上の効果を持ちません。したがって、当該ページではメンテナンス性を多少落としてでも見栄えを取る形となりました。

技術的側面としては、講師の顔をクリックすると各説明に滑らかにスクロールする様に設定されている点です。最下部の「トップへ戻る」ボタンも同様の動作を実現しています。反省点としましては、上記でも述べた通り保守性に優れない点と、interface.jsが旧バージョンのjQuery.jsでしか動作しなかった点です。

linthack