OSicon

Works

実務実績（EC運用・移行）

サイト移行業務

EC-CUBE → Shopify 移行・EC運用体制構築（実務）

制作目的
社内にEC運用の知見がない状況から、EC-CUBEからShopifyへの移行を行い、 公開後も継続的に運用・改善できる体制を構築することを目的としました。
規模
商品100点以上、アプリ5件以上導入
担当
Shopify移行 / 初期設定 / 商品登録 / テーマ調整 / アプリ導入 / 運用フロー整備
使用ツール
Shopify / EC-CUBE / HTML / CSS / Excel
期間
約2〜3ヶ月
実施内容
・Shopify移行に伴うサイト設定（送料・価格・商品情報など）の整理とセットアップ
・商品情報の移行・登録（100点以上）
・テーマ（プリセット）をベースにデザインを調整し、必要なUIを整備
・SNS（X / Instagram）の埋め込みなど、必要箇所はコードで追加実装
・公開後、運用課題に応じてShopifyアプリを追加導入し改善を継続（5件以上）
・Yahoo!ショッピング・楽天の商品登録も並行して対応
・運用体制整備として、楽天・Yahoo!向けの商品登録用変換Excelを作成（関数を用いた整形・自動化）
・補助スタッフへの引き継ぎも想定し、作業が属人化しない形で運用フローを整備
工夫した点
・情報が不足している中で、調査→仮説→検証を繰り返しながら進行
・運用時の作業負担を減らすため、商品登録フローやデータ整形を仕組み化
・属人化を防ぐため、誰でも対応できる運用フローを設計
結果
短期間でShopifyへの移行を完了し、公開後も継続的に改善・運用できる体制を構築。属人化を防ぎ、複数人で運用可能なフローを整備しました。


株式会社ブリッジ コーポレートサイト（グループ制作）

株式会社ブリッジ

株式会社ブリッジ

制作目的
事業内容を分かりやすく伝え、利用者・求職者双方に安心感を与えるコーポレートサイトを制作。
担当
デザイン / コーディング / 情報設計を担当。
チーム内で役割分担を行いながら、主にページ設計と実装を担当しました。
工夫した点
・2事業の関係性が伝わるよう、情報整理と導線設計を意識
・介護サイトとして信頼感が伝わるよう、配色と余白を調整
・チーム内で役割分担し、進行を意識しながら制作
学んだこと
チーム制作において、役割分担や情報共有の重要性を実感し、 円滑に進行するためのコミュニケーションを意識するようになりました。
株式会社ブリッジ ＞

南森町から徒歩で行けるパン屋さん10選（グループ制作）

南森町から徒歩で行けるパン屋さん10選

南森町から徒歩で行けるパン屋さん10選

概要
南森町駅周辺のパン屋10店舗を紹介するランディングページを制作しました。実際に現地で購入・撮影を行い、ユーザーにとって魅力が伝わる構成を意識しました。
制作目的
実習生が周辺の店舗を知り、実際に足を運びたくなるきっかけを作ること
課題
意見が出にくく、進行が停滞しがちな状況がありました。また、情報量が多く整理が必要でした。
担当
デザイン / コーディング / 情報設計を担当。
チーム内で役割分担を行いながら、主にページ設計と実装を担当しました。
工夫・行動した点
・選択肢を提示することで意思決定を促し、進行を改善
・実際に店舗へ足を運び、写真撮影・情報収集を実施
・徒歩時間表記やマップ連携によりユーザーの行動導線を意識
・共有ボタンやQRコードを設置し、拡散しやすい設計に
学んだこと
チームの状況に応じて進行方法を変える重要性を学びました。また、ユーザーが実際に行動しやすい設計を考えることの大切さを実感しました。
南森町から徒歩で行けるパン屋さん10選 ＞


バナー作品

ターゲットに合わせた配色・フォント・情報設計を意識し、 短時間で訴求内容が伝わるバナー制作を行っています。



LP作品

商品理解から構成設計まで行い、ユーザーの購買行動を意識したLP制作を行っています。

ファッションウィッグバナー

ファッションウィッグ広告用LP

制作目的
ターゲットユーザーに商品の魅力を伝え、購入につなげることを目的に制作。
ターゲット
ファッションとしてウィッグを楽しみたい20〜30代女性
工夫した点
・ファーストビューで訴求内容が伝わるようキャッチとビジュアルを設計
・購入までの流れを意識し、情報の順序と配置を設計
・離脱を防ぐため、情報を整理し読みやすさを重視
使用ツール
HTML / CSS / Illustrator / Photoshop
制作期間
約1週間
LPスクリーンショット

ヘアアイロンバナー

雑貨屋 サンキューマート ヘアアイロンバナー

制作目的
商品の魅力と価格の手軽さを伝え、購買意欲を高めることを目的に制作。
ターゲット
流行に敏感で、手頃な価格のヘアアイロンを探している女子中学生〜高校生
工夫した点
・価格の魅力が一目で伝わるよう、視線誘導を意識したレイアウトに設計
・ターゲット層に合わせたポップな配色とフォントで親しみやすさを演出
・ターゲット層に合わせて情報量を整理して視認性を向上
使用ツール
HTML / CSS / Illustrator / Photoshop
制作期間
約2日
LPスクリーンショット

テレビ型ティッシュボックスバナー

雑貨屋 サンキューマート テレビ型ティッシュボックス

制作目的
商品のユニークさと楽しさを伝え、興味喚起から購入につなげることを目的に制作。
ターゲット
おうち時間を楽しみたい女子中学生〜高校生
工夫した点
・商品のユニークさが伝わるよう、ビジュアルを中心に構成を設計
・楽しさや可愛らしさが伝わる配色とレイアウトを意識
・ターゲット層に合わせて情報量を整理して視認性を向上
・購入までの流れを意識し、情報の順序を整理
使用ツール
HTML / CSS / Illustrator / Photoshop
制作期間
約2日
LPスクリーンショット

無線イヤホンバナー

雑貨屋 サンキューマート 無線イヤホン

制作目的
手頃な価格と機能性を訴求し、購買行動につなげることを目的に制作。
ターゲット
流行に敏感で、コスパの良いイヤホンを探している女子高生
工夫した点
・価格と機能のバランスが伝わるよう、情報の優先順位を整理
・ターゲット層に合わせて情報量を整理して視認性を向上
・視線の流れを意識し、自然に購入まで誘導できる導線を設計
使用ツール
HTML / CSS / Illustrator / Photoshop
制作期間
約2日
LPスクリーンショット

Webサイト作品

デザインからコーディングまで一貫して制作したWebサイトです。
ターゲットに合わせた情報設計と導線を意識して構築しています。

ネイルサロンサイト 　NailStudioLUNA

Nail Studio LUNA

制作目的
大人女性が安心して通える、落ち着きと上品さを感じられるネイルサロンサイトとして制作。
工夫した点
・写真を大きく配置し、サロンの雰囲気が直感的に伝わる構成に設計
・余白と配色でリラックス感と清潔感を表現
・予約導線を意識し、ユーザーが迷わず行動できる構成に設計
Nail Studio LUNA ＞
ハンバーガーフードトラックサイト mgmg hamburger

mgmg hamburger

制作目的
店舗の世界観とボリューム感を視覚的に伝え、来店意欲を高めることを目的に制作。
工夫した点
・写真を大きく配置し、視覚的に食欲を刺激する構成に設計
・赤×黒の配色で力強さと満足感を表現
・スマートフォン閲覧を想定し、情報量を整理して視認性を向上
mgmg hamburger ＞

↑

ページ上部へ