AI Web開発 コーポレート · EC · Webアプリ

Core Web Vitals 90+のコーポレートサイト・EC・Webアプリ。GoogleにもChatGPT等のAIにも見つかる設計。

エンジニアに相談

私たちが作るもの

プレミアムなブランドサイトから本格的な業務システムまで。

コーポレートサイト

多言語のブランドサイト、CMS付き。

Eコマース

決済・配送・在庫連携まで完備。

Webアプリケーション

顧客ポータルと社内システム、インストール不要。

機能と特長

SEO + AEO構造

スキーマ完備、公開初日からAIに引用される設計。

5言語対応

正しいhreflangでタイ・英・日・韓・中。

編集できるCMS

開発者を呼ばずに更新可能。

AIチャットウィジェット

訪問者に回答しリードを獲得。

Core Web Vitals 90+

全ページがGoogleの速度基準をクリア。

PDPA + Cookie同意

タイ個人情報保護法に準拠。

業種ごとに作るWebサイト

Webサイトの役割は業種によって変わります。最初の6つはご依頼の多いサイト、残りの6つは特定の業種に合わせて設計したものです。

多言語コーポレートサイト

「2018年に作ったサイトで、スマホで開くと表示が崩れる。文章を少し直すだけでも、作った人の手が空くのを待つしかない。日本や中国のお客さんが来てもタイ語のページしかないし、カタログは2019年のPDFのままで、営業が毎回自分で送っている」

構築する内容
  • 正しいhreflangを備えたタイ語・英語・日本語・韓国語・中国語の5言語サイト。プログラマーを呼ばず、社内でCMSから内容を更新
  • サイト上で検索と絞り込みができる製品カタログ。製品情報と仕様はPDFに代えてERPから取得
  • 見積依頼フォーム。内容はCRMに入り、その国を担当する営業にLINEですぐ通知
  • サイト上のAIチャット。製品、サービス、連絡方法についての質問に訪問者の言語で答え、リードも記録
  • 構造化データを備えたSEOとAEOの設計。各市場の言語で検索上位に表示され、AIにも引用される構成

連携先HubSpot · Salesforce · ERP · Google Analytics · LINE OA · WeChat

自社ドメインのオンラインストア

「ECモールの売上は悪くない。でも手数料は毎年上がるし、お客さんが誰なのかは一度もわからない。前に買ってくれた人に案内を送ることも、自分たちでセールを打つこともできない」

構築する内容
  • スマホで速く開くストア。カード、PromptPay(タイのQR決済)、モバイルバンキング、分割払いに対応し、今使っている配送業者で追跡番号も自動発行
  • Shopee、Lazada、TikTok Shopと共通の在庫。どのチャネルで売れても同じ在庫から差し引き、在庫を超える販売を防止
  • 会員制度とクーポン。過去の購入内容に合わせて、既存顧客へLINEやメールで案内
  • 話し言葉で探せる商品検索と、よく一緒に買われる商品の提案。配送状況や返品の質問にはAIチャットが回答
  • 商品名の検索で上位に表示される自社の商品ページ。売上は手入力なしで会計システムへ

連携先Shopee · Lazada · TikTok Shop · Omise · Flash Express · PEAK · LINE OA

ホテル公式サイトの予約エンジン

「お客さんはGoogleでうちを見つけても、サイトで予約できないからOTA経由で予約する。最初からうちに泊まるつもりだった人の分まで、毎泊手数料を払っている。直接予約を始めたら始めたで、確認の電話を自分たちでかけることになった」

構築する内容
  • ホテル自身のドメインに置く予約ページ。空室と料金はPMSとサイトコントローラーからリアルタイムに取得し、予約と同時に全チャネルの在庫から部屋を差し引き
  • カードとPromptPay(タイのQR決済)での支払い。予約確認はメールとLINEで自動送信し、タイ語・英語・中国語・日本語・韓国語に対応
  • AIチャット。部屋タイプ、送迎、チェックイン時刻、子ども連れやペットの規定についてホテルが承認した情報で答え、予約ページへ案内
  • ホテル名の検索で上位に表示されるホテルページ。Google Hotel Adsと連携し、旅行者がAIに尋ねたときに引用されやすい文章で作成
  • 到着前とチェックアウト後のLINEやメール。次回の直接予約コードを添え、直接予約とOTAの比率はダッシュボードで確認

連携先Opera PMS · SiteMinder · Omise · Google Hotel Ads · LINE OA · Google Analytics

顧客ポータル

「案件の状況、請求書、前にも送った書類のことで、毎日お客さんから電話がかかってくる。チームは本来の仕事をする代わりに、同じ質問に答えている」

構築する内容
  • 顧客ごとのログイン画面。案件の状況、納期、これまでの履歴を、ERPや業務システムからリアルタイムに表示
  • 請求書、領収書、契約書のダウンロード。PromptPay(タイのQR決済)やカードで同じ画面から支払え、入金は会計に自動で反映
  • AIチャット。案件の進み具合や未払い額など、その顧客のデータをもとに答え、古い書類も検索
  • LINEやメールでの通知。状況の変化、請求書の発行、期日が近いことを知らせる仕組み
  • 不具合の連絡やサービス依頼のフォーム。履歴付きでチームの対応キューに入り、顧客の質問で多いテーマはダッシュボードで確認

連携先SAP · Odoo · Xero · FlowAccount · PromptPay · LINE OA · Microsoft 365

キャンペーンページ・ランディングページ

「広告を出して、サイトのトップページに人を送っている。アクセスは多いのにフォームは入力されないし、どこで離脱しているのかもわからない」

構築する内容
  • スマホで速く開くキャンペーンページ。短いフォームとLINEで問い合わせるボタンを置き、全ページをGoogle Analyticsと各広告媒体の計測タグに接続
  • CRMへのリード連携。どの広告、どのキーワードから来たかを添えてすぐに登録し、営業には数分以内にLINEで通知
  • 社内で新しいページを作れるテンプレート。ブリーフをもとに、見出し、本文、A/Bテスト用の案をシステムが下書き
  • キャンペーンページ上のAIチャット。キャンペーンの内容や条件に答え、フォーム入力にまだ踏み切れない人の名前と電話番号を記録
  • キャンペーンごとのリード獲得単価を比べるダッシュボード。ページのどこで人が離れているかも表示

連携先Facebook Ads · Google Ads · TikTok Ads · Google Analytics · HubSpot · LINE OA

社内向けWebアプリ

「今のシステムは、オフィスの1台のパソコンにインストールしたソフト。ほかの場所からは使えないし、作った人とももう連絡が取れない」

構築する内容
  • どのブラウザからでも、スマホやタブレットからでも開けるWebアプリ。ログインは会社のMicrosoft 365またはGoogle Workspaceのアカウントで
  • Access、Excel、既存ソフトからのデータ移行。移行の前後で合計値をお客様のチームと一緒に照合
  • 役職に応じた権限と承認フロー。誰がいつ何を変更したかを監査ログに記録
  • システム内のAIアシスタント。話し言葉でデータを検索し、月次レポートを下書きし、アップロードされた書類を読んでフォームに入力
  • ERP、会計システム、社内のLINEとの連携。ソースコード、ドキュメント、すべての権限をお客様に引き渡し

連携先Active Directory · Microsoft 365 · Google Workspace · SAP · Excel · LINE OA

AI検索対策(GEO・AEO)

「ChatGPTに『バンコクでおすすめの美容クリニックは』と聞いても、うちの名前は出てきません。名前を出して聞くと、去年のキャンペーン価格と、年明けに閉めた店舗を答えてきます」

構築する内容
  • ChatGPT、Gemini、Perplexity、Copilot、AI Overviewsが顧客の実際の質問にどう答えるかをタイ語と英語で調べた監査レポート。名前の有無、内容、引用元を記録
  • 質問ごとにはっきりした答えを載せて書き直したページ。価格、店舗、営業時間はタイ語と英語の文章で、サーバー側でレンダリングして速く表示
  • ページの内容と一致するSchema.org(Organization、LocalBusiness、Product、合うページにはFAQ)、AIクローラーを1つずつ選ぶrobots.txt、llms.txtファイル
  • カタログや予約がある事業向けのフィードかMCPエンドポイント。AIエージェントが価格、在庫、空き枠を実際のシステムに問い合わせられます
  • 同じ質問による毎月の再確認と、ChatGPT、Perplexity、Gemini、Copilotからの訪問をほかの流入と分けて見せるダッシュボード

連携先Google Search Console · Bing Webmaster Tools · Google Analytics 4 · Google Business Profile · WordPressまたは既存のCMS · 予約システムやERP

クリニックのWebサイトとオンライン予約

「新しい患者さんがクリニック名で検索しても、出てくるのは口コミサイトばかり。今のサイトには医師の紹介も料金もなく、予約もできないから、結局みんな電話で何でも聞いてくる」

構築する内容
  • 診療メニュー、医師、料金、よくある質問のページ。GoogleとAIに引用されやすい書き方で作り、Google Business Profileと連携
  • オンライン予約。HIS(病院情報システム)や既存の予約システムから医師の実際のスケジュールを表示し、PromptPayで予約金を受け付け、LINEですぐに確認
  • LINEでの事前リマインド。施術前の注意事項を添え、電話なしで患者が自分で予約を変更
  • AIチャット。診療メニュー、料金、事前準備、アクセスについてクリニックが承認した情報で答え、医療に関する質問は看護師へ
  • タイの個人情報保護法(PDPA)に沿った問診票と健康情報の同意取得。空き枠、無断キャンセル、よく聞かれる診療メニューはダッシュボードで確認

連携先HIS · LINE OA · Omise · PromptPay · Google Business Profile · Facebook Messenger

入学出願サイトと学生ポータル

「毎年、出願の時期になると教務課には1日に何百件ものメールとLINEが届く。願書はPDFで来るから、システムに打ち直さないといけない。保護者にどこまで進んだかと聞かれても答えられない」

構築する内容
  • 多言語のオンライン出願フォーム。スマホから書類をアップロードし、PromptPay(タイのQR決済)やカードで出願料を払い、各段階の状況を自分で確認
  • アップロードされた身分証、住居登録証(タイの住民票)、成績証明書の読み取り。フォームに自動で入力し、書類の不足や不鮮明な画像があれば保護者に連絡
  • 承認済みの願書を学籍システムへ連携。打ち直しは不要で、結果は保護者にLINEとメールで通知
  • AIチャット。カリキュラム、学費、日程、必要書類について、学校が承認した情報をもとに保護者の言語で回答
  • 時間割、お知らせ、学費を確認できる学生・保護者ポータル。課程ごとの出願数は日単位でダッシュボードに表示

連携先既存の学籍システム · Google Workspace · Microsoft 365 · LINE OA · Omise · PromptPay

物件サイトと内覧予約

「物件サイトは見た目はいいけど表示が遅いし、誰も内覧を予約できない。広告から来たリードは共有のメールに入って、営業が見るのは1日1回」

構築する内容
  • スマホで速く開く物件ページ。間取り図、住戸ごとの価格、販売管理システムから取得した最新の空き住戸に加え、地図とアクセスも掲載
  • オンライン内覧予約。営業の実際のスケジュールから日時を選べ、LINEで確認し、内覧前にリマインド
  • フォーム、チャット、Google Ads、Facebook Lead AdsのリードをCRMへ。流入元を添えてすぐに登録し、物件担当の営業にLINEで通知
  • チャットアシスタント。価格、キャンペーン、分割払いの条件、アクセスについて、プロジェクトが承認した情報でいつでも回答
  • 海外の購入者向けの多言語物件ページ。物件ごとのリード数、内覧数、広告の流入元ごとの成約率はダッシュボードで確認

連携先Salesforce · HubSpot · 物件の販売管理システム · LINE OA · Google Ads · Facebook Lead Ads · Google Maps

注文とテーブル予約ができる飲食店サイト

「常連さんがデリバリーアプリで注文するから、もともとうちで頼むつもりの人の分まで毎回手数料を取られる。テーブル予約もLINEで来るけど、スタッフの返信が追いつかなくて、たまに予約が重なる」

構築する内容
  • Webメニュー。価格や品切れは店がスマホから直接更新し、利用客は持ち帰りやテーブルのQRで注文して、PromptPay(タイのQR決済)やカードで支払い
  • 注文の一元化。サイト、LINE OA、デリバリーアプリ(LINE MANやGrabFood)からの注文を同じPOSと厨房の画面にまとめ、打ち直しは不要
  • オンラインのテーブル予約。実際の空席を表示し、LINEで確認とリマインドを送り、変更やキャンセルは利用客自身で
  • サイトとLINEのAIチャット。「辛いものは苦手」「ナッツアレルギー」「6人で行く」といった希望からメニューを提案し、営業時間、駐車場、本日のおすすめにも回答
  • 会員制度と既存客へのLINEメッセージ。チャネル別の売上、売れ筋メニュー、空席が出る時間帯はダッシュボードで確認

連携先LINE OA · LINE MAN · GrabFood · FoodStory POS · Omise · PromptPay · Google Business Profile

B2Bカタログと見積依頼システム

「販売店は注文したいものをLINEで送ってくる。写真のときもあれば、文字のときもある。営業はそのたびにExcelでその店の価格を開いて、自分で見積書を作っている。仕様が変わった製品もあるのに、PDFのカタログは古いまま」

構築する内容
  • 仕様で検索・絞り込みできる多言語カタログ。製品情報、写真、データシートはERPから取得するので、PDFが古くなる心配なし
  • 販売店ごとのログイン画面。契約価格、注文履歴、注文状況を表示し、過去の注文からそのまま再注文
  • カートからの見積依頼。その販売店の価格と条件でシステムが見積書を下書きし、営業が確認・修正して当日中にPDFで送付
  • AIチャット。顧客が入力した仕様や送ってきた写真から製品を探し、近い型番を比べ、リードタイムを実データで回答
  • 承認済みの注文は打ち直しなしでERPへ。担当営業にLINEで通知し、販売店ごとの売上と未成約の見積はダッシュボードで確認

連携先SAP · Odoo · Oracle NetSuite · Salesforce · LINE OA · Microsoft 365

オンライン講座サイト

「講座販売のプラットフォームを使うと売上の一部を取られる。自分で売れば、動画のリンクを一人ずつLINEで送って、振込明細も自分で確認しないといけない。そのうえリンクを勝手に共有する人もいる」

構築する内容
  • 受講者が自分で申し込み、PromptPay(タイのQR決済)、カード、分割払いで支払える講座ページ。振込明細の確認を待たずにすぐ受講開始
  • 受講者ごとの権限で再生する動画。共有できるリンクはなく、視聴した位置を覚えてスマホで続きから再生
  • 各回の最後に即時採点の確認テスト。問題は講座の内容からシステムが下書きして講師が選び、基準に達すれば修了証を自動発行
  • 教室内のAIアシスタント。その講座の内容から答え、どの回の何分目かを示し、答えられない質問は講師へ
  • 会員制度、クーポン、新しい回の公開や期限切れ前のLINE通知。売上、修了率、視聴が止まる回はダッシュボードで確認

連携先Omise · PromptPay · Vimeo · Zoom · LINE OA · Google Workspace · HubSpot

AI Web開発
また訪れたくなる場所へ

優れたウェブサイトは、お客さまが足を踏み入れたくなり、また戻ってきたくなる場所です。

進め方

01

構造とワイヤーフレーム

キーワードと顧客導線からサイト設計、先に承認。

02

AIで開発

3倍速で制作、シニアが品質管理。

03

公開・計測・改善

分析を設定し、継続的なSEO改善ループ。

お使いのツールと連携

お使いの決済・マーケティング・販売チャネルと接続。

AstroNext.jsWordPressShopifyStripeOmiseGoogle AnalyticsLINE OACloudflare

開発プロセス

  1. 1

    ヒアリング

    要件・ユーザー・成功指標を定義し、着手前に範囲と価格を確定。

  2. 2

    設計

    UXとアーキテクチャを設計。プロトタイプ承認後に開発へ。

  3. 3

    開発

    AIで加速したスプリント。毎週デモ、シニアがレビュー。

  4. 4

    テスト

    合意した範囲に対してQA・セキュリティ・性能を検証。

  5. 5

    公開・保守

    本番リリース、チームトレーニング、月次保守プラン。

DNA Makerが選ばれる理由

2012年から500+案件

タイの銀行・エネルギー・小売大手での実績。

着手前に価格確定

固定スコープ・固定価格。途中の膨張なし。

AIで速く、シニアが品質担保

AI活用で3倍速の納品。品質はシニアエンジニアが管理。

5言語・バンコク拠点

日本語対応。PDPA準拠で安心。

ビジネス課題を、動くシステムに変える

今日ご相談いただければ、計画と予算をまとめた経営層向けの提案書をご提示します。

相談を始める