Works
01
岡山もも農園
農園のホームページ（架空のデモ制作）地域の一次産業を、丁寧なブランディングで届ける。
トップページ。配色・タイポグラフィ・余白のルールを定めたデザインシステムに基づいて構築しています。
商品ページ・コンテンツページ
レスポンシブ対応
トップページのスマホ表示。768px以下でヘッダーがハンバーガーメニューに切り替わります。
OVERVIEW
岡山の白桃農園を題材にした、購入につなげることを重視したホームページです（架空の題材によるデモ制作）。配色・タイポグラフィ・余白のルールを定めたデザインシステムを最初に設計し、トップページから商品紹介・農園紹介・お知らせ・FAQ・お問い合わせまで一貫したトーンで構築しました。
担当
企画 / 情報設計 / デザインシステム構築 / コーディング / レスポンシブ対応
主な機能
- 商品紹介（家庭用・贈答用、価格表示）
- 農園紹介
- お知らせ
- よくある質問
- お問い合わせ・注文フォーム
- レスポンシブ対応
Astro / TypeScript / 静的サイト生成 / Cloudflare Pages
実際のサイトを見る02
たびぽこ
グループ旅行の意思決定サービス旅行の「決まらない」をなくすWebサービス。
主催者の管理画面。候補ごとに参加者の回答（◯／×／未回答）が集計され、日程 → 行き先 → 宿 の順に1つずつ確定して進めます。
参加者の画面（ログイン不要・スマホ）
宿の候補追加は楽天トラベルAPIと連携。宿名を入力すると実在の宿を検索して候補に追加できます。
OVERVIEW
グループ旅行の日程・行き先・宿を、URLを共有してみんなで決められるWebサービスです。企画・設計から開発、公開まで一貫して行いました。
担当
企画 / 要件定義 / UI設計 / フロントエンド / バックエンド / DB設計 / 認証 / 外部API連携 / 決済 / デプロイ
主な機能
- URL共有によるログイン不要の参加・投票
- 主催者アカウント
- 日程 / 行き先 / 宿の段階的な決定
- 楽天トラベルAPIとの連携
- Stripeによるサブスクリプション決済
Next.js / TypeScript / Tailwind CSS / PostgreSQL / Prisma / Supabase / Stripe / 楽天トラベルAPI / Render
実際のサイトを見る03
いついつ
複数人の日程調整サービス「いつ空いてる？」を、もっとかんたんに。
つくる → こたえる → きまる（すべてスマホ・回答はログイン不要）
OVERVIEW
候補日を選んでURLを共有するだけで、複数人の日程を調整できるWebサービスです。参加者はログイン不要で○×を回答でき、主催者は作成・集計・共有まで行えます。
担当
企画 / 要件定義 / UI設計 / フロントエンド / バックエンド / DB設計 / 認証 / 決済 / デプロイ
主な機能
- カレンダーから複数の候補日を選択
- 共有URLの発行
- ログイン不要の○×回答
- 回答結果の集計・おすすめ日の表示
- 主催者のパスワードレス認証
- 無料枠の管理
- Stripeによるサブスクリプション決済
Next.js / TypeScript / Tailwind CSS / PostgreSQL / Prisma / Auth.js / Stripe / Resend / Render
実際のサイトを見る
