ジュエルクラフト東京

ジュエルクラフト東京

オーダーメイドの指輪を
作る過程#046
新マリッジリングHP③

ブログ 手作り結婚指輪サイト36
前回のWEB業者さんとの打ち合わせでどういうサイトにするか決まりました。

 

ブログ 手作り結婚指輪サイト35
その後、指輪サンプル30本の制作、画像と文章の用意をしてから画像のような具体的なサイトのレイアウトを持ち込んでの2回目の打ち合わせを経て、

 

ブログ 手作り結婚指輪サイト38
新しいサイトが完成したので説明していきます。

 

①TOP

ブログ 手作り結婚指輪サイト43
オーダーメイドサイトのTOPページは最初に目に入るページで全てを伝えられるようにロゴ、スライド写真、お店のお知らせ、アイコンメニューバー、お店の説明、フォトギャラリー、と写真と文字の組み合わせで全体を長めにしています。これはTOPページしか見ない人もいるので最初のページだけでもどんなお店かわかるように情報をギュウギュウに詰め込んでいるためです。

新しいレディメイドサイトはその反対にロゴの後はすべて写真にします。

それからオーダーサイトではTOPすぐのフォトギャラリー部分に正方形と長方形の写真を組み合わせた規則正しい写真にしていましたが、今度は反対に不規則な並びにします。

 

ブログ 手作り結婚指輪サイト12
ブログ 手作り結婚指輪サイト11
上の画像はTOPページのレイアウトの下書きです。縦4列の正方形で区切って画像の形と大きさでランダムになるように色を付けていきます。

 

ブログ 手作り結婚指輪サイト10
そのあとに別の紙にどんな画像を用意するか書いていきます。

 

ブログ 手作り結婚指輪サイト13
画像が用意できたらエクセル上で並べて配置を決めていきます。

 

ブログ 手作り結婚指輪サイト14
オーダーメイドのサイトで以前に作った手作り関連の写真も使っていきます。今後も良い写真ができたら下に追加していく予定です。

 

ブログ 手作り結婚指輪サイト40
写真右側は制作途中のレディメイドサイトです。オーダーサイトにある営業日は土日だけというお知らせをなくしたことで平日も電話がかかってきそうなので画面下のオレンジの問い合わせフォームは消してABOUTの最後にオーダーサイトへのリンクを張ることにしました。

 

②ABOUT

ブログ 手作り結婚指輪サイト41
アバウトのページはこのサイトについての説明を書きます。

・このサイトはオーダーメイド専門のジュエルクラフトの既成の指輪を扱う結婚指輪専門サイトであること

・指輪は2.5㎜幅、素材は6種類、手作り技法に限定していることなどや多少のデザイン変更ができること

などを書きます。

 

ブログ 手作り結婚指輪サイト15
画像はこちらも今まで作った写真を再利用しています。文末にはオーダーサイトへのリンクを張っています。

 

③MARRIAGE RING

ブログ 手作り結婚指輪サイト44
ブログ#041 手作りのマリッジリング①~で作った30本の写真をここで使います。加工工程なども頻繁に撮影しておきました。

 


オーダーサイトのマリッジリングは基本的には幅3㎜のメンズ(銀)と幅2㎜のレディース(金)を並べたペアで1枚の写真にしていました。新しいサイトでは男女共用の幅2.5㎜の銀色を1枚で撮影しています。

結婚指輪ページではサンプルの制作前は1本の指輪につき、

1、指輪の正面写真
(銀色メッキ済み、背景ライトグレー)

2、制作過程、作業風景の写真(セピア)

3、石留め前の指輪の正面写真
(メッキ前、背景ライトグレー)
真鍮で金色 1と同じ角度で背景も同じ

4、指輪の手書きスケッチ、紙の色はベージュ
(白い紙に書いてスキャン、画像修正で色を変える)

5、丸めた真鍮板、平打ち指輪、下穴指輪、
完成指輪メッキなし指輪の4本

6、その他

という6枚の画像の表示を考えていました。

 

ブログ 手作り結婚指輪サイト28
サンプルが完成してから多少の変更があり、2と3は合体させた石留め前の指輪画像にしました。3にはリング差しに入れたメッキ後の指輪、4の手書きスケッチも時間がかかりそうなので完成した指輪の周りに幅、素材、石留めなどサンプルを置いた画像にしました。

 

ブログ 手作り結婚指輪サイト29
指輪の画像をクリックすると金額だけの表示で終わり、詳しい説明などはありません。金額はベース価格は9万円、宝石を1PCプラスで2500円で計算していきます。
オーダーメイドでは1列あたり追加料金のかかるミル打ちも原型ができたので2.5幅では追加料金はかかりません。

 

ブログ 手作り結婚指輪サイト19
30本の指輪の名前をどうするかは少し悩みました。マリッジページは30本の指輪を宝石が1石、3石以上のストレート腕、3石以上のカーブ腕の順番に並べています。

 

ブログ 手作り結婚指輪サイト27
これを3つのカテゴリ
ONE STONE、OVER THREE STONES、STONE & CURVEに分けて#01、#02、、、という風に番号をつけるだけにしました。

今後、新型を追加する場合もこの3つのカテゴリに分けて追加していく予定です。

 

ブログ 手作り結婚指輪サイト23
ブログ 手作り結婚指輪サイト30
ここまで決めたら上の画像のようなタイトルやURL、画像の代替えテキストを用意してコピー&ペーストと少しの書き換えで30本順番に投稿していきます。

 

④BLOG

ブログ 手作り結婚指輪サイト26
オーダーサイトのブログは職人さん向けに指輪、オーダーなどキーワードを入れたSEO対策も兼ねている2000文字以上の専門的な内容になっています。

新しいサイトでは文字数などはあまり意識せず、お客様向けの内容を書いていく予定です。

またワークスのような作品集ページは設けないのでこのブログに制作事例はUPしていきます。

 

⑤ADDRESS

ブログ 手作り結婚指輪サイト32
当初はコンタクトフォームにする予定でしたが、MENUタブを増やしたくないのでオーダーサイトのお店の情報のメールアドレス部分にコンタクトフォームへのリンクを張りました。

 

ブログ 手作り結婚指輪サイト33
クリックするとオーダーサイトのコンタクトフォームに飛んで写真のように2つのサイトへのリンクボタンが表示されます。こうすることでオーダーサイトとレディメイドサイト、どちらのTOPページにも簡単に戻れるようにしました。

 

⑥非表示固定ページ

ブログ 手作り結婚指輪サイト42
非表示固定ページはリンクをクリックすると見られるページで素材についてなど日付けを表示したくないページに使います。このタブはサイト編集画面にRING INFORMATION名前でピン留めしています。

あとはファビコン設定、ドメイン取得を行ってサイトが完成です。

 

ブログ 手作り結婚指輪サイト37
ファビコンというのはサイトのアイコンでPCのタブ表示で分かりやすいようにオーダーメイドサイトはグレー、レディメイドサイトは黄色にしてあります。

スマホではホーム画面に追加すると写真のように表示されるので並べてもどちらのサイトか分かりやすいと思います。

 

ブログ 手作り結婚指輪サイト21
新しいサイトのドメインは「.com」が価格が安くてオーダーサイト(jc-tokyo.jp)と同じで覚えやすいのでjc-tokyo.comにしました。

取得したドメインを設定してホームページは完成です。

 

まとめ

ブログ 手作り結婚指輪サイト39
新しいサイトが出来上がりました。WEB業者さんとの打ち合わせからサンプルリング制作、写真撮影、オーダーサイトへの投稿、新しいサイトの完成までは約2か月ほどでした。

オーダーサイトに比べて情報量の少ない写真をメインで見せるサイトで取り扱い商品は手作り技法で作ったシンプルな結婚指輪だけになります。

今後、手作り結婚指輪(セルフメイド)を始める場合はこのサイトを改良して使っていきます。

ブログ#040 新ホームページの企画から始まった新しいサイト作りについてはこれで終わりです。

 

ブログ 手作り結婚指輪サイト31
新しいサイトはオーダーサイトではコンタクトフォームの他にWORKSのHANDMADEにリンクが張ってあります。

 


電話相談・予約

メールで予約
LINE@
かんたん予約・相談