講談社さまの松田優作初のDVDマガジンのWEBサイト。
ピクルスではデザインと実装を行いました。

DVDマガジンの6つの見どころや、キャンペーンである「松田優作検定」などを
代表作である「探偵物語」を思わせるデザインで紹介しています。

YouTubeの自動再生や、壁に画鋲で止めたカードが揺れるようなアニメーションなど、
細かいギミックにもこだわって実装しています。
スクロールに合わせて、ベスパに乗った「工藤ちゃん」こと松田優作が動きます。

「松田優作検定」ではjavascriptによるクイズコンテンツを実装しています。
正解数に応じて優、や良、などのレベル判定がなされます。
また検定終了後、結果画面をTwitterやfacebookにシェアできるようにしております。

バックナンバーが更新されていくので、商品一覧ページはCMS(MODX)のテンプレートで実装、
更新しやすく設計しています。

Creative Direction + Planning:世永玲生 / Direction + Design:タナカミノル(ピクルス)/ Design:髙橋晋一朗(ピクルス)、鹿倉公維(ピクルス) /  Technical Direction + Program:山下美緒(ピクルス) / Program + HTML:上岡都葉沙(ピクルス)、菅野友里絵(ピクルス)