お客様が運用されることを見越した構築方法

コマースクリエイター構築の際、お客様が実際に運用される時調整がしやすいように分かりやすい構成、一目でわかるパーツ名を意識しました。また、パーツを入れ替えた際も大きなレイアウトのズレがないようにcssのレギュレーションを作り、それに則って作成しました。
お客様自身も運用の際にhtmlを軽く触られるため、なるべく単純なコードの構成を心がけました。

「キムチへの真摯な姿勢」が伝わるデザインへ

店主の「無添加でも美味しいキムチを」という職人気質で誠実な姿勢に惹かれる根強いファンがいるので、サイト全体の雰囲気としてお店で店主から実際に買っているような親近感が沸く店主を全面に押し出したデザインにしています。店の継承は考えておらず関東に２店舗のみですが、味に惚れ込んだリピーターが全国にいるほど無添加でも高い品質と味を担保しているこだわりのキムチ屋です。まさに店主にしか作れない味と店のため、サイトの至るところに本人を登場させ強い印象付けを行いました。
また、無添加を謳う食品のサイトのため、安心感を感じさせるように製造者の顔を全面に出したいという意図もありました。
まずファーストビューからこちらの案を提案し前途の意図をお伝えしたところすぐに気に入っていただけたため、制作の軸ができ、その後の意思疎通は円滑に進みました。

テイストの統一のための写真総入れ替え

初めにいただいた商品画像が雰囲気に合いにくいものが多かったため、構図、テイストを指示書にまとめ、それをもとに全て撮影し直しをお願いしました。快く対応くださり、写真を総入れ替えすることで全体のクオリティがぐっと上がりました。

お客様からの要望

課題点に「購入までのプロセスが分かりにくくカゴ落ちしてしまう」ことを挙げていたため導線を整理し、構築の際にカート部分を現在地がわかるようにカスタマイズしました。具体例で挙げると決済までの手順やUIが複雑だったため、現在地を示すステップフローの設置や、他のサイトに目移りしないようにデザインで魅力を足す（画像を増やす、テキストを増やす、他の商品カテゴリが常に見える状態にしておく）などを行いました。また回遊率を上げるため、ナビにランキングの設置、SPメニューの項目追加をしコンテンツの充実させました。