ポートフォリオ
集客と信頼性を高めた、1F8の過去プロジェクト
クリニック、B2B SaaS、ECなど多業種でサイトを新規構築・改善してきました。課題の言語化からデザイン・コピー・計測までを整え、公開後も改善した事例をピックアップしています。
制作 / 運用実績
50+
LP・コーポレート・サービスサイトの新規/リニューアル
対応業種
10+
医療、B2B SaaS、EC、教育、士業など
平均リリース期間
1-4週
要件定義〜初回公開まで短期スプリントで対応
改善サイクル
週次
公開後もデータ計測と改修を継続
AIサイト生成
AIサイト自動生成「IQ」
競合調査からコピー・デザイン生成、公開までをAIエージェントが1分で行うLP自動生成プロダクト。制作費とリードタイムを大幅に圧縮します。
Gatsby/Reactで生成されたサイトをそのままホスティング。Hero・CTA・レビュー・FAQなどを自動配置し、編集UIから微調整可能。構造化データや計測タグも自動付与。
できること
- 競合スキャンと訴求軸抽出で「勝ち筋」を自動提示
- コピー・レイアウト・カラーを一貫したトーンで即生成
- 公開後も計測データを学習し改善案を提案
進み方
- URLやキーワードを入力するとAIがリサーチ
- コピーと構成案を自動生成し プレビュー
- 1クリックでホストへデプロイ（レスポンシブ対応）
- 計測・A/Bテスト結果から改善を提案
IQ デモ動画（YouTube）
ウェブ制作
サイト制作・リニューアル
集客を意識した新規構築・リニューアルに加え、AIチャットボット搭載を特徴とする事例です。
村上医院
村上医院（府中市）
内科・循環器・消化器 ・小児・腎臓（透析）を扱うクリニックのレスポンシブリニューアル、ブランディング刷新、SEO改善を実施。
- ・昼夜の人工透析対応
- ・健診・ワクチン（コロナ/インフル）
- ・府中市役所近くでアクセス良好
- ・検索流入強化とモバイルUX最適化
サンライズ幸 内科・訪問診療クリニック
北摂（茨木・高槻・吹田）を中心に内科・訪問診療を行うクリニックの新規構築。診療内容とアクセスをわかりやすく配置。
- ・訪問診療と総合内科
- ・整形外科・リハビリ・感染症外来
- ・ヒーローCTAから予約導線を明確化
- ・阪急「茨木市」駅徒歩3分のアクセス表示
うどんれすとらん へんこつ
うどんれすとらん へんこつ
茨城・栃木に店舗展開するうどんレストラン。温かみのあるビジュアルでブランド刷新、人気メニューと店舗アクセスを整理。
- ・看板うどんと季節メニューを訴求
- ・地元野菜と揚げたて天ぷらの強みを整理
- ・店舗一覧とアクセスをわかりやすく掲載
- ・家族利用・会食ニーズに応えるトーン設計
自社ブランド EC
I-AI（自社ブランドEC）
Shopify Hydrogen（Remixベース）で構築した 自社ブランドEC。LiquidではなくHydrogenを採用し、Cart/Account/Collections/Searchを拡張、多言語・複数ショップIDにも対応。
Kamonflage（家紋×迷彩）、Be ji-You（カラフルティザー）、I-AI Fashion（テック系ライン）などを展開。Redbubbleと生成AIで商品・ビジュアルを制作し、AI×ファッションを前面に打ち出しています。
LiquidではなくHydrogen/Remixを採用した理由は、Reactベースの開発体験、ネストルーティングやストリーミングSSRによる速度、Storefront APIを直に制御できる拡張性があるためです。カート・アカウント・多言語・複数ショップ対応をテーマの制約なく実現できます。
I-AI Fashion
テック系ライン
Kamonflage
家紋×迷彩コレクション
Be ji-You
カラフルティザーライン
Shopify アプリ
1F8が開発したShopifyアプリ
Shopify上で動く在庫自動化アプリと、AIDASで広告効果を見える化するアプリをまとめて紹介します。
Shopifyアプリ「Stock Concierge」
Shopifyストアの在庫変動を自動で集め、AIが日本語/英語で要約を届ける“在庫の執事”。気づきを早め、在庫判断を楽にするためのアプリです。
フロントはGatsby製の埋め込みアプリ、バックエンドはServerless Framework + GraphQL/APIをAWS Lambdaに載せた構成。DynamoDB/SES/外部APIを組み合わせ、メールテンプレートはReact Emailで管理。
何ができるか（非エンジニア向け）
- 在庫変動の自動ウォッチ：Shopifyからの在庫通知を受け取り、どの商品で変動が多いかを記録。
- AI要約レポート：過去24時間の動きや在庫ゼロ商品を短いレポートにしてJP/ENで表示。
- 定期メール配信：レポートをメール送信。無料トライアル終了が近い場合のリマインダーも自動。
- サブスクリプション管理：プラン選択/キャンセル、現在の契約やトライアル残日をアプリ内で確認。
- 埋め込みUI：Shopify管理画面内で動作。EN/JA切替、プラン比較、デモモードで接続前でも画面を確認可能。
利用イメージ
- インストールすると在庫変動の収集を自動開始。
- AIが直近の在庫動きを要約し、管理画面/メールで確認。
- プランの変更やキャンセルをアプリ内で実行（トライアル→有料など）。
- トライアル期限が近づくとリマインド。期限後は自動で無料プランに戻すなどのケアを実施。
Stock Conciergeのデモ動画（YouTube）
AIDAS アプリ
EC事業者向けに広告チャネルの効果をAIDAS（Attention / Interest / Desire / Action / Satisfaction）で可視化するShopifyアプリ。複数広告プラットフォームの指標をまとめて確認し、どこを優先的に改善すべきか判断しやすくすることが目的です。
フロントはGatsby/React + Shopify Polaris（多言語対応）。NivoチャートでAIDASフェーズ別に指標を表示し、LPとダッシュボード（demo画面）を用意。バックエンドはServerless（Lambda+API Gateway）でGraphQL APIを持ち、Shopify認可・Webhook登録・広告データ連携を扱います。
機能ハイライト
- AIDAS別ダッシュボード：配信量・クリック・費用・CV・売上を各フェーズごとにカードとグラフで見える化。
- 多言語LPとUI：英語/日本語の切替に対応。PolarisベースのUIとデモ画面付き。
- 連携管理：Yahoo!/Google/Facebook広告の接続・更新・解除ができ、未接続のサービスは接続を促すUIを用意。
- データ整合：広告アカウントやキャンペーンの型を統一し、フロントとバックのずれを防ぐ設計。
利用イメージ
- Shopifyでアプリをインストール（認可・Webhook登録・店舗レコード作成）。
- Yahoo!/Google/Facebookなどの広告アカウントを接続し、連携設定を保存。
- ダッシュボードで日付範囲を指定し、キャンペーンデータを取得。
- AIDASフェーズ別に指標を確認し、弱いフェーズを特定。
- 連携や設定を更新し、再度データを取得して比較。
AIDAS アプリのデモ動画（YouTube）
お問い合わせ
この実績をベースに、御社サイトへ最適化します
現状の目標とチャネルをお知らせください。1F8の進め方を御社に当てはめた初回プランを作成します。