温かみを感じる雰囲気をつくりたかった

お子様を持つママさん向けのサイトで、かつ手作りの商品を取り扱うというものだけに 全体的に「手の温もり」を表現するように意識してデザインしました。

普段はあまりテクスチャを用いたビジュアルを使いたがらないのですが、今回に関しては全体的にテクスチャを多用しました。 どちらかといえばリアルに見えて欲しかったので、縁などに拘り、境界線部分がきれいな直線ではなく気持ちガタガタになるように仕上げたりするなどの工夫を入れています。この一手間を入れたことで比較的リアルな質感を出せたかなと思います。

簡単な操作で、ハイテクノロジーを使っていただく

まだまだあまり浸透していない「便利なもの」は、初めて触る方に「驚き」や「感動」を提供できたりします。
今回採用した商品の『拡大鏡』は、某大手サイトでネットショッピングをよくされる方にはお馴染みの機能ではありますが、つくる手間も結構かかるせいか、大手のサイト以外ではまだまだあまり見かけないものだったりします。

今回弊社で製作させていただいた『拡大鏡』は、

1. 画像の青いエリアへマウスカーソルが入ると自動的に現れ
2. 見たい箇所へカーソルを移動させることで、その局部を拡大できます。
3. その状態でマウスホイールを操作すると拡大箇所を任意の拡大率へ調整可能
4. 最大倍率は6倍程度まで拡大可能です。（それよりも一応拡大されますが、画像はかなり荒れます）
5. エリア内にカーソルが入っている状態（マウスカーソルが虫眼鏡になっている状態）でクリックすると全体拡大がオーバーレイ表示されます

というお馴染のものが、もう一歩便利になっただけのものではありますが、その「操作感」には拘りました。
ボタンなど「トリガーになる何か」を置いて、クリック等で起動する方法にするほうが製作面では非常に簡単になります。しかし、操作する側からするとこの方式は非常に断続的で、スムーズに感じられません。そのため、一工夫してすべての機能が途切れず流れるように行えるように配慮しています。

モバイル版をオミット

製作前にターゲット層の方々に対し、無作為に事前アンケートを取ったところ、この商品に限り「モバイルで閲覧することは無い」（PCからじっくりと見たい）という回答が返ってきた。 この結果から本案件ではモバイル版をオミットし、完全にPCのみの仕様にしています。