My Portfolio

About Me

私の写真(仮)

20年以上にわたり、ECサイトの構築と運用に携わってきました。
デザインの美しさだけでなく、SEOやコンバージョン向上を意識した「売れる・伝わる」サイト作りを心掛けています。また、自身やチームの業務効率を上げるためのツール作成・改善も得意としています。

WEB制作においては、過去の経験に甘んじることなく、常に新しいツールや技術へアンテナを張ることが大切だと考えています。何より、変化を恐れず新しい技術を楽しんで取り入れる姿勢が、私の最大の強みです。

Daily Tasks

ECモール運営

楽天市場、Yahoo!ショッピング、Amazonでの商品ページ作成・更新、システム対応、ネクストエンジン設定。

デザイン・コンテンツ制作

商品ページのデザイン・動画作成、商品撮影・動画撮影、バナーおよびLP(ランディングページ)の制作。

Shopify自社サイト運営

自社ECサイトの構築・運営、カスタマイズ・テーマ調整、アプリ導入による機能拡張、商品ページ作成。

SEO・マーケティング

各モールでのSEO更新、検索エンジン最適化、楽天市場のアクセス解析に基づくキーワード改善。

Works

work

オイルレザーを愛用するお客様に好まれる配色やフォント、文章選びをしました。

work

靴ベラは贈り物にすることが多いので、雑貨感を出してマニアック要素を減らしました。

work

Shopifyにて商品ごとに因数分解を用いた重量を入れ、ネコポス可能個数を表示させる仕組みを取り入れました。

work

バナーはレスポンシブでスマホでの見え方をメインに作成しています。

work

使用対象がある商品のページは、どれに使えるかを画像をつけて明記する等、迷わないよう作成しています。

work

楽天市場のGOLDサーバーにブログ風の記事のまとめページと、更新用のテンプレートを作成しました。

work

靴ひもの色選びをしやすいように、靴の色と紐の色を比較できるツールをページ内に設定しました。

work

新製品用のランディングページを作成しました。動画も作成しています。

work

商品の同梱パンフレットは季節に合わせて次に必要な内容や商品で作成しました。

work

商品撮影はミラーレス一眼レフを使用しています。動画は場合によってはスマホで撮影します。

work

昔に作成したファイルに脆弱性の問題がある古いjqueryが入っていた為、scriptを入れなおしました。

work

以前は一からJavaScriptでツールを作成するのは困難でしたが、現在はAIの助けで可能になりました。

Problem Solving Cases

靴修理サービスの販売システム構築

靴修理サービスの販売システム構築

対象: 楽天・Yahoo!・Shopify

課題: 選択肢やオプションによって価格が変動する複雑な靴修理サービスを通販で受け付けるサイとの構築。お客様が迷わずに、したい修理を注文できること。

解決策:
価格の変わらないベースの部分は選択肢で対応し、その他の価格の異なる部分はオプションで選んでいく方法にしました。

【楽天】当初は価格の異なるSKUを同一ページにできなかったため、ネクストエンジン内のAWSアプリで購入後に内容によって課金をするように設定。SKU機能アップデート後は、CSV一括更新にて同一ページに再構築。
【Shopify】課金アプリを導入し、お客様が直感的に修理オプションを選べる導線を工夫。
【Yahoo】当初はオプション課金の昨日がなかったため、バナーを選ぶと該当のページにリンクするように設定。オプション課金機能が始まってからは、オプションで課金を行い、ネクストエンジン上でSKUを切り分けるように設定しました。

結果: 楽天市場店でお客様レビュー4.9以上を達成。修理スタッフの技術力によるものですが、「選びやすい」というお声も多数獲得しました。

靴クリームの色を選べるシステム構築

靴クリームの色を選べるシステム構築

対象: 楽天GOLD

課題: 自社メーカーの靴クリームが42色あり、「自分の靴に合う色が選べない」というお客様からのお問い合わせを減らすこと。

解決策: お客様が撮影した革靴を画面に表示し、類似した色を右側に3色提示して近いものを選んでいただく仕組みをHTML・CSS・JavaScriptで作成。
※自動判別(AI等)の導入も検討しましたが、立体物ゆえの光の当たり方による差異や、学習コスト・時間を考慮し、現状の最適なUIとして実装しました。

結果: 以前は売れていなかった色も売れるようになり、色選びについてのお問い合わせも減りました。

Tools & Skills

WEB開発 Dreamweaver、HTML / CSS / JavaScript(AI活用+独自調整)
デザイン Photoshop、Illustrator、Canva
動画編集 Adobe Premiere Pro、VITA
データ処理 Excel、Word
ECシステム 楽天RMS・GOLD、Yahoo!ストアクリエイトPro・トリプル、Amazonセラーセントラル、Shopify、ネクストエンジン
AI活用 現在SEOや画像生成、動画生成、プログラムのベース生成などに活用していますが、現時点ではそのまま使用するのは危険だと思っています。特にプログラムについては内容を確認し、後日問題が出る可能性のあるプログラムを読み込んでいないか等のチェックを行っています。