VELLUMIA WEBホームページ・WordPress制作

01

SERVICE CONCEPT

伝える設計と、運用できる仕組みを一つに。

目的、顧客、強み、問い合わせまでの流れを整理し、デザインとWordPressへ落とし込みます。見た目だけ、システムだけに分断しません。

1. STRATEGY事業を整理

   顧客・価値・目的を言語化

2. DESIGN伝わる画面

   情報と視線の流れを設計

3. CMS更新できる仕組み

   日常運用を専用項目へ

4. RELEASE本番で使う

   検証・公開・引き渡し

02

WEBSITE

ホームページを、営業と信用の土台へ。

会社案内の置き換えではなく、初めて知った顧客が理解し、比較し、相談できる情報の流れをつくります。

1. CORPORATEコーポレートサイト

   事業・信用・問い合わせの基盤

2. SERVICEサービスサイト

   価値・違い・利用判断を深く伝える

3. RECRUIT採用サイト

   仕事・人・選考を応募者目線で整理

4. RENEWALリニューアル

   既存資産を見直し、情報と運用を再設計

03

ORIGINAL DESIGN

事業に合わせた、固有の画面設計。

テンプレートの色と写真を替えるだけではなく、伝える優先順位からページのリズム、余白、文字、写真、動きを設計します。

1. LAYOUT固有の構成

   重要ページごとに役割を変える

2. TYPE文字と余白

   読みやすさと印象を両立

3. VISUAL写真と図解

   理解を助ける場所へ統合

4. MOTION意味のある動き

   視線誘導と段階的な理解

04

WORDPRESS

公開後も、自分たちで情報を動かせる。

世界的に利用されるWordPressの標準機能と公式APIを優先し、独自テーマと専用Coreを分離して構築します。

1. THEME表示とデザイン

   UI・レスポンシブ・Motion

2. CORE重要データ

   事業・実績・料金・FAQ・問い合わせ

3. ROLE更新権限

   必要な操作だけを許可

4. DATA継続利用

   無効化やテーマ変更で消さない

05

CMS

必要な情報を、必要な形で更新。

制作実績、お知らせ、事業、料金、FAQなど、増えていく情報は用途別のCMSとして管理します。

1. PAGE固定ページ

   Hero・見出し・本文・画像・CTA

2. WORKS制作実績

   分類・画像・課題・提案・成果

3. NEWSお知らせ

   タイトル・本文・画像・公開日時

4. BUSINESS事業

   名称・状態・リンク・詳細・画像

5. PRICE / FAQ料金・質問

   内容・順番・公開設定

06

CUSTOM ADMIN

コードを触らない、迷いにくい管理画面。

入力すべき項目、推奨画像、公開状態を分かりやすく整理し、危険な設定は更新担当者から隠します。

1. DASHBOARDよく使う更新

   事業・実績・NEWS・料金へ最短導線

2. MEDIA画像管理

   Hero・背景・カード・OGP・alt

3. STATE公開管理

   公開・準備中・非公開・リンクON/OFF

4. CHECK公開前確認

   実在情報・フォーム・SEO・SSL

07

RESPONSIVE

スマートフォンで完成する設計。

PCを縮小するだけでなく、文字量、タップ領域、メニュー、フォーム、絞り込み、アニメーションを画面ごとに最適化します。

1. READ読み順

   重要情報から自然に読める

2. TOUCH操作

   十分なタップ領域とフォーカス

3. MENUナビ

   背景を分離し視認性を確保

4. MOTION動き

   体験を残しながら処理を軽量化

08

MOTION

意味のある動きで、理解を深める。

スクロールに応じたレイヤー変化、固定ステージ、テキストや画像の段階表示を使い、視線誘導とブランド体験につなげます。

1. HEROEntrance

   第一印象と情報の開始点

2. STAGEPinned Scroll

   同じ画面で事業の構成を変化

3. REVEALMask / Text

   読む順番に合わせて表示

4. ACCESSReduced Motion

   動きを抑える設定へ対応

09

INTERNAL SEO

検索エンジンが読める、正しい土台。

ページごとのtitle、description、canonical、見出し、内部リンク、パンくず、OGP、構造化データ、サイトマップを整えます。

1. PAGEtitle・description

   ページ固有の検索表示

2. STRUCTURE見出し・内部リンク

   内容と関係を正しく伝える

3. SHAREOGP・canonical

   共有とURLの基準

4. DISCOVERschema・sitemap

   検索エンジンの理解を補助

10

CONTACT

問い合わせを受け取る場所まで本番品質に。

入力検証、スパム対策、通知、自動返信、テスト・本番切替を実装し、本番環境では実メール送信を確認します。

1. INPUT入力項目

   種別・氏名・連絡先・予算・時期

2. VALIDATE検証

   必須・形式・同意をサーバー側でも確認

3. PROTECT迷惑送信対策

   nonce・honeypot・送信回数制限

4. MAIL通知

   管理者通知・自動返信・Reply-To

11

SECURITY

秘密情報を埋め込まず、攻撃面を増やさない。

nonce、sanitize、escape、送信制限を基本とし、不要な外部プラグインを増やしません。SMTP情報は専用プラグインや環境設定で管理します。

1. REQUESTCSRF対策

   nonceと権限を確認

2. DATAsanitize / escape

   入力と出力の境界を守る

3. SPAMhoneypot / rate limit

   自動送信と連続送信を抑制

4. SECRET認証情報

   ThemeやCoreへ埋め込まない

12

LONG-TERM STABILITY

将来の更新で壊れにくい責任分離。

重要データはCoreへ保存し、テーマ変更や再有効化で消えない設計にします。データ構造の変更はバージョン管理と移行処理で扱います。

1. DATACoreに保存

   事業・実績・料金・設定を保持

2. REFERENCE安定ID

   表示名変更で関係を壊さない

3. MIGRATIONバージョン移行

   既存値を保持しながら追加

4. RECOVERY復旧

   更新前にファイルとDBを保全

13

SCOPE

制作範囲を、見積前に明快に。

ページ、CMS、フォーム、撮影、移行、外部連携、公開支援を整理し、標準範囲と追加見積を事前に共有します。

1. STANDARD基本範囲

   デザイン・WordPress・フォーム・SEO・公開支援

2. PROJECT案件固有

   ページ・分類・Motion・素材・移行

3. EXTRA大きな追加機能

   EC・決済・予約・会員・複雑なAPI

4. AGREEMENT合意

   仕様変更前に内容と費用を確認

14

PRICE

START 198,000円から。

小規模なSTART、推奨のSTANDARD、ブランド表現まで作り込むSIGNATUREを基準に、案件固有の要件を反映して見積もります。

1. START198,000円

   最大5ページ程度・基本CMS

2. STANDARD298,000円

   10〜12ページ・専用Core・実績・NEWS

3. SIGNATURE398,000円〜

   15〜20ページ・複数CMS・高度な表現

15

PROCESS

整理、設計、制作、検証、公開。

決めるべき順番を飛ばさず、各段階の確認点を共有して進めます。公開後の日常更新へつなげるところまでが制作範囲です。

1. DISCOVER目的と現状

   顧客・課題・素材・制約

2. STRUCTURE情報設計

   ページ・導線・CMS

3. CREATE表現と実装

   コピー・デザイン・WordPress

4. VERIFY検証

   表示・操作・更新・送信・SEO

5. LAUNCH公開と引き渡し

   本番反映・マニュアル・初期対応