本文へスキップ
  1. TOP
  2. Web制作
  3. 考えるフェーズ

02 / THINK

考えるフェーズ Web制作を具体化するための判断整理

何をつくるか、その判断軸から考える。

構造・使いやすさ・検索・運用まで、制作内容を決めるための視点を整理します。

Webサイトの設計方針を話し合う様子
STRUCTURE / DESIGN / SEARCH 見た目だけでなく、成果につながる設計を。

PLANNING / PURPOSE 何をつくるかより、何のためにつくるか。

ホームページ制作は、デザインや機能を選ぶ前に、誰に何を伝え、どのような判断や行動につなげるかを整理することから始まります。

東京・渋谷でホームページ制作を行うFHWが、制作目的と設計上の判断軸を、実務に沿って整理しています。

POINT OF VIEW 設計テーマから考える

目的を具体化するために必要な判断を、情報設計、更新基盤、表現、品質の4つに分けて整理しています。

01 情報と導線 目的と情報の伝わり方を整える

情報設計(IA)

情報設計(IA)はページ配置の話ではありません。Flying High Works(FHW)では、目的・役割・判断軸を整理したうえで、将来の拡張や運用も見据えた情報構造を設計します。

URL設計・リダイレクト設計

URL設計は新しいURLを決めるだけの作業ではありません。Flying High Works(FHW)では、現状URLの調査、リダイレクト、canonical、sitemap.xml、Laravelルーティングまで含めて、リニューアル後の検索品質と運用安定性を設計します。

構造設計

構造設計は、情報設計(IA)で整理した内容をWebサイトとして成立させる工程です。Flying High Works(FHW)では、HTML、meta情報、URL、見出し、スマホ対応まで含めて、検索エンジンやAIにも伝わる構造を設計します。

問い合わせ設計

問い合わせはフォーム単体で発生するものではありません。Flying High Works(FHW)では、実績、費用、FAQ、会社情報などの検討行動を整理し、問い合わせの量と質につながる導線を設計します。

02 更新とシステム 運用と拡張を支える技術を選ぶ

CMS設計総論

WordPress、Movable Type、microCMS、Kuroco、Laravelなどの選択肢を踏まえ、現在の運用体制と将来の拡張性からCMSを考えるための設計視点を整理します。

WordPress・CMS

WordPressが普及した理由、得意なこと・苦手なこと、検索システムや拡張時の注意点を踏まえ、CMS選定の考え方を整理します。

Laravel・スクラッチ開発・機能開発

Laravelによるスクラッチ開発や機能開発について、CMS拡張との違い、テンプレート化、管理画面構築、JsonSnapshot、保守性の考え方を整理します。

コーディング設計

Flying High Works(FHW)のコーディング設計は、HTMLやCSSを書く作業ではなく、将来の更新や保守を見据えて実装の前提を整理する工程です。Vite環境、共通パーツ、Git管理、ワンソース設計などを含めて考えます。

サーバー・インフラ設計

Flying High Works(FHW)のサーバー・インフラ設計は、新サーバーへの移管、メールサーバーの扱い、表示速度、セキュリティ、運用コストまで含めて整理する工程です。今動くかではなく、5年後、10年後も運用できる基盤を考えます。

03 表現と発見 理解され、見つけられる伝え方を設計する

デザイン設計

Flying High Works(FHW)のデザイン設計は、見た目を整える工程ではありません。一緒に仕上げるプロセス、UI/UX設計、制作工程、細部設計までを含め、実装と運用につながるデザインの考え方を整理します。

多言語サイト設計

Flying High Works(FHW)の多言語サイト設計は、翻訳作業そのものではなく、将来も運用できる仕組みを考える工程です。情報設計、URL設計、更新フロー、管理方法まで含めて、言語が増えても運用が破綻しない状態を整えます。

SEO / LLMO設計

Flying High Works(FHW)のSEO / LLMO設計は、検索順位を上げるためのテクニックではありません。AI検索時代に、人・検索エンジン・AIへ正しく伝わる情報設計、構造設計、URL設計、コンテンツ整理を行う考え方です。

04 品質と安心 公開後も安心して使い続けられる土台を整える

アクセシビリティ・法務・コンプライアンス設計

Flying High Works(FHW)では、アクセシビリティ・法務・コンプライアンスを後付けの対応ではなく、Webサイト設計の前提条件として整理します。誰にでもやさしく、安心して使える構造を整えます。

表示速度設計

Flying High Works(FHW)の表示速度設計は、画像圧縮や高速化施策だけではありません。サーバー、データ取得、CMS、リアルタイム処理、ブラウザ側の負荷を切り分け、運用が進んでも遅くなりにくい構造を考えます。

セキュリティ設計

Flying High Works(FHW)のセキュリティ設計は、特別な対策を並べるものではありません。脆弱性が存在する前提に立ち、更新・運用を見据えて安全性を保つための設計を行います。

WEB PRODUCTION GUIDE Web制作を段階から見る

検討前の基礎から、設計・実装、公開後の改善まで。今の課題に近い段階からご覧ください。