つくるフェーズ
つくるフェーズ 設計をもとにWebサイトを形にする工程
考えるフェーズで整理した内容をもとに、Webサイトを実際に形にしていくのが、この「つくるフェーズ」です。
このカテゴリでは、構築方法や開発手法、更新基盤の作り方など、制作・開発に関わる内容を整理しています。
フロントエンド・JavaScript実装
スライダーやスクロール挙動、フォーム制御、非同期通信など、ユーザー体験に直結するフロントエンドのJavaScript実装を行っています。
コーディング技術
HTML構造やセマンティック、SCSS（FLOCSS）によるCSS設計、画像最適化など、Web制作の基礎となるコーディング技術を重視しています。
クローラー設計
クローラー設計は「検索順位を上げるための施策」ではありませんが、検索エンジンやAIがWebサイトを正しく理解するための前提となります。
E-E-A-T設計
E-E-A-TをSEO施策としてではなく、情報構造とコンテンツ配置の前提として設計します。
実績・お客様の声・会社情報などを通じて、AIや検索エンジンに正しく評価される構成を整えます。
Schema設計
LocalBusinessをハブに各タイプを接続し、企業サイト全体が一貫して理解されるSchema（構造化データ）を実装します。
JSON-LDと@idの一貫性を重視し、リッチリザルトやAI表示を見据えた伝達基盤を整えます。
アクセシビリティ設計
アクセシビリティを特定の利用者向けの追加対応ではなく、Web制作における基本品質として設計・実装します。
WCAG 2.2 レベルAA相当を基準に、構造・操作・理解・技術の観点から品質を担保します。
API接続
API接続を単なるWeb制作の延長ではなく、システム連携を伴う技術領域として扱います。
外部サービスや業務システムと安全に連携するため、責任範囲やセキュリティを考慮した設計・実装を行います。
WordPress・CMS
WordPressをはじめとするCMSを「とりあえず使う仕組み」とは考えません。
更新性・拡張性・将来運用を見据え、案件ごとに最適なCMS構成を設計・実装しています。
ヘッドレスCMS
ヘッドレスCMSを「新しい構成」ではなく、更新実務と拡張性を両立するための設計手段として扱います。
Laravel＋WordPressを中心に、用途に応じた構成を選択しています。
スクラッチ開発・機能開発
CMSでは対応しきれない要件に対し、Laravelを用いたスクラッチ開発・機能開発を行っています。
管理画面、会員管理、通知・定期処理・スナップショット等、将来拡張を前提に設計します。
品質管理・テスト設計
品質管理を最後のチェック工程ではなく、設計・実装の前提条件として位置づけています。
判断基準を共有し、属人化させない品質担保の考え方で、公開後の安定性を支えます。
デザインを構造として組む
デザインを見た目ではなく「実装可能な構造」として設計します。
コンポーネント、状態、余白ルールを前提に、更新や拡張で崩れないUIを組み立てます。
実装ズレを潰す手順
Figmaと実装のズレは、技量不足ではなく「未定義」が原因です。
実装前に決めるべき項目と確認手順を整理し、構造的にズレを防ぎます。
アクセシビリティをデザイン工程に埋める
アクセシビリティは実装で頑張るものではありません。
デザイン工程のどこで何を確認するかを整理し、後戻りのないアクセシビリティ設計を行います。
運用前提のデザイン
Webサイトは運用で必ず変わります。
更新の自由度を保ちながら、構造を崩さないための前提設計とガイドの考え方を重視しています。