運用中・2026年10月公開・2026年11月確認
Young Signs様 Webサイトリニューアル
カナダ・バーナビーで看板の製作・施工を手がけるYoung Signs様のWebサイトです。スマートフォンではどの画面からでも電話や見積もり依頼に進め、英語・韓国語・日本語でご覧いただけます。
お客様のサイト・当社が制作・運用
サマリー
- 概要
- カナダBC州の看板製作・施工会社のWebサイト（英語・韓国語・日本語）と見積もり依頼の受付
- 当社の担当
- 要件定義・デザイン・Web/DB設計・開発・英日韓の原稿・SEO・既存事例の移行と旧URLの恒久的な転送・ホスティング・ネットワーク構成・公開後の保守運用。旧サイトの施工事例519件を写真とともに新サイトへ移行
- 成果
- 2026年10月公開。施工事例ごとに詳細ページを設け、英語・韓国語それぞれ522件をサイトマップに掲載（2026-11-01時点）。スマートフォンでは全画面の下部に電話・見積もりボタンを固定
プロジェクト情報
- お客様
- Young Signs・看板製作・施工・カナダBC州バーナビー
- 市場
- バーナビー・メトロバンクーバーを中心としたBC州の店舗（地域ページ18か所）
- 担当範囲
- 要件定義・デザイン・Web・データ設計・開発・各言語の原稿・既存コンテンツの移行・SEO・ホスティング・ネットワーク構成・保守・運用担当外：写真撮影、地図・口コミのプロフィール管理
- チーム
- デザイナー1名（業務委託）＋代表（開発全般・お客様窓口）このプロジェクトの担当チーム
- 期間
- 2026年10月
- プラットフォーム
- Web（スマートフォン・PC）・英語・韓国語・日本語
- 契約形態
- 直接契約
- 公開後の状況
- 運用中（保守・運用は当社）
- 使用技術
- Astro・Preact・Tailwind CSS・クラウドホスティング・ボット対策・アクセス制御
- リンク
- サイトを確認する (新しいタブで開きます)youngsignsbc.com2026-11-09確認英語サイトsitemap.xml (新しいタブで開きます)youngsignsbc.com2026-10-31確認以前のサイト（アーカイブ） (新しいタブで開きます)web.archive.org2026-10-31確認
成果
- 当社測定
1.06〜1.12
スマートフォンで最初に表示されるまで（秒・FCP）
最大の写真が表示されるまで（LCP）3.00〜3.23秒・低速のモバイル回線とCPU減速の条件で、英語・韓国語・日本語のトップを測定。トップの転送量517KB。トップの写真は最新の事例に替わるため、測定時点の値です。
資料：当社測定・2026-11-01 02:51 UTC2
- 当社測定
522
施工事例の詳細ページ
以前のサイトには事例ごとのページはありませんでした。既存の事例519件を移行し、新しく登録された事例を加えてサイトマップに掲載しています。
- 納品実績
3
言語（英語・韓国語・日本語）のページと見積もり依頼フォーム
以前：英語のみ、見積もりは電話・メールのみ、タップで発信できる電話リンクなし（2025-07のアーカイブ）
業務指標は、お客様が公開されていません。
背景
以前のサイトは英語のみで、画面はトップ・施工事例・お問い合わせの三つでした。Young Signs様は「カナダ西部で最初の韓国系看板会社」と紹介されていますが、韓国語で読めるページはありませんでした。1
見積もりのご相談は、お問い合わせページに載せた電話番号とメールで受け付けており、スマートフォンで番号をタップして発信するリンクはありませんでした。施工事例は一つの画面にまとめて掲載されていました。1
以前
以後
以前
以後
| 項目 | 以前 | 以後 |
|---|---|---|
| 言語 | 英語 | 英語・韓国語・日本語 |
| 画面 | トップ・施工事例・お問い合わせ | 事例・地域ごとの詳細ページ、サイトマップのURL1,101件 |
| 見積もりの経路 | お問い合わせページの電話番号・メール | 写真を添付できる見積もりフォーム、スマートフォン下部に固定した電話・見積もりボタン |
| スマートフォンからの電話 | 番号の表示のみ | タップで発信できる電話リンク |
以前：2025-07-14のアーカイブ・以後：2026-11-01キャプチャ
アーカイブ (新しいタブで開きます)web.archive.org
制作した
言語ごとに
韓国語・日本語の原稿も当社で作成しました。英語・韓国語・日本語のページは同じ構成で、互いにつながっています。見出しの書体も言語ごとに切り替えました。英語は看板らしい幅の狭いディスプレイ書体、韓国語と日本語は端末のゴシック体で、改行もそれぞれの言語のルールに合わせています。画面下部のボタンの文言も、言語ごとに切り替わります。
地域ごと、
どの
スマートフォンでは全画面の下部に電話・見積もりボタンを固定しました。見積もりフォームは必須項目（お名前、電話番号またはメールアドレスのどちらか、ご相談内容）を先に伺い、店舗の写真もあわせて受け付けます。ご希望の時期・連絡方法・知ったきっかけは「任意」としてまとめました。自動送信はボット対策で防いでいます。サイトで訪問者が操作する部品は、このフォームと施工写真の拡大表示だけです。
公開後も、
当社が構築した管理画面で事例を登録すると、スマートフォンとPCに合ったサイズの写真が自動で用意され、そのままサイトに掲載されます。公開後も事例の追加が続いています（2026-10-22・2026-10-24の登録を確認）。5管理画面はアクセス制御で保護されているため、このページには掲載していません。
ご利用の
- 訪問者 スマートフォン・PC
- 英・韓・日の ページ — 言語ごとに同じページ構成
- 施工事例 ページ
- 地域ページ
- 下部の電話・見積もりボタン — どの画面でも同じ位置
- タップで電話
- 見積もり フォーム — 必須項目を先に、任意項目は別に
- Young Signs様 からご連絡
- 事例を登録
- 写真サイズを 自動で用意 — スマートフォンとPCに合ったサイズで
設計判断
写真は
登録時に あらかじめ用意 - 理由
- 事例を登録するときに画面サイズに合った写真を作っておくため、ページを開くたびに写真を変換しません。写真の表示領域もあらかじめ決めているので、読み込み中に画面がずれません（CLS 0.000〜0.001）。
- トレードオフ
- 新しく登録した写真は、まだ軽い形式では作られていません。「次に取り組むこと」の最初の項目です。
操作できる
部分は 必要な ところだけ - 理由
- ページはHTMLとCSSで表示しています。訪問者が操作する部品は見積もりフォームと施工写真の拡大表示だけで、ほかは全ページ共通の小さなスクリプトと、「ご依頼の流れ」ページの場面演出用スクリプトがあるのみです。測定したページの自社スクリプトの中央値は1KBで、JavaScriptを無効にしても英語・日本語のトップでは見出しと本文が表示されます。
- トレードオフ
- 画面の切り替えなどの動きはほとんどありません。見積もりページではボット対策のスクリプトを追加で読み込みます。
韓国語・日本語は
Webフォントではなく 端末の フォント - 理由
- Webフォントは英字用だけを読み込み、韓国語と日本語は端末のフォントと言語ごとの改行ルールで読みやすさを整えています。
- トレードオフ
- 英語見出しのディスプレイ書体の印象は韓国語・日本語にはなく、表示される書体は端末によって異なります。
主な
品質と
次に
- 新しく登録した写真も既存の事例と同じく軽い形式で作り、トップの最大の写真（LCP）を同じ条件で測り直します。
- 会社の情報が検索結果により正確に表示されるよう、構造化データを充実させます。
- 日本語ページは確認を終えてから検索対象にし、それまでは言語間のリンク情報をその状態に合わせます。
リンク
- サイトを確認する (新しいタブで開きます)youngsignsbc.com2026-11-09確認英語サイト
- sitemap.xml (新しいタブで開きます)youngsignsbc.com2026-10-31確認
- 以前のサイト（アーカイブ） (新しいタブで開きます)web.archive.org2026-10-31確認
出典と
- 1以前のサイト：インターネットアーカイブ（Wayback Machine）の保存版。トップ2025-07-14、施工事例2019-07-06、お問い合わせ2022-04-23。言語・画面・見積もりの経路・電話リンクといった機能の事実だけを比べています。
- 2表示速度：当社がヘッドレスChromeで、スマートフォンの画面サイズ・高解像度・CPU減速・低速のモバイル回線・初回訪問の条件をそろえ、カナダからの接続でページごとに三回測った中央値です（2026-10-31、トップの三ページは2026-11-01に測り直し）。LighthouseやPageSpeed Insightsのスコアではありません。自社スクリプトはサイト自身のスクリプトで、見積もりページを除いた測定ページの中央値です。トップの数値は最初の写真（最新の事例）によって変わるため、測定時点の値です。
- 3サイトマップ：公開されているsitemap.xmlを取得し、施工事例と地域ページのURLを数えました（2026-11-01）。移行した既存事例の件数は、移行作業の記録と照合した納品実績として固定しており、数え直しません。
- 4アクセシビリティ・JavaScript無効：英語・韓国語・日本語のトップ、バーナビーの地域ページ、見積もりページの色のコントラストと代替テキストをaxe-coreで自動チェックし、英語・日本語のトップをJavaScriptを無効にしたヘッドレスChromeで表示しました（2026-10-31）。
- 5公開・運用：公開月（2026年10月）、既存事例の移行、当社による保守・運用は代表が確認した事実です。公開後も事例が登録されていることを公開サイトマップで確認しました（2026-10-22・2026-10-24の登録、2026-10-31確認）。
- 6キャプチャ：ヘッドレスChromeでスマートフォンとPCの画面を高解像度でキャプチャし（2026-10-31・2026-11-01）、トリミング以外の加工はしていません。韓国語・日本語の文字はキャプチャしたコンピューターのシステムフォントで表示されているため、スマートフォンでは見え方が異なる場合があります。
- 7旧URL：以前のサイトのページURLが新しいページへ恒久的に転送されることを、改めてリクエストして確認しました（2026-10-31）。URLの一覧は掲載していません。
Young Signs様 Webサイトリニューアル
この
2026年10月公開・運用中
キム・ミョンソプ
代表・プログラマー
- サイト構成・DB設計、フロントエンド・バックエンド開発
- ホスティング・ネットワーク構成、SEO・表示速度の最適化
- 既存の施工事例519件を写真ごと移行
- お客様とのやり取り、公開後の保守・運用
デザイナー（業務委託）
- 画面デザイン（英・韓・日）
次の事例
納品請求書システム
カナダ｜Webアプリ｜2026
カナダの事業者様が納品のたびにExcelへ手入力されていた請求書を、納品数量を入力するだけで自動作成・保存できる仕組みにしました。操作画面はスペイン語・英語・韓国語から選べ、請求書は英文（USレター）で出力します。
- 納品数量の入力
- 自動作成・保存
- 控え・お客様用を印刷