制作実績
多言語のWebページを、
公開まで作ります。
構成・デザイン・実装・公開の設定まで、一人で担当しています。 翻訳して終わりにせず、言語ごとの表示崩れ・切り替え・SNSに貼った時のカード・ 検索エンジンへの申告までを確認してから公開します。 下は、実際に公開して運用しているものと、題材を架空にして作った制作デモです。 どれも、その場で開いて触れます。
01 — Shipped
公開して、運用しているもの
自分の製品のサイトです。作って終わりではなく、値段・文言・言語を実際に足しながら運用しています。
Kotocast — 音声入力ツールの製品ページ
日本語を基準に、英・仏・独・西の 5 言語を別ページとして公開。 言語ごとにURL・SNSカード・hreflang を分けてあります。買い切りの購入導線まで動いています。
MAGTEXT — アプリの製品ページ
1 枚のページの中で 5 言語を切り替える型。 訳の抜けと古い文言は、全言語を突き合わせる検査を公開前に機械で通しています。
xinogi.com — この工房のサイト
いま見ていただいているサイトです。5 言語・ダークモード・構造化データ・ 存在しないURL用のページまで、公開後に効いてくる部分を含めて自分で組んでいます。
02 — Studies
引き出しを見ていただくための、制作デモ
業種と見せ方の幅を確かめていただくために、題材を自分で用意して作ったものです。すべて実際に動きます。
BtoB・製造業 ｜ 日英切替つき
図面や公差のように、数字が主役になる業種の型。ボタン 1 つで英語に切り替わります。 写真は使わず、断面図はページの中で描いています（画像ファイル 0）。
写真が主役の企業サイト ｜ 日英切替つき
良い写真をお持ちの会社向けの型。写真の上に文字を置いても潰れないよう、濃度を 1 枚かぶせています。 ゆっくり寄っていく動きつき（動きを減らす設定の方には止めて出します）。
製品を回して、分解して見せる 3D
機械式腕時計を 6 つの層に分解し、歯車とテンプまで寄って見せます。ドラッグで回せます。 3Dモデルのファイルも写真も使わず、形も質感もページの中で作っています。
水の演出 ｜ 化粧品・飲料・観光
画面のどこでも、指やマウスに水面が応えます。素材の写真ではなく計算で描いているので、 色をブランドに合わせて引き直せます。
広告の着地用・縦長LP ｜ 短納期
雑誌広告のように、本文まで画像の中に組む型。速く出せて、見た目の自由が利きます。 代わりに 本文が検索に読まれず、文言の修正には作り直しが要ります——先に申し上げます。
03 — Scope
できること、お請けしないこと
できること
- 多言語化：言語の切り替え、URLの分け方、hreflang、言語ごとのSNSカード
- 訳の抜け・古い文言の検査を、公開前に機械で通す
- 公開の設定：独自ドメイン、sitemap、robots、存在しないURL用のページ、構造化データ
- 実装：静的なHTML中心（速く、壊れにくい）。3D（Three.js）と動きのある表現
- 公開前の確認：スマートフォンの幅、表示速度、エラーの有無、リンク切れ
お請けしないこと
- 常駐・作業時間の拘束（一人で作っているため、掛け持ちができません）
- 修正の無制限対応（回数を決めてお受けします）
- 長期の保守契約（納品後に自分で直せる形でお渡しします）
- WordPress など指定のCMSでの構築（静的サイトが専門のため、力を出せません）
このページは制作実績の一覧です。ご依頼・ご相談は、このページをご覧になった経路 （各サービスのメッセージ）からお願いしています。
© 2026 Xinogi