M-COSME

事業の拡大規模・ランニングコスト・今後実施する施策を考慮しカートシステムを見直し。Makeshopから低価格で拡張性の高いShopifyへ移行。ストア内アプリや決済方法の追加も行いました。

デザインでは「すべての男性が美容を楽しめる社会をつくる」というコンセプトを設定。
あくまで販売商品が主役となるよう黒をベースに、男性に必要なケアをトータルで揃えられるラインナップの広さを、カテゴリ別のキーカラーで表現。また、継続的な運用の中でデザインルールが乱れないよう、書体、使用カラー、アイコンといった基本モジュールをデザインガイドラインにまとめています。

SEO順位を回復するべく、サイト構造とディレクトリを徹底的に見直し。男性にとって分かりやすいカテゴリ構造にするとともに、ページタイトル・URL名称を統一できるフォーマットを開発。長期的な運用を見越して、商品画像ガイドラインと誰でも作成できるテンプレートを用意し、サイトの統一感を保守しています。
商品登録時においても、必要最低限の情報を入れるとCSVが生成されるフォーマットを開発。約800商品のデータ移行もスムーズに実行することができました。

コーディングでは先述のSEO対策を落とし込み、セマンティックかつ運用後も手軽に機能追加できるようにしました。Shopifyのテンプレート言語Liquidを実践的に習得するため、既存テーマを利用せず全ての構成要素をフルスクラッチで設計・実装しました。

これらの取り組みの結果、新規取引数・売上・ページビュー数・SEO順位が向上しました。