



©Kana Yamauchi
URL
- デモページ:
https://portfolio.okanajapan.jp/static/site01_tauro/index.html - コンセプトシート(PDF):
https://portfolio.okanajapan.jp/wp-content/uploads/2026/01/conceptsheet_site01_tauro.pdf - ワイヤーフレーム(Adobe XD):
https://xd.adobe.com/view/cb69c063-808a-44ce-84ab-88cd9e86d249-9e3a/
概要
職業訓練校の課題として、アパレル事業を展開するホールディングスカンパニーのコーポレートサイトを制作しました。
コンセプト立案から業種選定、ペルソナ設定、サイトマップ作成、デザイン、コーディングまで全ての工程を全て1人で完結させています。
実務を想定し、単なる会社紹介にとどまらず、サステナビリティ活動の訴求やECサイトへの動線確保など、各ページに具体的なコンバージョンを設定し、それを達成するためのページ設計を行いました。
制作期間
約1ヶ月
制作時期
2025年4月
使用ソフト




担当範囲
企画・構成・ディレクション/ペルソナ設定/サイトマップ・ワイヤーフレーム作成/デザイン/コーディング/ライティング(AI活用)
デザインコンセプト
【ターゲット】
20代後半〜50代のEC・小売・デパートの担当者を想定。
【ビジュアル】
ルミネやZARAのような洗練された世界観をイメージ。
【配色】
ホワイト(70%)とブラック(25%)を基調としたモノトーンのデザインにしました。服のカラーを主役として引き立てるため、ベースは無彩色にし、アクセントカラーにブルーグリーン(5%)を配置して知的な印象を加えています。
【UX/UIについて】
ブランド一覧から各ECサイトへの遷移率を高めるためのレイアウトや、信頼感を醸成するストーリーテリングの配置を工夫しました。
課題と解決策
【課題】
企業の信頼性と、多角的な事業展開(複数ブランドやサステナビリティ活動)をどう整理して伝えるかを想定しました。
【解決策】
- 情報の優先順位付け: 訪問者が求める「ブランド情報」と、企業が伝えたい「理念・姿勢」を分離しました。トップページにはブランドのストーリーを配置し、下層ページで詳細な活動を紹介する構造にしました。
- サステナビリティの訴求: 現代のアパレル業界で必須となる環境への取り組みを独立したページとして構成し、製造プロセスの透明性を高めることでブランド価値を向上させています。
コンバージョン
自主制作ですが、実務を想定し、以下のKPI(重要指標)を設定し、それに基づいたコンテンツ配置のページを制作しました。
- 各ブランドページからECサイトへの遷移率。
- サステナビリティページの滞在時間。
- Contactページに遷移後、FAQ設置によるカスタマーサポートへの問い合わせ削減できるような設計にしました。