コスメ販売サイトのmakeshopを使用したリニューアル案件
webディレクション〜デザイン〜コーディングまで対応しました。
webディレクション〜デザイン〜コーディングまで担当。
商品のキャッチコピー等も変更し、より伝わりやすく使いやすいように改善を図りました。
商品画像の撮り直しは行わず、既存の画像を編集しコラージュを作成。
makeshopのテンプレートの作り変えを行い、非レスポンシブからレスポンシブ対応に変更いたしました。
費用を抑えるため、全体の基礎テンプレートの作り変えと、主力の3商品のページのみフルカスタマイズを行い、残りの商品の個別ページは以前のデザインをそのまま活かして使用しています。
主力3商品ページ
以前のサイトは購入するつもりでカートボタンをクリックすると、
同じ商品の個別ページに一旦行くなどのカート落ちする問題や、
他ページに遷移できない等の問題がありましたが、
商品のキャッチコピーも変更し、より伝わりやすく使いやすいように改善を図りました。
コロナ渦だった為、商品画像の撮り直しを今回は行わず、
既存の画像を編集しコラージュなどを作成しイメージアップを行いました。
制作期間: 約2ヶ月
使用ツール: Photoshop,Dreamweaver
サイトURL https://www.cosme-patissier.jp/
↓リニューアル前のサイトが以下の画像になります。
