ホームページ制作日英2言語・英語で進行
SG Dad in Japan
シンガポール出身の発信者から英語で原稿を受け取り、YouTubeでの発信、個別セッション、FIレポート、協業案内を、1つのホームページに整理しました。
ページの構成
- ホーム
- プロフィール
- 経済的自立
- 人生の転換期
- お仕事のご相談
- プライバシー・免責事項
英語を使って担当したこと
- 英語での打ち合わせと要件整理
- 計画・仕様・金額の説明
- 見積もり・請求・入金確認
- 英語原稿の構成・再編集
- 自然な日本語へのローカライズ
- 日英サイトと管理機能の制作
どのように形にしたか
英語原稿をそのまま並べるのではなく、本人らしい語り口を保ちながら、ウェブで伝わる順序へ再構成。日本語版も直訳を避け、日本語話者が自然に読める表現へ整えました。
制作で工夫したこと
- 英語と日本語を、同じ構成で
- 英語版と日本語版はURLで切り替わり、文章は言語ごとにまとめて管理しています。どちらか一方だけが更新されて、内容がずれることを防ぎます。
- ご本人が操作できる管理画面
- Googleアカウントでログインし、ホームページの配色(4種類)の切り替え、YouTube動画の差し替え、管理者の権限の変更ができます。
- スマートフォンやLINEでも見やすく
- 画面の小さい端末やLINEの中で開いたときは、トップの写真を軽くして表示を速くしています。お問い合わせは、Googleフォームで受け付けます。
英語でのやり取りの流れ
お客様とのメールをもとに要約しています。
- STEP 1修正点を一覧で報告
変更した点を一覧にし、確認用のURLと一緒に英語で報告しました。
- STEP 2独自ドメインの設定を案内
ドメインの設定手順を英語で案内し、公開までの設定を行いました。
- STEP 3確認事項を質問に
決めていただく点を、質問にまとめて確認しました。
- STEP 4動画でのご要望にも対応
画面録画で届いたご要望を、ページごとに整理して反映しました。
- STEP 5更新方法を説明
ご自身で更新する場合に必要な作業と、時間の見込みを説明しました。
- STEP 6作業時間で精算
想定より増えた時間は、理由をお伝えし、了承をいただいてから請求しました。
使った技術
- ホームページ
- Next.js 16・TypeScript・React-Bootstrap・SCSS
- ログインと管理
- NextAuth(Googleログイン)・Prisma・PostgreSQL
- 多言語
- 言語ごとの辞書ファイル(英語・日本語)