リリーシェハーブ

http://www.suishodo.jp/releache/index.html

Client

翠松堂製薬株式会社様

翠松堂製薬の"ハーブの便秘薬リリーシェハーブのブランドサイト

Back to Works

便秘薬をもっと身近な存在に

サイトの随所にお花のアニメーションをつけて、女性目線で見ていて楽しくなるサイトを目指しました。デザイナー、コーダーそれぞれの立場で、アニメーションの動きを考え、完成させたサイトです。

Design

製品として、自然素材が使われた「からだにやさしい」便秘薬であるということ。"自然"をテーマとして、ファーストビューに背景動画を採用したり、飾りの花が現れるアニメーションにこだわったりと、サイト全体を通して製品が持つ世界観を伝える工夫を施しました。

Technique

ハーブの位置までスクロールをすると、線画を描写して色付けるアニメーションを作成しました。といっても線画を描写するコマはデザイナーに画像で用意してもらい、その画像をパラパラ漫画のように表示して、最後のコマになったら色の付いた画像を表示しています。ページに載せるハーブの数やサイズ、コマ数が変わっても簡単に修正できるようになっています。