八割は合っている。残りの二割が毎日効く
既成のテンプレートは、たいていの要件をおおよそ満たします。合わない二割を運用でカバーし続けた結果、毎月の手間として積み上がっていきます。
問
Issues
作り直しのご相談は、だいたいこの四つから始まります。
サイトが無いという相談は、実はほとんどありません。 あるけれど、こうなっている、というご相談です。
0104
直せるのは、作った会社だけ
文言ひとつ変えるのに見積が要る状態です。連絡が取りにくくなると、古い情報が載ったまま止まります。
問
デザインは褒められる。問い合わせは増えない
見た目は整っているのに、どこから連絡すればよいか分からない構造になっている。読む順番と、迷わせない導線の設計が抜けている状態です。
問
機能を足したいが、構造が耐えない
予約、会員、在庫連携。あとから足そうとすると、土台を作り直すことになる。最初の構造設計で決まってしまう部分です。
問
Template or Full-order
八割は合っている。
八割は合っている。
残りの二割が、毎日効く。
既製の型紙には、決まった形の穴しかありません。御社の業務を上から落とすと、たいていは収まります。収まらないものが、下に残ります。
0 ／ 十のうち 型紙に収まらなかったもの。ここが毎月の手作業になり、人の時間で埋め続けることになります。
テンプレートが悪いわけではありません。正直に申し上げると、右の二枚が出ない会社のほうが多く、その場合はテンプレートで十分です。
オーダーメイドは、この二枚が毎日効いてくる会社のための作り方です。社内で使う業務システムのご相談はオーダーメイドシステム開発、制作会社の選び方からのご相談はホームページ制作をご覧ください。
Scope
目的が違えば、作りも変わります。
パネルにふれると開きます。
コーポレート01
コーポレートサイト
会社の信用を、画面で担保する
日本の法人は、発注前に会社の実体を必ず確認します。会社概要、体制、実績、問い合わせ後の流れ。読み手が確かめたい順に置くことが、装飾より先に効きます。
- 会社案内
- サービス紹介
- 実績・事例
- 問い合わせ導線
採用サイト02
採用サイト
応募の一歩手前で、離脱を止める
働く場所の空気、実際の一日、選考の流れ。求人媒体には書ききれない部分を置く場所です。応募フォームまでの距離を短くします。
- 職種紹介
- 社員インタビュー
- 選考フロー
- 応募フォーム
EC・予約・会員03
EC・予約・会員
お金と在庫が動く画面
決済、在庫、配送、キャンセル規定。表に見える画面より、裏の運用のほうが先に決まっている必要があります。ここを飛ばすと公開後に必ず止まります。
- ECサイト
- 予約システム
- 会員・ポイント
- 外部連携
LP・キャンペーン04
LP・キャンペーン
一枚で、決めきる
広告から着地する一枚。読む順番、証拠の置き方、離脱しやすい位置。公開後に数字を見て直せる形で作ります。
- 広告用LP
- キャンペーン
- 資料請求
- 計測設計
The other two tenths
既製で届かないのは、いつもここです。
実際に作った画面を四つ、そのまま置いておきます。朱で丸をつけたところが、テンプレートでは作れなかった二割です。
アパレルEC二割
色とサイズで、在庫が別建てになる
同じ型番でも色ごとに売れ方が違い、サイズごとに残り方が違います。既製のカートは「商品ひとつに在庫ひとつ」で作られているので、ここだけは必ず作り替えます。
旅行手配二割
目的地ごとに、条件が違う
同じ日数でも、行き先が変われば手配の順番も必要書類も変わります。一枚のフォームでは受けきれないので、条件によって道が分かれる作りにしています。
建材メーカー二割
屋根・壁・樋を、一枚ずつ選ぶ
完成してからでは直せないものを、決める前に見せる。部材ごとに色を選べる画面は、カタログを何冊お送りするより早く話が終わります。
リゾート二割
客室から庭まで、途切れずに歩く
写真を何十枚並べるより、行った気になっていただくほうが早い商売です。既製のギャラリー機能では、この連続した移動が作れません。
いずれも弊社が制作し、現在も動いている画面です。お客様のご事情がありますので社名は伏せ、業種と作り替えた箇所だけを記しています。ご商談の場では、公開中のURLでお出しします。
Why MONA
画面より先に、構造を決めます。
四幅の掛軸に要点をまとめました。ふれると巻きが下りて、詳細が現れます。
壱
構造が、先。
読む順番と情報の並びを決めてから、デザインに入ります。表示速度も検索での見つかりやすさも、出来上がった画面にあとから足せるものではありません。構造の段階でほぼ決まります。
弐
更新できる形で。
御社が触る場所を先にうかがい、その部分だけ編集できる形でお渡しします。どこでも編集できる作りは自由に見えて、実際には壊れやすくなります。触らない場所は触れないようにしておくほうが、長く保ちます。
参
見た目より、動線。
賞を狙う画面ではなく、問い合わせが届く画面を作ります。読み手が確かめたい順に置き、迷う場所を減らす。公開後は実際にどこで離脱しているかを見て直します。作って終わりにはしません。
四
公開後も、同じ組で。
表示速度、リンク切れ、検索順位は、弊社のAIエージェントが常時監視します。軽微な不具合は自動で直し、判断が要るものだけを担当者に上げます。制作した会社と運用する会社が分かれると、原因の押し付け合いが始まります。
AI Agents
公開したサイトを、放置しないための。
弊社が自社サイトの運用で動かしているエージェントを、御社のサイトにもそのまま置けます。
ウェブマスターパンダ
サイト運用・SEO
表示速度、リンク切れ、検索順位を常時監視。軽微な不具合はその場で直します。
笑顔パンダ
問い合わせの一次対応
時間外に届いた問い合わせにその場で答え、有人対応が要るものだけを翌朝に渡します。
商談パンダ
問い合わせの仕分け
温度感の高い問い合わせから担当者へ通知します。フォームに埋もれる取りこぼしを減らします。
見積パンダ
即時お見積り
入力された条件から概算をその場で提示。折り返しを待たせません。
保守パンダ
保守・障害対応
バックアップ、脆弱性の更新、証明書の期限。忘れた頃に事故になる部分を、忘れずに見ています。
組
込
込
御社の運用に
合わせて作ることも。
AI・業務自動化を見る→← ドラッグして動かせます →
Flow
デザインに入るのは、三番目です。
読み進めるほど、墨が下りて段階が進みます。
-
01段階
商売と、読み手をうかがう
誰に見せて、何をしてほしいサイトなのか。競合ではなく、御社の商売の順番をうかがいます。ここが曖昧なまま作ると、あとで全部が曖昧になります。
目的と読み手の整理 -
02段階
構造とワイヤーを決める
ページの並び、情報の順番、導線。文字も絵も入れない状態で、骨格だけを先に合意します。速度も検索も、ここで決まります。
サイト構造図・ワイヤー -
03段階
デザインを起こす
骨格の上に、御社の見え方を載せます。装飾のためではなく、読ませる順番を強くするための造作です。
デザイン案（主要ページ） -
04段階
実装する
表示速度、スマートフォンでの見え方、更新のしやすさを同時に見ながら組みます。更新する箇所は触れる形に、それ以外は固めて。
実装・管理画面 -
05段階
公開前に検査する
表示速度の計測、崩れの確認、フォームの通し、検索エンジンに正しく読めるかの確認。数値をお見せしたうえで公開します。
検査結果と計測値 -
06段階
公開後に直す
どこで離脱しているかを見て直します。エージェントが速度・リンク切れ・順位を常時監視し、判断が要るものだけを上げます。
運用と改善の報告
Team & Engagement
誰が入って、どう契約するか。
進め方の次に必ず訊かれる二つに、先にお答えします。
一組の中身
- ディレクター目的と読み手を整理し、構造を決めます。
- ブリッジSE日本語で、要件定義から同席します。
- デザイナー読ませる順番を、造作で強くします。
- エンジニア速度と更新のしやすさを見ながら組みます。
- QA端末と画面幅を横断して確認します。
窓口は日本語です。ベトナム側のメンバーと直接やり取りが必要な場面でも、ブリッジSEが同席します。
-
壱
請負
公開までを一式で。
ページ数と機能を決めて、完成責任を負う形です。受入基準と検収の条件を契約時に明記します。
向く場面作るものが決まっていて、金額を先に確定させたいとき
-
弐
準委任
月額で体制を確保し、優先順位は御社が決める形。
公開して終わりではなく、数字を見ながら継続的に手を入れていく場合はこちらが噛み合います。
向く場面公開後も伸ばし続けたいとき
-
参
保守・運用
公開したあとを、同じチームが続けて見る形。
更新代行、脆弱性対応、バックアップ、速度の監視。他社が作ったサイトの引き継ぎも承ります。
向く場面作った会社と連絡が取りにくくなっているとき
どの形が合うか分からない場合も、そのままご相談ください。相談する →
その体制が動いている場所
ホーチミン市の自社オフィス。ディレクション、デザイン、実装、QAまで同じフロアで動いています。
Track record
見たことのある業種が、たいてい一つはあります。
14,000+
これまでにお届けした案件。近い業種の勝手が分かるぶん、確認の往復が減ります。
Pricing
金額は公開していません。
金額は公開していません。
理由も、お伝えします。
同じ名前の仕事でも、実際の金額は要件で何倍も変わります。相場らしい数字を並べても、御社の判断材料にはなりません。かわりに、何が金額を動かすかを書いておきます。
ページ数では決まりません。
効いてくるのは、画面の種類と、業務の分岐の数です。同じ十画面でも、条件分岐が多い十画面と、並べるだけの十画面では別の仕事になります。
いちばん金額を動かす部分です。
既存システム、決済、在庫、基幹との接続。相手側の仕様が分かっているかどうかで、必要な時間が大きく変わります。ここは早めに確認させてください。
一括か、月額か。
作るものが決まっているなら請負で一括、動かしながら決めるなら準委任で月額。同じ内容でも、総額の見え方が変わります。契約形態を見る。
ヒアリングのうえで、体制案と概算お見積りをご提示します。相談だけでも構いません。
答
テンプレートは既にある構造に事業を合わせる作り方です。おおよそは合いますが、合わない部分は運用でカバーすることになります。オーダーメイドは構造から御社に合わせて設計するため、初期費用は上がりますが、あとから機能を足すときに壊れません。
答
対応します。全部を作り直すか、構造だけ入れ替えて資産を残すかは、いまのサイトを見てからご提案します。検索からの流入がある場合は、URLと評価を引き継ぐ設計を先に決めます。
答
更新する箇所を先にうかがい、その部分を触れる形でお渡しします。更新の想定がない箇所まで編集できるようにすると、かえって壊れやすくなるためです。
答
構造設計の段階から見ます。速度もSEOも、出来上がったサイトに後から足せるものではありません。公開前に計測し、数値をお見せしたうえで公開します。
答
同じチームで保守・運用まで承ります。表示速度、リンク切れ、検索順位はAIエージェントが常時監視し、軽微な不具合は自動で直します。
答
金額は公開しておりません。要件で何倍も変わるため、相場の数字が判断材料にならないからです。金額を動かすのは、範囲・既存システムとの連携・契約形態の三つです。ご要望をうかがったうえで、体制案と概算をご提示します。
答
はい。日本語対応のブリッジSEとBAが要件定義から運用まで同席します。議事録・仕様書・進捗レポートも日本語でご提出します。
Contact
その二割を、聞かせてください。
いまのサイトで運用でカバーしている部分。そこがそのまま、作り替えるかどうかの判断材料になります。まずは30分、オンラインで。