Webサイト制作
Webサイト制作
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
多くのメディアで、優良事例として、
実績が取り上げられています。

HARUKI Ladies clinic
「圧倒的な実績と、不安に寄り添う姿勢。」
不妊治療のフロントランナーとして、相反する二つの価値を高度に両立させたWebサイトを構築
Web制作(Studio)

GEPPY STUDiO
"遊び心あふれるパートナー"というGEPPYらしさを、サイトで体現する
Web制作(Studio)

WORKEST by 平田タイル
働く空間の印象だけでなく、企業の姿勢や価値まで伝わるブランドサイトへ
Web制作(Studio)

TOKYO Inter-Hign School
複雑な教育サービスを紐解き、本質的な価値を正しく届けるための「情報の再定義と再構成」
Web制作(Studio)

日本空調サービス Human Brand Site
“いい風になろう。”見えない快適を支える人の価値を伝えるヒューマンブランドサイトへ
Web制作(Studio)

M&A Value Engineerring
M&Aの意思決定を支える、信頼性と専門性を兼ね備えたコーポレートサイトへ
Web制作(Studio)
制作の流れ
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