2014~2019年 特設ページ
季節ごとの提案、使い方やお手入れ方法の提案、新商品の紹介等、その特定の商品に特化したページ制作を数多く制作してきました。 現在閉鎖しているサイトのページですので、一部除いてURLは存在しません。
■季節の特集ページ
-------------------- [ 概要 ] --------------------
■制作期間:3日~5日
■使用ツール:Photoshop, Illustrator
その季節にオススメの商品をいくつかピックアップして紹介するページです。
季節ごとに特集を組んで、その季節が近づくタイミングでTOPページに特集ページへのリンクが貼られます。
布団は季節によって使い方が大きく変わるため。季節ごとにユーザーに提案できるページはかなり重要でした。
-------------------- [ こだわりポイント ] --------------------
季節感のあるデザイン、春ならば出かけたくなるような鮮やかさを、夏は涼し気な青系の色を、冬は落ち着きのある暖色を使ってデザインを意識しています。
------------------------------------------------------------
■素材や表記の説明ページ
-------------------- [ 概要 ] --------------------
■制作期間:5日~6日
■使用ツール:Photoshop, Illustrator
布団の綿に使われているこだわりの素材や、タグに書かれている表記の意味を説明するページを制作しました。
ダクロン®などの繊維ブランドの素材の紹介には、開発元のインビスタ社様に一度ページを全てチェックしてもらう審査も必要になっており、間違いや誤解を与える表現がないかしっかり確認しながら制作しました。
-------------------- [ こだわりポイント ] --------------------
はじめに、伝えたいことをポイントにまとめて、分かりやすく見せており、それに続いてスクロールすると、さらに詳しく紹介する形でページを作っています。
------------------------------------------------------------
このページはURLが残っていました。
テキストボタンクリックでそのページに移動します。
■布団の扱い方の講座ページ
-------------------- [ 概要 ] --------------------
■制作期間:1週間~2週間
■使用ツール:Photoshop, Illustrator
洗い方、たたみ方について電話で相談してくるお客様は少なくありません。
ニーズがあると思い、布団の扱い方を教えるページの制作を始めました。
自分で実演できるところは、カメラを抱えながら撮影し、写真では伝わりづらいところはイラストを描いて表現したり、制作に時間はかかりますが、困っているユーザーの悩みが少しでも解消されればと思い、作り込みを大事にしています。
-------------------- [ こだわりポイント ] --------------------
はじめに、このやり方をするとどんな良いことがあるのか、どんな効果があるのかを紹介して、続けてそのやり方を紹介する形でデザインしています。
ユーザーは、抱える問題はなるべく早く解決したいはずですので、テキストを読まなくても、ぱっと見てイラストや画像だけでもだいたい理解できるように作っています。
------------------------------------------------------------
■新商品紹介ページ
-------------------- [ 概要 ] --------------------
■制作期間:3日~5日
■使用ツール:Photoshop, Illustrator, Flash
新商品発売と同時に、商品ラインナップを紹介するページ制作していました。
いくつか制作しましたが、今回はその中のうちの1つを紹介させていただきます。
-------------------- [ こだわりポイント ] --------------------
「ともだち」シリーズ
■制作期間:2日
■使用ツール:Photoshop, Illustrator, Flash
オリジナルキャラクターたちをモチーフにした布団セット、キャラクターや世界観は、布団のデザイナーの方が全て生みだされ、カタログ用に、お布団をみんなで作る絵本も作成されました。
ではこの絵本をweb上で公開する時にどうするか、ただ絵本のページをずらずらそのまま縦に載せてスクロールで読ませることもできますが、やはり固定された画面でページ移動した方が絵本らしい、そしてせっかくweb上ですから動かしたいという思いが強くありまして、公開日まで時間も無い中がんばって2日で動画制作を終わらせたという思い出深いページです。余裕を持って作ろうと思えば一週間はかかりそうです。
------------------------------------------------------------
画像の上部が動画再生部分です。
動画はここでは再生できませんでしたので、下記のURL先で動画を公開しています。当時公開していたのはswfファイルで、動画の中の「>ムービースタート」のボタンを押すと再生される仕組みでした。(ActionScript使用)
ここではmp4に変換していますので、動画内での操作は行えません。
1分15秒の動画です。音声はありません。
http://02giri.sakura.ne.jp/tomodachi.mp4