コハク パン・スイーツ専門店／EC付きLP
| サイト種別 | LP+EC（ECは仮想、WordPress） |
| 目的 | 甘いもの好きの大人層に対し、素材への こだわりと「予約焼成だから出せる鮮度・特別感」を伝え、オンラインショップでの購入（初回購入・リピート購入の両方）を後押しする。派手な割引訴求ではなく、素材と製法のストーリーで納得感を持って購入してもらうことを見せ場とする。 |
| ターゲットユーザー | 30〜50代、自分へのご褒美や特別な手土産を探している層 SNS（Instagram）で偶然見つけて興味を持ち、初めて購入を検討する層 一度購入して気に入り、季節限定フレーバーが出るたびにリピートしたくなるファン層 |
| 制作環境 | WordPress／自作カスタムテーマ／Local by Flywheel（ローカル開発環境） |
| 対応デバイス | PC／スマートフォン完全対応（レスポンシブ） |
| 製作期間 | 約５日間 |
コンセプト
自分へのご褒美や特別な贈り物を探す30〜50代の甘いもの好きに対し、素材と「予約焼成」のこだわりを伝え、オンラインショップでの購入（初回・リピート）を後押しする。
ターゲット
– ①（38歳・SNS経由の新規層）→ 断面ビジュアルと「予約焼成＝品質へのこだわり」という納得材料を先に見せる必要あり
– ②（45歳・リピーターファン）→ 次回焼成の受付状況をすぐ確認できないと離脱する
「予約焼成」という同じ仕組みが、①には説明不足による誤解リスク、②には状況不透明による離脱リスクとして働く。FVでこの両方を同時に解消する設計している。
デザイン
ベース：アイボリー（生成り。焼き菓子の温かみ、紙袋のような質感）
サブ：ディープブラウン（焼き色・コーヒーのような落ち着き。本文色・写真枠に使用）
アクセント：オフホワイト寄りのベージュ（余白部分。情報を詰め込みすぎない上質さの担保）
差し色：琥珀色（アンバー）。商品名「コハク」と直結させ、CTAボタン・焼成カレンダーの「受付中」バッジなど購買行動に直結する箇所にのみ限定使用
見出しは明朝体（游明朝など）で上質感を、本文はNoto Sans JPで読みやすさを担保する。
担当箇所
ヒアリングシート・仕様書・サイトマップ／ディレクトリ構成・コンテンツマップといった要件定義から、ワイヤーフレーム（PC／SP）、デザインカンプ（PC／SP）、WordPressオリジナルテーマによる実装までを一貫して担当。実装はClaude Codeに引き継ぎ資料を用いて依頼し、レビュー・実機確認まで行った。
使用技術・ツール
WordPress（オリジナルテーマ自作）／Local by Flywheel（ローカル開発環境）／HTML・CSS・JavaScript・PHP／Google Fonts（Shippori Mincho, Zen Kaku Gothic New）／Excel・HTML（設計ドキュメント・ワイヤーフレーム作成）／Claude Code（実装）