ホーム
keyboard_arrow_right

Webサイト制作

Webサイト制作

Web DesignWeb
Design

ノックデザインの特徴

Feature

Webサイトを起点に、人々の心に響く、
“お金で買えない価値”を作ります。

( 1 )

Design

誰に、何を、どう伝えるかまで設計する「伝わる」デザイン

見た目を整えるだけでは、本当に伝わるサイトは作れません。
ターゲットや競合環境を踏まえた上で、"誰に、何を、どう伝えるか"を企画段階から設計。

その設計に基づき、情報の流れや感情の動きを意識したデザインを構築します。
機能と感性を両立させた、本質的なクリエイティブを目指しています。

( 2 )

Strategy

言葉と構成で価値を伝える、戦略的なコンテンツ設計

Webサイトの本質は、見た目ではなく「中身」です。
私たちはコンテンツチームと連携し、構成や言葉の段階から設計を行うことで、伝えるべき価値を戦略的に整理・構築します。

( 3 )

SEO

統計分析で裏付ける、成果志向のSEO設計

私たちは、SEO対策を“感覚”では行いません。
Pascalという専用ツールを用いて、狙いたいキーワードの上位30サイトを統計的に分析。
インデックス数・被リンク数・タグ設計・コンテンツの整合性などを数値で可視化し、影響度の高い要素から優先的に改善を図ります。

ノックデザインが大切にしていること

Values

Webサイトを起点に、人々の心に響く、
“お金で買えない価値”を作ります。

感性とロジックの調和

私たちは、感覚だけでも論理だけでもない、「心を動かし、成果につながるデザイン」を追求しています。
美しさや印象の強さといった感性の力を、情報設計や戦略といったロジックで裏打ちし、ビジネスに貢献するアウトプットを形にします。

ディテールへのこだわり

1pxの余白、言葉のニュアンス、スクロール時の動き。
細部の積み重ねが、ブランドの印象を決定づけると信じています。
ユーザー体験をデザインする会社として、目に見える部分も、見えない工夫も丁寧に仕上げます。

サービス

Service

Webサイトを起点に、人々の心に響く、
“お金で買えない価値”を作ります。

Webサイト制作

  • BtoBサイト

    業界特性やターゲット企業の検討プロセスを踏まえた導線設計とコンテンツ構成で、資料請求やお問い合わせにつながるWebサイトを構築します。

  • 採用サイト

    会社の雰囲気や働く人の価値観が伝わる構成で、応募の動機を高める採用サイトを制作します。単なる募集情報の掲載にとどまらず、「この会社で働きたい」と感じてもらえる体験を設計します。

  • コーポレートサイト

    会社概要や事業紹介に加えて、ブランドの背景や企業姿勢までしっかり届けるコーポレートサイトを制作します。ステークホルダーとの信頼構築を意識しながら、誠実さや世界観を表現する情報設計・ビジュアル設計を行います。

  • ECサイト

    Shopifyなどを活用し、ブランドの世界観を保ちつつも、ユーザビリティに優れたECサイトを構築。UI/UXにも配慮したデザインで、CV向上を支援します。

  • ランディングページ(LP)

    商品の魅力やサービスの強みを明確に伝えるランディングページも得意としています。ターゲットや流入経路を踏まえ、成果につながる構成・キャッチコピーをご提案します。

マーケティング支援

  • SEO対策支援

    Pascalなどのツールを活用し、狙いたいキーワードで上位表示されているサイトを分析。足りない要素を明確化し、SEOコンテンツ制作や内部施策、被リンク獲得まで一貫して支援します。

  • SNS運用支援(ニチヨウビ)

    TikTok・Instagram・YouTubeなど、縦型ショート動画を中心としたSNS運用を支援。企画・撮影・編集・運用・レポートまで一気通貫で対応し、採用・集客・認知の課題解決をサポートします。

  • 広告運用支援

    リスティング広告やSNS広告の出稿・運用を代行。WebサイトやLPと連携させながら、クリエイティブ制作〜運用まで一括で対応します。運用後の効果分析・改善提案も含め、成果にこだわった運用を行います。

制作実績

Works

多くのメディアで、優良事例として、
実績が取り上げられています。

制作の流れ

Workflow

戦略設計からデザイン、実装まで、
一つひとつの工程を丁寧に進行します。

( 1 )

プロジェクト設計

案件のご依頼後、まずはプロジェクトを成功に導くための基盤づくりを行います。
チーム体制、進行ルール、使用ツールなどを定義するとともに、クライアントの経営計画・事業理解・ターゲット理解・競合理解を深めるヒアリングも実施。
単なる制作にとどまらず、事業成長に貢献するサイトづくりの土台を固めるフェーズです。

  • プロジェクトチームの編成

  • スケジュール(WBS)の作成

  • プロジェクト環境の準備

  • キックオフミーティング

  • 追加ヒアリング

( 2 )

企画・設計

Webサイトの目的達成に向けた構成・戦略を組み立てるフェーズです。現状分析や競合調査を行い、ターゲットや導線を整理した上で、サイトマップやビジュアル方針を定義し、ワイヤーフレームなどの具体的な制作設計へと落とし込んでいきます。

  • 現状理解、競合・ベンチマーク調査

  • ターゲット・カスタマージャーニーの整理

  • サイト構造と運用設計の整理

  • メインビジュアル開発・トンマナ整理

  • ワイヤーフレームの作成

( 3 )

デザイン

構成をもとに、ブランドらしさと機能性を両立したビジュアルに落とし込むフェーズです。デザイナーが提案ベースでデザインを進行し、TOPページを起点に下層やスマホデザイン、アニメーションの検討まで行います。

  • TOPページデザイン

  • 下層ページ・テンプレートのデザイン

  • モバイルデザイン対応

  • アニメーション・動きの設計

  • デザインレビューと修正

( 4 )

コンテンツ制作・素材準備

サイトに掲載する原稿・画像・図解・動画などの素材を準備するフェーズです。既存情報の整理やリライトに加え、必要に応じて撮影やライティング、図解制作なども行います。

  • 原稿作成・リライト

  • 写真・動画素材の準備・撮影

  • 図解・イラスト制作

  • 掲載内容の最終確認

( 5 )

実装・構築

デザインをもとにWebサイトとして機能する状態へと構築するフェーズです。CMSの設定、SEOタグの整備、アクセス解析の設置など、運用を見据えた構築を行います。

  • 実装作業(StudioまたはWordPress)

  • SEO設定

  • アクセス解析タグの設置

  • 動作確認・最終テスト

( 6 )

公開・納品

Webサイトの正式公開とクライアントへの引き渡しを行うフェーズです。必要に応じて計測ツールの設置やデータ納品などの対応も可能です。

  • 本番ドメイン接続

  • 公開作業の実施

  • 計測ツールの設置

  • データ納品(figma)

( 7 )

アフターフォロー

納品後も安心して運用できるよう、マニュアルや操作レクチャーを提供します。軽微な修正対応や、必要に応じた保守・改善プランのご提案も可能です。

  • マニュアル提供とレクチャー

  • 公開後2週間以内の軽微修正対応

  • 保守・更新サポート(別契約)

  • SEOコンテンツの制作

  • 広告運用代行

料金案内

Price

各工程の時間とコストを丁寧に設計し、
費用対効果の高いホームページ制作を実現します。

  • お見積もり例

    コーポレートサイト

    ページ数

    TOP+10ページ

    制作内容

    ・写真撮影あり
    ・お問い合わせフォーム
    ・スマートフォン対応

    納期

    約3〜4ヶ月

    制作料金

    Studioでの制作

    ¥1,000,000~

    (税込)

    WordPressでの制作

    ¥2,000,000~

    (税込)

  • お見積もり例

    リクルートサイト

    ページ数

    TOP+5ページ

    制作内容

    ・写真撮影あり
    ・お問い合わせフォーム
    ・スマートフォン対応

    納期

    約3〜4ヶ月

    制作料金

    Studioでの制作

    ¥1,000,000~

    (税込)

    WordPressでの制作

    ¥1,500,000~

    (税込)

よくある質問

FAQ

  • Contact Us

    ホームページ制作の課題抽出や、
    目的整理からお気軽にご相談ください。

    初めてのサイト制作で何をすればいいかお困りのお客様も歓迎。
    現状の課題抽出やサイトの目的の整理、サイトコンセプトの策定からお任せください。
    Web集客の戦略設計を具現化するサイト構成、デザイン、機能面までご提案します。

    Office

    Osaka

    〒530-0044
    大阪府大阪市北区東天満2丁目2-5
    第2新興ビル 204-5号


    JR東西線 「大阪天満宮」駅 徒歩5分
    大阪メトロ谷町線 「南森町」駅 徒歩8分

    Tokyo

    〒107-0062
    東京都港区南青山3丁目3-3
    リビエラ南青山ビル


    東京メトロ銀座線「外苑前」駅 徒歩4分
    東京メトロ銀座線/半蔵門線/千代田線「表参道」駅 徒歩8分