Works
企画から開発・公開・運用まで、自ら手がけたWebサービスです。
01
岡山もも農園
農園のブランド・ECサイト（架空のデモ制作）
地域の一次産業を、丁寧なブランディングで届ける。
トップページ。配色・タイポグラフィ・余白のルールを定めたデザインシステムに基づいて構築しています。
商品ページ・コンテンツページ
レスポンシブ対応
商品ページのスマホ表示。768pxを基準にハンバーガーメニュー・1カラム表示へ切り替わります。
OVERVIEW
岡山の白桃農園を題材にした、ブランディング重視のコーポレート/ECサイトです（架空の題材によるデモ制作）。配色・タイポグラフィ・余白のルールを定めたデザインシステムを最初に設計し、トップページから商品紹介・お知らせ・FAQ・お問い合わせまで一貫したトーンで構築しました。
担当
企画 / 情報設計 / デザインシステム構築 / コーディング / レスポンシブ対応
主な機能
- 商品紹介（家庭用・贈答用、価格・スペック表示）
- お知らせ一覧・詳細
- よくある質問（アコーディオン形式）
- お問い合わせ・注文フォーム（タブ切り替え）
- レスポンシブ対応（768pxブレークポイント）
Astro
岡山もも農園を見る →
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
いついつを見る →
