WORKS 制作したもの
OgarMade（オーガーメイド）
https://ogarmade.jp概要
ブランドリニューアルに伴い、新しいブランドイメージを伝えることとユーザーが迷わず利用できるECサイトへの改善を目的として制作。
コンセプトを理解し、大切にしながら、はじめて訪れる人にも「どんなブランドか」「どう購入すればいいか」が
直感的に伝わる構成を意識した。
制作範囲
デザイン / コーディング / 構築 / 運用・管理
リニューアルに伴うドメイン変更、サイト設計・構築から運用管理まで一貫して担当。
制作期間
企画・WF：1週間
デザイン：1週間
コーディング：1週間
サイト構築：2ヶ月
使用ツール
Figma / VSCode / Photoshop / Illustrator
コーディング言語
HTML / CSS / JavaScript
Concept 制作コンセプト
課題
①ブランド変更前は、ブランドの方向性がサイト上で十分に表現できていなかった
②商品や情報の見せ方が分かりづらく、購入までの導線が弱い
③ブランドのこだわりや背景が伝わりにくく、世界観が途中で途切れてしまっていた
目的
①新しいブランドイメージ・世界観をサイト全体で一貫して伝える
②商品理解から購入までをスムーズに進められる構成にする
③「このブランドから買いたい」と感じてもらえるEC体験をつくる
ターゲット
・ブランド変更前から利用している、継続利用を検討している既存顧客。
・新ブランドに興味を持ち、初めてプロテインを購入しようとしている人。
デザイン
ブランド変更に伴い、既存顧客が違和感を持たずに受け入れられるよう、落ち着きと信頼感のあるトーンをベースにしつつ、
新ブランドとしての世界観や方向性が伝わるデザインを意識しました。
派手さよりも「見やすさ」「安心感」を重視し、初めてプロテインを購入する人でも身構えずに商品を理解できるよう、
情報量や視線の流れを整理しています。
情報設計
既存顧客にはブランド変更後も迷わず購入してもらえるよう、商品情報や変更点を把握しやすい構成を意識しました。
また、新規ユーザーやプロテイン初心者に向けては、「何を選べてばいいのか」「自分に合っているのか」が自然に分かるよう、
情報の順序やカテゴリ分けを工夫しています。
購入までの導線はできるだけシンプルにし、不安や迷いが生まれにくい設計を心がけました。
