🖥 管理画面イメージ 🖥 Admin mockup
トップHome 物件を探すProperties エリアから探すAreas ブランド紹介Brands お知らせBlog お問い合わせContact 📄 ご提案書📄 Proposal 🖥 管理画面イメージ🖥 Admin mockup
トップHome ／ ご提案書 / Proposal
PROPOSAL DOCUMENT
PROPOSAL DOCUMENT

『C's share / The Maison』
Webサイトリニューアル ご提案書

Website Renewal Proposal
for C's share / The Maison

フロンティア渡邉様　ご担当者様
この度はお声がけいただきありがとうございます。頂戴した要件定義書をもとに、実際に触っていただけるデザイン・機能デモを制作いたしました（本サイト全体がその成果物です）。以下、ご提案の要点とお見積りをまとめております。

Dear the Frontier / Watanabe team,
Thank you for the opportunity to propose. Based on your requirements document, we built an interactive design & functionality demo — this entire site is that deliverable. Below is a summary of our proposal and estimate.

UNDERSTANDING
UNDERSTANDING

ご要望の理解

What we understood

1

デザインの刷新

Design refresh

コンテンツ構成・テキストは踏襲しつつ、20〜30代・外国籍60%のターゲットに響く清潔感・安心感あるデザインへ。

Keep the content structure, refresh the look for a 20s–30s, 60%-international audience — clean and reassuring.

2

回遊性の向上

Better navigation flow

単一物件の閲覧で終わらせず、比較検討からCVまでの導線を作る。

Don't let visitors stop at one listing — build a path from comparison to conversion.

3

外部DB廃止・WP内運用

Retire external DB

サーチプラスを廃止し、WordPress内で完結する簡易空室管理体制へ移行。

Retire Search Plus in favor of a simple, self-contained WordPress vacancy management system.

DESIGN DIRECTION
DESIGN DIRECTION

デザインの方向性

Design direction

本サイト（トップページ〜各種下層ページ）そのものが、下記の方向性を実装したデザイン提案です。

This entire site — the homepage and every sub-page — is the design proposal that implements the direction below.

現状の課題Current challenges
  • 🔲 物件詳細を見て離脱、比較導線が弱いVisitors leave after one listing — weak comparison flow
  • 🔲 外部DBとWPの二重管理で更新が煩雑Dual management between external DB and WP is cumbersome
  • 🔲 外国籍利用者への配慮が手薄Limited consideration for international visitors
  • 🔲 スマホでの回遊導線が弱いWeak mobile navigation flow
リニューアル後After renewal
  • ✅ 関連物件自動提案＋比較用CTAを標準装備Auto-suggested related rooms + comparison CTAs, by default
  • ✅ WordPress一元管理・更新即反映Single WordPress admin, instant updates
  • ✅ 主要ページJP/EN切替対応Key pages support JP/EN switching
  • ✅ スマホ追従ナビで常に導線を提示Mobile sticky nav keeps key actions one tap away
トーン&マナー
トーン&マナーTone & visual style

アイボリー×テラコッタの温かみのある配色、明朝体×ゴシック体の見出し組み合わせで、"安心感"と"上質さ"を両立。

Warm ivory + terracotta palette, serif headlines paired with a clean sans body — balancing warmth and quality.

写真の使い方
写真の見せ方Photography approach

間取り写真だけでなく、暮らしのワンシーンを見せるライフスタイルカットを織り交ぜ、入居後をイメージしやすく。

Beyond room shots, lifestyle photography helps visitors picture everyday life after moving in.

NAVIGATION MEASURES
NAVIGATION MEASURES

回遊性向上の具体施策

Concrete navigation measures

A

関連物件の自動表示

Auto related-room cards

各物件詳細ページ末尾に「同エリア」「類似コンセプト」をスコアリングして自動表示。実装例を見る →

Every room page auto-scores and shows rooms in the same area or concept. See it live →

B

モバイル追従ナビ

Mobile sticky nav

スマホ画面下部に「条件検索・マップ・お問い合わせ」を常時表示。本サイトをスマホでご覧いただくと体験いただけます。

A bottom bar keeps search, map and contact always visible — try viewing this site on your phone.

C

回遊CTAの配置

Comparison CTAs

お問い合わせボタン近傍に「他物件と比較」「エリア一覧へ戻る」を設置。実装例を見る →

"Compare rooms" and "back to areas" links sit right next to the inquiry button. See it live →

D

ブログからの物件導線

Blog-to-property links

記事内に物件リンクカードを簡単挿入。実装例を見る →

Property link cards can be dropped into any article. See it live →

VACANCY MANAGEMENT
VACANCY MANAGEMENT

WordPress簡易空室管理の実現方法

How the simple vacancy system works

物件情報は WordPress の「カスタム投稿タイプ」、写真・空室ステータス・360°埋め込みコードなどは「カスタムフィールド（ACF）」で構造化します。スタッフの方が触るのはドロップダウンやテキスト欄のみで、コードやサーチプラスの管理画面は一切不要になります。

Properties become a WordPress Custom Post Type; photos, vacancy status and 360° embed codes live in Custom Fields (ACF). Staff only ever touch dropdowns and text boxes — no code, and no more Search Plus admin.

  • ✓ 空室ステータス：即入居可 / ○月〜空き予定 / 満室 をドロップダウンで選択
  • ✓ Vacancy status: pick from a dropdown — move-in ready / available soon / full
  • ✓ 変更は保存と同時にトップ・一覧・詳細へ即反映
  • ✓ Changes reflect instantly on the homepage, listing and detail pages
  • ✓ エリア／こだわり条件／空室ありのみでの検索フィルターに自動連動
  • ✓ Automatically feeds the area / feature / vacancy-only search filters
管理画面イメージを操作してみる → Try the admin mockup →
管理画面イメージ
RELEVANT WORK
RELEVANT WORK

類似実績について

Relevant experience

不動産・店舗・ポータル型サイト、WordPress／SWELLを用いた制作を継続的に手がけています。本デモも含め、制作実績はポートフォリオpage1点にまとめてご覧いただけます。

We regularly build real-estate, storefront and portal-style sites on WordPress/SWELL. This demo and our other work are collected in one portfolio page.

制作実績ポートフォリオOur portfolio

不動産・店舗・ポータルサイトほか制作事例一覧（lix-portfolio-index.pages.dev）

Real estate, storefronts, portals and more (lix-portfolio-index.pages.dev)

ポートフォリオを見る ↗View portfolio ↗
SCHEDULE
SCHEDULE

制作スケジュール案

Proposed timeline

着手から公開まで、約10週間を想定しています（要件のすり合わせ状況により前後します）。

About 10 weeks from kickoff to launch, depending on how quickly requirements are finalized.

WEEK 1WEEK 1

要件確認・ヒアリング

Requirements review & kickoff

現行コンテンツ・物件データの棚卸し、デザインの方向性すり合わせ。

Inventory existing content and property data, align on design direction.

WEEK 2-3WEEK 2-3

デザイン設計

Design

ワイヤーフレーム→デザインカンプ（トップ・物件一覧・詳細・その他下層）。

Wireframes → design comps (home, listing, detail, and other sub-pages).

WEEK 4-6WEEK 4-6

WordPressコーディング

WordPress build

21ページ以上のテンプレート実装、レスポンシブ対応。

Build 21+ page templates, fully responsive.

WEEK 5-7WEEK 5-7

簡易空室管理システム構築

Vacancy management system

カスタム投稿タイプ・カスタムフィールド・検索フィルターの実装（並行進行）。

Custom post types, custom fields, and search filters (in parallel).

WEEK 7-8WEEK 7-8

リッチコンテンツ・パフォーマンス対応

Rich content & performance

360°/動画埋め込み、画像WebP化・遅延読み込み実装。

360°/video embeds, WebP conversion and lazy-loading.

WEEK 8WEEK 8

301リダイレクト設定

301 redirects

サーチプラス旧URLから新ページへの恒久転送を設定。

Set up permanent redirects from old Search Plus URLs to new pages.

WEEK 9WEEK 9

テスト・修正

QA & revisions

実機・各種ブラウザでの表示確認、Core Web Vitals計測。

Cross-device/browser QA, Core Web Vitals check.

WEEK 10WEEK 10

公開・運用マニュアル納品

Launch & handover

指定サーバへアップロード、操作マニュアルを納品。

Deploy to your server, deliver the operations manual.

ESTIMATE
ESTIMATE

お見積り概要（工程別内訳）

Estimate breakdown

工程Item金額Amount
企画・要件整理／ディレクションPlanning & direction¥80,000
デザイン設計（全ページテンプレート）Design (all page templates)¥220,000
WordPressコーディング（21ページ以上・レスポンシブ）WordPress build (21+ pages, responsive)¥320,000
簡易空室管理システム構築Vacancy management system¥250,000
360°／動画埋め込み・画像軽量化対応360°/video embeds & image optimization¥60,000
旧URL 301リダイレクト設定301 redirect setup¥40,000
テスト・公開・運用マニュアル作成QA, launch & ops manual¥30,000
合計金額Total¥1,000,000

※上記はLancers掲載金額に基づく概算内訳です。詳細はヒアリング後にお見積書として別途ご提示いたします。

* Approximate breakdown based on the amount listed on Lancers. A detailed quote will follow after requirements are finalized.

SUPPORT
SUPPORT

納品後のサポート体制

Post-launch support

運用マニュアル

Operations manual

物件登録・空室ステータス変更・ブログ投稿の手順をPDF/動画でご案内。

PDF/video guides covering property registration, vacancy updates and blog posting.

公開後の初期サポート

Initial post-launch support

公開後1ヶ月は操作方法のご質問に無償で対応します。

Free support for operational questions during the first month after launch.

保守・点検プラン（任意）

Maintenance plan (optional)

WordPress／プラグインの定期アップデート、簡易な修正対応プランをご用意可能です。ご希望に応じてご相談ください。

Optional plans for regular WordPress/plugin updates and minor fixes — happy to discuss based on your needs.

ご質問・ヒアリングのお時間をいただけますと幸いです

We'd love the chance to discuss this further

本デモはあくまで叩き台です。ヒアリングを通じて、貴社の運用に合わせて柔軟に調整いたします。

This demo is a starting point — we'll refine it together with you through further discussion.

お問い合わせする Get in touch デモサイトを見る View the demo site