はんこ、いりますか？

「綺麗印影」Webショップ。オープンいたしました。

綺麗印影webページをより使いやすくするため、年末年始の間、一つの仕様変更を計画しておりました。

左カラムの商品メニューから、マウスをあわせるとポップアップメニューガ現れるようにし、どの画面からも全商品への説明ページへアクセスできるようにいたします。

webページを再構築する(見た目はほとんど変わりませんが)ため、実装には1週間ほどかかると思いますが、この度ようやく実装の目処がついたので、ご報告申し上げます。

なお、このシステムの導入に、Calmさんの「Hopup Javascript」を利用させていただきました。すばらしいスクリプトをおつくりいただき、感謝しております。

商品ページから「この商品の購入を検討する」ボタンを押すと、ＺｅｎＣａｒｔの商品ページへと飛びます。ここで約1分。セット商品などオプションが多い商品は3分以上の読み込み時間がかかります。

読み込み中の間は画面は全く変わらず、いつ開くかわからない…　といった状況はかなりストレスが溜まります。

もちろん、読み込み時間を短縮することが最善なのですが、それはすぐに出来そうにないため、苦肉の策を施しました。

ＺｅｎＣａｒｔ商品ページ読み込み中の間、進行状況を示すアニメーションバーを作成いたしました。

と言っても進行状況と完全に連動してアニメーションさせることは不可能なので、あらかじめ読み込み時間を測定しておき、その時間よりやや長い時間でバーが右端にたどり着くように設定しております。

ちなみにこれも作成にかなり時間を掛けました。 

アニメーションバーを作成する方法として、gifアニメやFLASHが考えられました。
しかし、前者は滑らかなアニメーションにすることが不可能に近いですし、後者はインストールされていないPCでは見ることが出来ない(いまどきインターネットを見る人の大半がFLASHインストール済みでしょうが、弊店のターゲットには年配の方がおられるため、無視できないと思いました)と言う欠点があります。

そのため、javascriptというプログラムを用いて対処いたしました。javascriptは現在ほとんどのPCに標準で組み込まれているため、何も知らない人でも高い確立で見ることが出来ると判断したのです。

ちなみに、最初はjavascriptで一定時間ごとにバーの幅を長くするプログラムを作ろうと下のですが、仕様上それが無理であることがわかったため、仕方なく幅1ドットのバーを一定時間ごとに挿入し続けると言う方法で解決いたしました。 

他にも色々対策は考えてあったのですが、今年で来たのはここまででした。

不完全なままの締めくくりとなったのは残念ですが、来年こそショップをオープンさせたいと思っております！

前回の記事「ピンチ!」から20日以上も経過してしまいました。

なんとかピンチに対処すべく、ない頭を絞って大きく2つの対策を施しました。

そのうちの一つが左の画像です。商品紹介ページを新たに作成しました。

何故新たに商品紹介ページを作成したのか?　ですが…

これまで商品の紹介は、ショッピングカートシステムであるＺｅｎＣａｒｔに組み込んでいたのですが、当ショップではかなり複雑なシステム構成にしてしまったため、ＺｅｎＣａｒｔ内でのページ移動はとても時間がかかります。

商品を色々見ようと違うページを開こうとするたびに何十秒と待たされるのはこの上ないストレスです。

そのため、新たに高速で開けるまったく別の商品ページを作り、ストレスなく商品を見ていただくように変更しようと考えたのです。

左のページニ移動していただくとわかりますが、ＵＲＬの最後に「hanko_no=1」とあります。この数字を1~60まで変化させることで、個人印全タイプの紹介を見ることが出来ます。
(本来は各商品へのリンクを作るべきなのですが、間に合いませんでした…)

60ページ全てをチェックしたわけではないのですが、調べたところ各ページを開くまでの時間は5秒以内のようです。そのため、手軽に商品選びをしていただけます。

このページは、商品によって画像の枚数を変えたり、オプションの内容を変更するなど、細かい仕様が施されております。プロのプログラマからすれば朝飯前の内容でしょうが、プログラムを勉強して数ヶ月のド素人が「何とかなるだろう」と思ってやり始めたので、かなり大変でした。

ちなみに、「この商品の購入を検討する」ボタンを押すと、ＺｅｎＣａｒｔ内の商品ページに飛ぶので、ページが変わるのに時間がかかります。

これについて、もう一つの対策を施しております。
その内容については、次回お話します。(クリックすればすぐにわかりますけどね)

番頭はかつてないほどのピンチに陥りました。

これまで上手くいかなかったことや納得のいかなかったことは、ない頭を絞って何とか妥協策を講じてきたのですが、今回ばかりは妥協策が思い当たりません。
だからと言って放置することも出来ない致命的な欠点です。

どういう欠点か気になる方、商品ページに移動してみてください。

・・・・・・・・・

わかりましたよね？

そう、画面の表示に凄く時間がかかるのです。
おそらく皆さん1分以上要したと思います。
普通の方なら業を煮やして×ボタンゆきです。

3点セットをいろんな組み合わせで選んでもらえるように…　と、オプション数を増やしたのがまずかったのかもしれません。
(現在オプションの種類が60種以上、項目の種類は230以上あります……)

もともと現在利用しているZen Cartは汎用性が高い分、動作が重くなりがちという認識は持っており、番頭もある程度の対策は考えておりました。
しかし、一つのページを開くのに1分以上かかるというのは、全くもって想定外でした。

思いつく対策は…

1. 三点セットの販売を止める　→　せっかくここまで構築したのに…　それに、他の商品でも表示に30~40秒ほど必要とします。根本的な解決先にはなりません。
2. Zen Cartの利用をやめて他のカートシステムに　→　それをするならお金と時間をかけて外注システムを組まないと無意味！
3. 商品へのリンクをクリックした時点で、「画面が変わるのに1分ほどかかります」とアナウンスする　→　Javascriptを使えば出来るかもしれませんが、出来たとしてもただの気休め…

さて、どのように対策を講じましょうか…
胃の痛い日が続きそうです。

綺麗印影で取り扱う予定のケースには様々な色があります。 この色の「名前｣は、実は非常に厄介なのです。弊店実店舗にてヒットケースのグリーンが売れました。 ショーケースには１色1個のケースしか置いていないため、在庫から新たに出す必要がありました。 しかし、なかなか見つかりません。在庫は以前から多めに確保しており、売り切れているはずはないにもかかわらず… ヒットケースは１色ごとに箱に入っており、箱の横に色の名が書かれていたので、それで判断していました。 ブラック、レッド、アオ、ホワイト、ネイビー、ピンク、グレー、ブルー…… あれ？？　全８色なのにグリーンがない？？？？ おかしいと思い、あわててメーカーのパンフレットを見て、その原因がわかりました。

グリーンじゃなくて｢アオ｣だったのです…。
確かに信号の青色に似てるかもしれませんが……

このように、色の名前と言うのは結構あいまいと言いますか、メチャクチャと言いますか、そういうところがあります。
お客様に混乱させてしまうので、色の名前を変えてしまいたいのですが、そうもいかかなかったりします。

先日からネットショップの構築が全く進んでなかった番頭ですが。その理由がこれです。
模様入りの印影を彫刻できるよう対応するため、画像を作成していたのです

模様は9種類。書体は実印が7書体、認印･銀行印が9書体なので、全部で144種類!　の画像です
と言っても、模様と書体を組み合わせるだけなので、さほど時間はかかってないんですけどね。(組み合わせるだけでいけるように、全画像のサイズと位置を合わせる必要がありましたが)

この模様入りは、実印なら直径18mm、認印･銀行印なら16.5mmという、各カテゴリで最大サイズの商品にのみ選べることが出来るようにします。申し訳ありませんが追加料金もいただく予定です。

ちなみに、模様と書体の組み合わせが多いのですが、全てのタイプの印影サンプルを見ることが出来るようにしております。
その方法は次回にてご紹介いたします。

店長と番頭が営むネットショップの店名は｢綺麗印影」と言います。
この名前によるブランド化も不可能ではない(実際にはかなり難しいとは思いますが)と思っており、お気に入りの名前です。

しかし、この店名は実はちょっと意外な理由から生まれたものなのです。

弊店の実店舗名は「摂津印章」です。
これをアルファベットにしてみると…

settu-insyou
settsu-insyou
settu-inshou
settu-insyo
……

上記の通り、「摂津印章」のローマ字だけでいろんな種類が考えられるのです。これではURLになかなかたどり着いてもらえないのは明白です。
そこで、名前を聞いただけでURLが浮かぶような、わかりやすいURL、すなわち全く新しい店名を考えることにしました。

「摂津印章」の店名とは異なる名前にする以上、コンセプトが明確であることは絶対条件です。
色々考えた結果、弊店の特徴である「綺麗な印影」を強調した「綺麗印影」と言う名前を店名としました。

ちなみに、URLは「.com」とするか「.net」とするか悩みました（弊店は現段階で法人ではないので「.co.jp」は選べませんでした）が…
「kirei-inei」と iとnが用いられていることから、韻を踏んで「kirei-inei.net」にしました