Bee Kind
制作実績一覧へ

SERVICE WEBSITE

オフィシャルマイスター様

「気になる症状」から、相談の一歩へ。

初期制作費
385,000円(定価・税込)
制作規模
3ページ
制作期間
2か月
オフィシャルマイスター様のサイトのファーストビュー

01 / PURPOSE

制作の目的

洗濯機の分解清掃・故障相談・メンテナンスの内容を、初めての方にもわかりやすく伝えるサイトです。気になる症状から施工事例や料金を確認し、LINE相談へ進める構成にしています。

02 / DESIGN

デザインと機能の工夫

最後まで飽きずに見てもらうため、動きを眺めるだけでなく、閲覧者自身が操作できる体験を設計しました。症例のビフォー・アフターを比べる画像スライダーや、質問に答えて進む簡易チェッカーを実装。身近な洗濯の悩みを自分のこととして考え、興味を深めながら相談へ進める構成を目指しています。

PROJECT DATA

お客様
オフィシャルマイスター様
制作費
385,000円(定価・税込)
主な実装
症状別施工事例 / 写真比較 / 簡易チェッカー / LINE申込文作成 / スマートフォン対応
公開URL
https://giba.co.jp/
公開状況
公開済み。公開サイトをご覧いただけます。

WHY THIS DESIGN

この形にした、理由。

  1. 01

    出発点

    最後まで興味を持ち、相談を検討してもらいたい。

    実画面と構成を見る
  2. 02

    考えたこと

    動きを見るだけでなく、自分で操作できる入口をつくる。

    実画面と構成を見る
  3. 03

    選んだ構成

    写真比較と簡易チェッカーから、LINE相談につなぐ。

    実画面と構成を見る
この事例に近いサイトを相談する

DESIGN IN ACTION / ACTUAL SCREENS

気になる症状から、相談の一歩へ。

飽きずに閲覧してもらうため、読むだけでなく自分で操作する体験を設計。お客様からいただいたチェッカーの考え方を、入力・結果・相談の流れへ実装しました。実際のチェッカーと、LINE申込文を作成する入力画面を紹介しています。

INFORMATION FLOW

選んだ構成と、実際の画面。

  1. 01
    使用状況を選ぶ

    種類・購入時期・使い方

  2. 02
    結果を確かめる

    入力に応じた目安

  3. 03
    相談の入口へ

    写真と相談内容の案内

  4. 04
    申込文を作成する

    必要事項の入力・内容確認

完成後に作成した解説用の構成図です。制作当時の資料ではありません。

質問に答える操作を通して、自宅の洗濯機の状態を自分のこととして考える入口を設けました。チェッカーの考え方はお客様提供、画面と動作の実装はBee Kindが担当しています。

オフィシャルマイスター様:使用状況を選ぶの実画面
01 / 実際の制作画面画像を拡大

INFORMATION FLOW

選んだ構成と、実際の画面。

  1. 01
    使用状況を選ぶ

    種類・購入時期・使い方

  2. 02
    結果を確かめる

    入力に応じた目安

  3. 03
    相談の入口へ

    写真と相談内容の案内

  4. 04
    申込文を作成する

    必要事項の入力・内容確認

完成後に作成した解説用の構成図です。制作当時の資料ではありません。

入力と結果をつなぎ、操作した内容を確認できる構成にしています。スクロール演出だけでなく、閲覧者が選んで確かめる体験を重視しました。

オフィシャルマイスター様:結果を確認するの実画面
02 / 実際の制作画面画像を拡大

INFORMATION FLOW

選んだ構成と、実際の画面。

  1. 01
    使用状況を選ぶ

    種類・購入時期・使い方

  2. 02
    結果を確かめる

    入力に応じた目安

  3. 03
    相談の入口へ

    写真と相談内容の案内

  4. 04
    申込文を作成する

    必要事項の入力・内容確認

完成後に作成した解説用の構成図です。制作当時の資料ではありません。

興味を持った先に相談の入口を配置。「相談内容をまとめる」ボタンから、必要事項を入力する画面へ案内します。

オフィシャルマイスター様:写真を添えて、LINE相談への実画面
03 / 実際の制作画面画像を拡大

INFORMATION FLOW

選んだ構成と、実際の画面。

  1. 01
    使用状況を選ぶ

    種類・購入時期・使い方

  2. 02
    結果を確かめる

    入力に応じた目安

  3. 03
    相談の入口へ

    写真と相談内容の案内

  4. 04
    申込文を作成する

    必要事項の入力・内容確認

完成後に作成した解説用の構成図です。制作当時の資料ではありません。

基本情報・希望箇所・住所・支払い・希望日時を順に入力し、LINEへ貼り付ける申込文にまとめる機能です。入力内容はページ内で処理し、自動送信せずに本人が確認できる流れを実装しました。画像は個人情報を入力していない開始画面です。

オフィシャルマイスター様:LINE申込文を作成するの実画面
04 / 実際の制作画面画像を拡大

PROJECT SCOPE

企画から公開までの担当範囲。

01お客様からの提供
写真・ロゴ・イラスト・最終原稿・各種ポリシー文章・チェッカーの考え方
02一緒に確認したこと
Bee Kindの文章原案をもとに、お客様が最終原稿を確定
03Bee Kindの担当
構成企画・文章原案・デザイン・写真比較・簡易チェッカー・LINE申込文作成の実装・公開

主なページ

コンセプトページ / 各種ポリシー

写真撮影は制作範囲外です。

掲載制作費に含まれる範囲

上記の制作・公開作業。掲載金額は定価(税込)です。保守管理費は含みません。

3ページでも、写真比較・簡易チェッカー・LINE申込文作成を組み合わせた操作の設計と実装を含みます。最終原稿やチェッカーの考え方はお客様からの提供です。

公開後の保守管理

9,900円/月(税込)

初期制作費とは別途の費用です。

症例の追加・更新、お客様の声の追加・更新、セクションの小変更など。

制作範囲と費用の実例を比較する

LET'S MAKE SOMETHING GOOD.

LET'S TALK.

あなたの事業のこと、聞かせてください。

内容が決まっていなくても大丈夫。
全国オンライン・文章だけのご相談も可能です。

LINE・メール受付
24時間
初回返信の目安
土日祝を含め通常24時間以内
Zoom相談
7:00〜翌1:00 / 事前予約制

返信の目安と、制作・更新作業の完了までの期間は異なります。

最初は、ひとことから。お問い合わせ後、事前問診をお送りします。初回相談は約1時間。伺った内容をもとに方向性と無料のデザイン案・試作品をご提案し、制作範囲・費用を相談します。

無料相談の流れ・試作の範囲