WordPressView Live →
WordPress Theme
学習制作（コンセプトワーク）
週末珈琲便
WordPressオリジナルテーマを一から構築した8ページ構成サイト。
想定クライアント
コーヒー豆のサブスクを運営する個人事業主。SNSで発信しているが申込先となる自社サイトが未整備な状態を想定
課題
SNS経由で興味を持ったユーザーがサービス内容を理解できずに離脱。申込み・購入・問い合わせの導線が整理されておらず行動につながりにくい
解決方針
ファーストビューに動画を採用し、商品の世界観を短時間で伝達。申込み・購入・問い合わせへの導線をページ内の複数箇所に配置し、どこからでも行動に進める構成を設計
WordPressPHPHTML5CSS3FigmaClaudeChatGPTAdobe Firefly
Web DesignView Live →
Web Design
学習制作（コンセプトワーク）
KAZE COFFEE
ペルソナ設定から配色・フォント選定まで論理的に設計したカフェサイト。
想定クライアント
Instagramで発信する地域密着型の個人経営カフェ。営業時間・アクセス・メニューなどの基本情報を整理して伝えるWebサイトがない状態を想定
課題
店舗を知った人が検索しても来店判断に必要な情報へすぐたどり着けない。SNSは見てもらえていても情報が分散しており、来店行動につながりにくい
解決方針
店舗の雰囲気を損なわないシンプルなデザインの中で、メニュー・アクセス・営業時間・SNS導線を整理。「行ってみたい」と思える空気感と、迷わない情報設計の両立を重視した
HTML5CSS3FigmaClaudeChatGPTAdobe Firefly
Web DesignView Live →
Web Design
学習制作（コンセプトワーク）
個人サロン デモサイト
ターゲット業種（美容室・個人サロン）向けに制作した1ページデモサイト。
想定クライアント
葛飾区周辺の個人経営美容室。Webサイトを持っておらず予約はSNS・電話のみ。新規顧客の獲得につながるサイトがない状態を想定
課題
美容室に興味を持った方が検索しても情報が見つからず来店判断に至らない。「どんな雰囲気か」「いくらか」「どう予約するか」が一目でわからない
解決方針
サロンの世界観・雰囲気を伝えるデザインに、メニュー・料金・アクセス・予約導線を凝縮。1ページで初来店の不安を解消する構成を設計
HTML5CSS3FigmaClaude
Web DesignView Live →
Web Design
学習制作（コンセプトワーク）
塾・教室 デモサイト
ターゲット業種（個人塾・習い事教室）向けに制作した1ページデモサイト。
想定クライアント
少人数制の個人塾・習い事教室。口コミ・チラシ中心で集客しており、Webサイトを持っていないか古いまま放置している状態を想定
課題
検索で教室を見つけた保護者が「どんな先生か」「費用がいくらか」「体験はできるか」を一目で確認できず、問い合わせに至らない
解決方針
先生の人柄・教室の雰囲気・料金・スケジュールを1ページに集約。体験レッスン申込みを最重要CTAに据え、保護者の不安を解消する構成を設計
HTML5CSS3FigmaClaude
E-CommerceView Live →
E-Commerce
学習制作（コンセプトワーク）
伝統漆器 EC
伝統工芸品をモダンUIで魅せるEC。バイリンガル対応。
想定クライアント
小田原漆器の魅力発信・普及促進を行う団体。伝統工芸品としての価値はあるが、Web上での情報発信と購買導線が十分に整っていない状態を想定
課題
伝統工芸品の品格を保ちながら現代ユーザーにも魅力が伝わる見せ方が必要。観光目的・工芸に関心のある閲覧者・購入検討者のいずれにも対応できる構成が求められる
解決方針
和の空気感を保ちながら古く見えすぎないモダンなレイアウトを採用。ブランドストーリー・産地性・使用シーンの提案を通じて、興味から行動へつながる体験設計を目指した
HTML5CSS3JavaScriptClaudeChatGPTAdobe Firefly