クレイテプス株式会社|Creatps Inc.

Works

戻る

トンボ鉛筆 Yo-i ブランドサイト

トンボ鉛筆 Yo-i ブランドサイト

子どもたちの成長を無理なく自然にサポートする、トンボ鉛筆の幼児文具ブランド「Yo-i (ヨーイ)」。
新商品Yo-iのリリースのご相談を受けた際に、その文具のかわいらしさに触れ、Yo-iが広げてくれる子どもたちの新しい世界をたくさんの人に知ってもらいたい、そう強く思い心をこめて制作にあたった。

Yo-iのサイトではまだ当時はめずらしいメトロUIを採用、ajaxを駆使して、立体的なページ間の動きを実現し、まるでゲームのコントローラーのように、直感的に操作できるサイトを実装した。
ブランドサイトの中では、Yo-iのキャラクター「てとたん」が自由に動き回り、子どもたちがワクワクするような夢の世界が広がる世界観を表現。
「てとたんのおえかきうた」、おえかきデビューの子ども向けの「おえかきコンテンツ」など数多くの知育コンテンツを用意。
「おえかきコンテンツ」は、お絵かきするキャンバスを選んで、クレヨンの色・太さ・スタンプも選択、キャンバスを自由自在にお絵かきができて、終わったら保存も。FlashではなくHTMLで実装することで、タブレットでもシームレスな動きを実現した。

スクリーンショット

  • works_detail_enlarge_yo-i1
  • works_detail_enlarge_yo-i2
  • works_detail_enlarge_yo-i3

Credit

Producer:
Kei Chikaura
Director:
Miho Horiike
Planner:
Satoru Nishimura / Miho Horiike
Art Director:
Mihoko Iwase
Designer:
Mihoko Iwase / Masato Sasaki
Front-End Developer:
Satoru Nishimura

BACK TO TOP