Approach

Our philosophy

つくる前に、
深く見る。

figlioの制作は、いきなり形をつくることから始まりません。対話を通して本当の課題を見つけ、設計によって情報を整え、実装で確かなかたちへ落とし込み、公開後も変化に合わせて伴走します。見た目の美しさだけではなく、事業の目的、伝えるべき価値、運用のしやすさまでを見つめながら、長く機能する制作物を目指しています。

Map— 01

— Approach Map 四つの段階で、
制作を整える。

figlioの制作は、ひとつの工程だけで完結するものではありません。対話で課題を見つけ、設計で情報を整え、実装で確かな形にし、伴走によって公開後の変化にも対応していきます。

それぞれの段階は独立しているようで、実際には連続しています。対話で見つけた違和感は設計に反映され、設計で決めた優先順位は実装の精度につながり、実装で整えた構造は公開後の運用を支えます。

Why— 02

— Why なぜ、つくる前に
深く見るのか。

Webサイトやデザイン制作では、早く形にすることよりも、先に整えるべきことがあります。

  • 誰に向けて伝えるのか。
  • 何を一番伝えるべきなのか。
  • どの行動につなげたいのか。
  • 公開後、誰がどのように更新していくのか。

これらが曖昧なまま制作を進めると、見た目は整っていても、使いにくい、更新しにくい、成果につながりにくいものになってしまいます。figlioでは、制作前の整理を大切にすることで、見た目の美しさと実際の使いやすさが両立する状態を目指しています。

Dialogue— 03

— 01 Dialogue / 対話 本当の課題を、
言葉にする。

事業内容、顧客層、現在の課題、理想の状態、競合との違いを丁寧に整理します。最初から明確な要件がなくても問題ありません。対話を通して、まだ言葉になっていない違和感や期待を拾い上げ、制作の出発点を整えます。

表面的なご要望をそのまま受け取るのではなく、その背景にある目的や不安まで見つめることで、本当に必要な制作の方向性を明らかにしていきます。

— この段階で整理すること

  • / 01事業内容
  • / 02顧客層
  • / 03現在の課題
  • / 04理想の状態
  • / 05競合との違い
  • / 06社内の意見
  • / 07公開後の運用イメージ

— 成果物の例

  • / 01ヒアリングメモ
  • / 02初期課題整理
  • / 03必要ページの仮説
  • / 04制作方針のたたき台

— 真のニーズを、共に言葉にする。

Design— 04

— 02 Design / 設計 情報を整理し、
伝わるカタチへ。

ヒアリングで整理した内容をもとに、サイト構成、ページ導線、掲載内容、CTA、デザインの方向性を設計します。見た目を整える前に、誰に何を伝え、どの行動につなげるのかを明確にします。

情報の優先順位、言葉の置き方、余白の取り方、写真やビジュアルの役割までを考えながら、伝わるための構造を組み立てます。

— この段階で整理すること

  • / 01サイトマップ
  • / 02ページごとの役割
  • / 03コンテンツの優先順位
  • / 04CTA
  • / 05導線
  • / 06デザイントーン
  • / 07写真や素材の方向性

— 成果物の例

  • / 01サイトマップ
  • / 02ワイヤーフレーム
  • / 03ページ構成案
  • / 04導線設計
  • / 05デザイントーン方針

— 美しさの前に、意味の通る構造をつくる。

Build— 05

— 03 Build / 実装 見える部分も、見えない部分も丁寧に。

確定した設計とデザインをもとに、HTML、CSS、JavaScript、CMS、フォーム、表示速度、セキュリティまでを意識して実装します。美しく見えるだけでなく、運用しやすく、長く使えるサイトを目指します。

公開後に更新する人、閲覧する人、管理する人のことまで考え、表側と裏側の両方に無理のない構造をつくります。

— この段階で整えること

  • / 01レスポンシブ表示
  • / 02フロントエンド実装
  • / 03CMS構築
  • / 04フォーム実装
  • / 05表示速度
  • / 06アクセシビリティ
  • / 07SEO基礎
  • / 08公開前チェック

— 成果物の例

  • / 01HTML / CSS / JavaScript
  • / 02CMS管理画面
  • / 03フォーム
  • / 04公開前チェックリスト
  • / 05納品データ

— 完成の瞬間ではなく、使われ続ける時間を見据える。

Beyond— 06

— 04 Beyond / 伴走 公開後も、整え続ける

Webサイトは公開して終わりではありません。お知らせ更新、ページ追加、改善提案、保守、セキュリティ対応など、公開後の運用も継続的に支援します。

事業や市場の変化に合わせて、必要な情報を見直し、より良い状態へ整え続けることで、制作物の価値を長く保ちます。

— この段階で支援すること

  • / 01情報更新
  • / 02保守管理
  • / 03ページ追加
  • / 04改善提案
  • / 05フォーム確認
  • / 06セキュリティ確認
  • / 07運用相談

— 成果物の例

  • / 01更新対応
  • / 02保守レポート
  • / 03改善提案
  • / 04追加制作
  • / 05運用メモ

— 最適解は、完成後も少しずつ育っていく。

Inputs— 07

— Inputs / Outputs 各段階で、
何が整理されるのか。

四つの段階それぞれで、入ってくる情報、整理される事柄、出てくる成果物は異なります。下の対応表は、各段階の中身を一覧で確認するための整理です。

入ってくるもの
整理するもの
出てくるもの
/ 01 対話 Dialogue
要望、課題、不安、事業情報
目的、優先順位、対象顧客
初期方針、必要ページの仮説
/ 02 設計 Design
情報、素材、要件
構成、導線、掲載順
サイトマップ、ワイヤーフレーム
/ 03 実装 Build
デザイン、仕様、原稿
表示、機能、CMS、フォーム
公開可能なサイト、納品データ
/ 04 伴走 Beyond
更新要望、改善点、運用状況
保守、改善、追加対応
継続的な改善、安定運用
Quality— 08

— Quality Viewpoints 制作中に、
見ていること。

制作物の品質は、複数の観点が同時に成り立つことで保たれます。私たちは、表面的な「きれいに見えるか」だけではなく、目的・読者・情報・導線・視覚・運用・信頼の七つの観点を行き来しながら、画面を整えていきます。

  • / 01 目的 — Purpose このページは何のために存在するか。
  • / 02 読者 — Reader 誰が、どの順番で読むか。
  • / 03 情報 — Info 優先順位は正しいか。
  • / 04 導線 — Flow 次に取る行動が分かるか。
  • / 05 視覚 — Visual 印象と読みやすさが両立しているか。
  • / 06 運用 — Operate 公開後に更新しやすいか。
  • / 07 信頼 — Trust 企業として安心感があるか。
Decisions— 09

— Not just production 作業ではなく、
判断を重ねる。

制作には、見えにくい判断が数多くあります。

  • どの情報を最初に見せるか。
  • どの言葉を残し、どの言葉を削るか。
  • 余白をどれだけ取るか。
  • 写真をどの大きさで扱うか。
  • お問い合わせ導線をどこに置くか。
  • 更新性をどこまで持たせるか。

figlioでは、こうした細かな判断を一つずつ積み重ねることで、静かでありながら、目的に向かって機能するデザインを目指しています。

まだ言葉になっていない段階から、
ご相談ください。

サイトやデザインの具体的な形が決まっていなくても問題ありません。現在の状況や違和感をお聞きしながら、必要な整理と進め方をご提案します。

整理するところから相談する  →