このサイトは rinka0522 様の募集要件をもとに制作したデザイン確認用デモです。社名・数値・事例・写真はサンプルです。
Service 01

Webサイト制作・改善(CRO)

「きれいに作る」だけでは成果は出ません。事業の数字から逆算した設計・実装と、公開後に社内で回せる更新体制。そして継続的な改善(CRO)までを一貫して支援します。

Scope

対応範囲

新規サイト制作

コーポレート/サービス/採用サイト、LP。情報設計・ワイヤーフレーム・デザイン・実装・公開まで。

リニューアル・移行

THE THOR+ページビルダー等からの脱却。SWELL+Gutenbergへ移行し、更新性・表示速度・保守性を改善。

CVR改善(CRO)

ヒートマップ・フォーム分析・A/Bテスト。ファーストビュー・導線・フォームを継続的に改善。

ブロックパターン整備

よく使うセクションを再利用可能なパターン化。担当者が組み替えるだけでページを量産できる状態に。

計測環境の構築

GA4/GTM/サーチコンソール設定、主要CVのイベント設計、Looker Studioでのレポート化。

公開・保守

ステージング制作、公開前後の動作確認、301リダイレクト確認。公開後の軽微修正・保守にも対応。

Approach

「自社で更新しやすい」構成の考え方

納品後、制作会社に頼らず運用できることを最優先に設計します。

1

ページビルダーを使わない

Elementor等は使わず、WordPress標準のブロックエディター(Gutenberg)+SWELL標準機能で構築。テーマ/WP本体のアップデートに追従しやすく、担当者が変わっても引き継げます。

2

共通パーツは一元管理

ヘッダー・フッター・CTA・お問い合わせ誘導は「同期パターン(再利用ブロック)」で管理。1箇所直せば全ページに反映され、更新漏れが起きません。

3

装飾はテーマ設定に寄せる

色・余白・見出しスタイルはテーマ設定/theme.jsonで一元定義。個別ページに直接CSSを書かないため、トンマナが崩れません。独自CSS/JSは1ファイルに集約します。

4

操作マニュアルを納品

「トップの実績を追加する」「事例を1件足す」など、よくある更新手順をキャプチャ付きでまとめてお渡しします。公開後の質問にも一定期間対応します。

Flow

制作の流れ

ヒアリング・設計

事業・ターゲット・目標CVを整理し、サイト構造とページ要件を固めます。

デザイン確認

Figma等で主要ページのデザインをご確認いただきます。実装前に方向性をすり合わせます。

実装(ステージング)

ステージング環境でSWELL+Gutenbergで実装。ブロックパターン・共通CTAを整備します。

動作確認・公開

表示・フォーム・計測・リダイレクトを確認し、本番へ反映。公開後もチェックします。

ご説明・改善

更新方法をレクチャーし、マニュアルを納品。以降はCROで継続的に改善します。

いまのサイトの課題、洗い出しから。

「作り直すべきか、改善で足りるか」の判断からご相談ください。