αAetra Studio
Works · Samples

実績と 業界 × AI サンプル。

Next.js 15 + Cloudflare の最新スタックで作った 1 作目の本番事例と、 「あなたの本業 × AI」のニッチ深耕戦略を体現する業界別サンプル。 建設業・通信工事 — 通信業界の国家資格 4 つを持つ私だからこそ作れる、業界特化の WEB と AI ツールの形を提示します。

Case Study · 2026

週間お買い物アシスタント
— 家族の食卓を AI と自動化で支える個人事業

毎週金曜 6:00 に AI が翌週分の家族向け献立を自動生成し、AEON ネットスーパーのカートに 食材を投入する個人事業の、マーケティングサイト。Next.js 15 + Cloudflare Workers + D1 で構築した、編集デザインとモダン UI を併せ持つ 6 ページ構成のサイト。

→ 実機サイトを見る (okaimono.alpha-aetra.com)
週間お買い物アシスタント — サイトモックアップ
Brief

事業者の意図を、サイト全体で語る

「家族の食卓づくりを AI に肩代わりさせたい」という、共働き・育児中のご家庭の悩みに応える個人事業。 競合のスタートアップ的な軽さではなく、和の素材感と静かなフェードイン演出を併せ持つ 「個人事業の、しずかな自信」を表現するサイトを目指しました。

価格と回数上限を率直に開示し、福祉プランも明示。家族が本当に使えるサービスかどうかを、 お客様が初訪問の数十秒で判断できる設計にしています。

Design

柿色 × 和 × 静かなモダン

ブランド色は和の柿色(#b8431c)。背景はオフホワイト、本文はインク色のモノクロ基調に、 柿色を要所のアクセントとして配置。Noto Sans JP / Noto Serif JP の和タイポと、 Inter / Fraunces の欧文タイポを切り替えて使い分けました。

動きは「大きく動かさず、フェード + わずかな translate + ブラー解除」のミニマル設計。 cubic-bezier(0.16, 1, 0.3, 1) のイージングで 900ms かけて静かにリビールします。 最上部の柿色進捗バーがページの読了率を視覚化。

Highlight

没入型「FRIDAY 06:00」スクロール体験

本体ページとは独立した /morning ページを実装。Header/Footer 非表示で、 ある金曜朝 6:00 のスクロール短編体験を提供します。背景色がシーン進行で 5 段階フェードし、 縦組みの漢字が演出に使われる、編集デザイン的な実験ページ。

営業ページではなくコンテンツとして、ホームヒーロー直下に細い線でリンクされています。 「個人事業だからこそ、こういう実験ができる」というブランドの主張そのものになっています。

Specs
Framework
Next.js 15.5 (App Router · Turbopack)
Hosting
Cloudflare Workers
Database
Cloudflare D1
Styling
CSS Modules + Design Tokens
Pages
6 ページ + 没入ページ /morning
Period
2026年 4月 〜 5月(約 6 週間)
Next.js 15TypeScriptCSS ModulesCloudflare WorkersD1編集デザインミニマルモーションレスポンシブ
Industry × AI Samples

業界特化の 本業 × AI サンプル。

通信業界の国家資格 4 つと現場経験を活かして、業界特化の WEB と AI ツールがどのような形になるかを示す参考サンプル。 実在する企業のものではなく、業界の典型的な要件をベースに私が組み立てた構成案です。 「うちの業界なら、こんなものを作りたい」のたたき台として、ご活用ください。

SAMPLE · 建設業
Industry × AI Sample 01

建設業向け施工事例ギャラリー
+ 工事写真の AI 自動分類

元請け対応の信頼感ある会社案内サイトと、現場で撮った写真をスマホからアップするだけで AI が「外構 / 内装 / 構造体 / 設備」を自動分類して施工事例ページに公開する仕組み。 建設業の人手不足と「事例を載せる時間がない」課題を、AI で一気に解決します。

  • 施工事例の自動投稿フォーム(スマホで写真 → AI が分類 → 自動公開)
  • 管理建築士・施工管理技士などの資格者リスト
  • 元請け対応の信頼感ある会社概要・許認可一覧ページ
  • お問合せ → 概算見積もり → 現地調査の自動化フロー
10万円〜 WEB 制作5万円〜 AI ツール組込30〜45日 制作期間
建設現場の写真
— 2026 / SAMPLE — YAMADA CONSTRUCTION —
CONSTRUCTION × AI · NO.01
現場を、
未来へ。
写真をスマホで撮るだけ、AI が施工事例を編む。
01
— FEATURE
施工事例ギャラリー自動公開
AI が「外構/内装/構造体/設備」を判別
02
— FEATURE
資格者一覧 + 元請対応案内
管理建築士・施工管理技士・許認可一覧
SAMPLE · 飲食店
Industry × AI Sample 02

飲食店向け季節別チラシ・メニュー
AI 自動生成

季節ごとに変わる品書きを、AI が文章・写真・キャッチコピーまで含めて自動生成。 印刷用チラシ・SNS 投稿・サイト掲載用メニューがワンクリックで揃います。 毎月のチラシ制作に追われる飲食店の手作業時間を、お客様への接客時間に戻します。

  • 季節別チラシ・LINE クーポンを AI が自動生成
  • メニュー写真の AI 補正(色味・明るさ・トリミング)
  • Google ビジネス対応のお店紹介ページ
  • アレルギー情報の構造化・多言語対応
10万円〜 WEB 制作5万円〜 AI ツール組込21〜35日 制作期間
和食の食卓写真
— 2026 / SAMPLE — お食事処 やまだ —
SEASONAL MENU × AI · NO.02
秋の、
品書き。
毎月のチラシ、AI が文と写真を編む。
01
— SIGNATURE
秋鮭の土鍋ごはん御膳
秋鮭・きのこ三種・出汁巻き玉子
¥1,580
02
— DAILY
名古屋コーチン親子丼
地鶏・温泉卵・三つ葉
¥1,180
SAMPLE · 福祉・介護
Industry × AI Sample 03

介護記録の音声入力 AI 自動整形
+ 利用者向け事業所案内

ヘルパーさんがスマホに話しかけるだけで、AI が介護記録の様式に整形。 記録に取られていた時間を、利用者さんへの接遇時間に戻します。 合わせて、家族・行政向けに信頼感のあるデイサービス案内サイトを構築。

  • 音声入力 → AI が介護記録の様式に自動整形
  • 家族向け:ご利用案内・送迎範囲・料金プラン
  • 行政・ケアマネ向け:事業所概要・サービス提供体制
  • 採用ページ:ヘルパー・看護師の募集案内
10万円〜 WEB 制作5万円〜 AI ツール組込30〜45日 制作期間
介護のシーン
— 2026 / SAMPLE — デイサービス 春日苑 —
DAY CARE × AI · NO.03
記録は、声で。
想いは、手で。
ヘルパーの時間を、利用者さんへ戻します。
01
— FEATURE
音声入力 → AI が介護記録に
話すだけで様式に整形 / 残業を週 5h 削減
02
— FOR FAMILY
ご家族・ケアマネ向け案内
送迎範囲・料金・見学受付
—— Your Industry × AI ——
あなたの業界の「× AI」を、一緒に作りませんか。
建設業・通信工事の他にも、美容室・飲食店・介護・職人など、業界特化の組合せに応じます。 「うちの業界はこういう作業に時間が取られている」を教えてください。 AI で解決できる形を、一緒に設計します。
業界 × AI のご相談 →