1. HOME
  2. おすすめデザインプラン | 中小企業のホームページ制作ならヒトイロウェブ
  • おすすめデザインプラン

    2019.5.18

    WordPressホームページ制作プランの一つである、おすすめデザインプランとは「成果を出してきたレイアウトやデザイン」を元にご用意した、おすすめのレイアウト、デザインを元にカスタマイズして利用いただくプランです。

    なぜ、無料で使えるWordPress(ワードプレス)を制作依頼する必要があるのか?

    WordPressの無料テーマや有料テーマを購入して、自分で設定、カスタマイズし、ホームページとして利用する、という方法があります。これは、コストも安くて、手軽だし、WrodPress(ワードプレス)の一番のメリットですよね。私も当初は購入したテーマを元に、お客さんの要望を取り入れて制作を進めてみたこともあります。

    ところが、実際に小さな会社や事業主さんのご要望を実現しようとすると「購入テーマのままじゃ使えないんだな…結構、いじらないと…」という点が、いくつもでてきて、調べながら作っていました。いくつか上げてみると、次のような点です。

    • メイン画像の加工(文字フォント、画像加工)は結局デザイン経験が必要となる
    • 適切な初期設定を実施するには、いろいろと迷う点がある
    • プラグインも選定から初期設定までやると調べる時間が必要になる
    • ちょっとした機能や見た目のカスタマイズをするにも、技術(html、css、phpなど)の知識と経験がいる
    • 運用時のセキュリティ対策やバックアップ&復元には、テスト実施など経験がいる
    • 結局、商用ホームページの品質に仕上げるには、時間と手間がかかるんだな〜

    テーマのデザインだけ見ると「これで充分じゃないの、うちのホームページ」と考えるかとは思いますが、結局、実際に商用ホームページとして利用するために必要なことを実施し始めると、手間も時間もかかってきます。当初は、弊所でも市販のテーマをもとに設定や変更をしながら制作していたのですが、予想以上に時間もかかって、結局カスタマイズする部分がたくさんでてきました。

    そんな経験の中から、小さな会社に適切なホームページとしてのレベルを実現するためのデザイン、機能、初期設定、運営管理をまとめて用意したものが「WordPressでホームページ制作」プランになります。基本的に必要なものは用意した上で、お客様ごとにカスタマイズしてご利用いただける実用的でお得で素早いプランです。

    ホームページ制作のきっかけとご要望

    こちらのおすすめデザインプランは「会社案内的な利用が中心で、ネット集客が中心というわけでもないので、あまり予算をかけずに、手軽に導入したい。それでも、きちんとしたホームページがあると嬉しい」という事業者さんにとっては、最適なプランになっております。例えば、次のような方にご利用いただいております。

    損害保険代理店様の会社案内+提携先紹介ページとしてのホームページ

    • どういう保険代理店か?などの、情報発信をしていきたい
    • 提携先である飲食店さんの紹介をしたい
    • 現状紙で配布している割引チラシを、ホームページ上で使えるようにしたい
    • 保険代理店のホームページでは作るにあたって、縛りもある。必須の内容は掲載する
    • 情報を自社で発信できるように、ページを社内で追加編集できるようにする

    警備保障会社様の会社案内+採用情報掲載のホームページ

    • 1枚程度でもよいので、自社のホームページを立ち上げたい
    • 採用についての情報を載せておきたい
    • 採用情報は、毎年条件も変わるので、自社で更新できるとよい
    • 採用については、地域別に募集したり、止めたり、するので、そのあたりの情報更新は、簡単にできるとよい
    • 会社概要はのせておきたい
    • お問い合わせは、電話、問い合わせフォームの両方で受け付けられるようにしたい

    信頼感のあるきちんとした会社案内的な使い方が主な目的ではあるのですが、ちょっとしたところは、自社内で編集やページ追加できると嬉しい、そんな使い方のできるホームページを探している方には、ピッタリのプランです。

    活用事例の紹介

    もちろん、ブログ機能を活用したSEO対策や、トップページを充実させて販売サイトとして利用するなどの使い方もできる仕様となっております。実際の活用事例をご紹介しておきます。

    ネットからの新規客開拓

    新規顧客からの問い合わせを目指して、ホームページを初めて立ち上げました。加工事例を記事として掲載していくことで、仕事の信頼感につながっています。同時に、SEO対策にもなり、検索からの新規開拓を実現。「毎月安定して問い合わせが来るようになった」と喜んでもらっています。

    中央区のビク抜き加工|ミナト紙工様
    http://minato-shikoh.co.jp

    個人向けにスマホ対応のホームページを制作

    アメブロからWordPressホームページに移行された事例です。個人のお客様が多いためスマホで閲覧されることも多いため、スマホ時にも閲覧しやすいWordPressでのホームページに移行しました。自分で更新できる機能は同じように実現しながら、より閲覧しやすいホームページを実現しました。

    花育&フラワーアレンジメント教室
    フローラル・セレニティ様
    http://minato-shikoh.co.jp

    サービスに特化した専門ホームページとして制作

    事務所ホームページとは別に、一つのサービス専用のホームページとして構築しています。専門サイトは、閲覧者さんにとってもわかりやすいホームページになります。結果、反応率も良くなってきます。

    横浜未払い残業代アシスト
    社会保険労務士 西山事務所様
    https://miharai-assist.com

    SEO対策により、お教室の集客ホームページとして運営

    元々はアメブロをホームページ代わりに利用されていました。長期的なSEO対策として、独自ドメインでの1ページ目表示を目指して制作しました。サポート会員のご相談を利用いただきながら改善することで「福岡 ポーセラーツ」などの検索キーワードで1ページ目に表示されるようになりました!WordPressの編集機能を、上手に活用されているお客様です。

    福岡のポーセラーツ教室
    クリスタリーヌ様
    https://porcelarts-salon.com

    ランディングページとしてトップを充実

    トップページをランディングページとして、充実させた使い方です。リスティング広告やSEO対策により、検索エンジンからのアクセスを集めています。結果、新規生徒さんが常に満員状態となり、ネット集客を実現された事例です。

    個別指導英語専門塾
    池田英語塾様
    http://reading-pro.net

    新規開業時のホームページ

    専門家としてのスタートアップにあたりWordPressでホームページを立ち上げました。信頼感獲得と、SEO対策のために、ブログ記事を書きながら、日々の活動を蓄積されています。初めての人にも、仕事ぶりを知ってもらうことで信頼感につなげながら新規開拓を目指す使い方です。

    英語コーチング|藤恭羽様
    https://eigocoach.jp

    ※一部オプションでのカスタマイズを含むものもあります

    このように、小さな会社のホームページとして多くのお客さまにご利用頂いております。「私の場合は、どう使えばよいだろうか?」「こんなことをやってみたいのだが、実現できるだろうか?」と思った方、ぜひ一度ご相談ください。ご要望をもとに、実現方法を相談させていただきます。

    このような商用利用を想定したWordPressホームページ制作、具体的な制作範囲をご紹介しておきます。

    お見積もりの範囲、仕様概要について

    以下にお見積りの範囲と仕様概要を示します。

    ■ドメイン

    ・ドメインはご希望の独自ドメイン(例:xxx.com)を新規に取得して利用します
    ・ドメインの費用は、サポート会員費用に含まれます
    ・ただし、.com以外の.jpや.co.jpなどを希望の場合、別途追加費用またはお客様にて直接ご契約いただく形で、ご利用が可能です
    ・いずれの場合も、設定手続きは弊所にて実施いたします

    ■サーバ

    ・サーバは、WordPressの動作に適したものを、こちらでご用意いたします
    ・ドメインとサーバの関連付けの設定を行います
    ・サーバ利用の費用は、サポート会員費用に含まれます

    ■メールアドレス

    ・取得した独自ドメインでのメールアドレス(例:info@xxx.com)の利用が可能です
    ・メールアドレス10点まで、初期制作費用の範囲で設定可能です。
    ・メール利用の費用は、サポート会員費用に含まれます

    ■常時SSL化

    ・サーバ側とホームページ側において、常時SSL化の設定を実施します
    ・URLは、httpsとs付きになります(例:https://xxx.com)
    ・従来のsなしのURLでアクセスした場合は、sありのSSL化されたページに自動で転送される設定を行います
    ・SSL発行の費用は、サポート会員費用に含まれます

    ■初期のページ作成について

    初期ページ制作は、以下のページについてを含めます。合計5ページ。
    ・コンセプト
    ・会社概要|アクセスとしてGoogleマップ含む
    ・事業案内
    ・採用について
    ・お問合せ
    各ページとも、文字、画像でA41枚程度の原稿量とします。初期公開時に最低限必要な情報の掲載の範囲と考えていただけるとよいです。
    公開後に、お客様での追記・編集が可能です。WordPressによる文字、写真、リンクなどの入力によりページ内容を編集いただけます。

    ■検索エンジンへの登録

    ・Googleへの初期のインデックス登録を行います
    ・Googleサーチコンソールへの登録を実施します。設定はrobot.txtの登録までを実施します

    ■アクセス解析

    ・Googleアナリティクスへの登録を実施し、基本的な設定を行います
    ・お客様のGoogleアカウントでセッション数、ページビュー、滞在時間、目標達成数などを閲覧いただだけます
    ・アクセス解析の使い方、については、導入後しばらくした時点で、サポート会員向けサービスとして、ご希望の方に、基本操作を紹介しております

    ■公開後のサポート、保守管理

    ホームページ運営に必要となるサポート(ページ更新方法など)と保守管理(セキュリティ対策、バージョンアップ、バックアップなど)は、月額のサポート会員としてご提供致します。サポート会員の詳細は、こちらのページ(4月末に掲載予定。それまでは、ご相談時にご紹介しております)にてご説明しております。

    サイトマップとページ構成案

    ■サイトマップ|基本型

    ・基本型となるサイトマップになります。以下のサンプルを元に、名称の変更などを行い、作成をスタートしていきます。※PDFを表示

    ■ワイヤーフレーム|基本型

    ・以下のワイヤーフレーム配置を基本型として作成していきます。詳細は仕様決めにて確認していきます。

    ■トップページ

    PDFを表示

    ■詳細ページ

    PDFを表示

     

    デザインパターンの選択とカスタマイズ

    ■デザイン制作の進め方

    おすすめのデザインパターンをもとに、写真、タイトル文字原稿をご用意いただき、カスタマイズして、制作します。

    ・デザインパターンから、与えたい印象に近い雰囲気のデザインを選択
    ・写真、文字の原稿を用意
    ・カスタマイズしたデザインを確認

    デザインパターンのカスタマイズ範囲については、基本は以下となります。
    ・メインイメージ内の写真、文字の置き換え※配置は、同じ位置になります
    ・ナビゲーションメニューの文字とリンク先
    ・サイドにあるバナーの文字とリンク先

    その他、配色、文字レイアウト変更などのカスタマイズにつきましては、ご要望ありましたらご相談ください。内容によっては、別途お見積りの場合もありますが、ご対応できるものもありますので、お気軽にご相談ください。

    ■デザインパターンの選択

    これまでの制作経験、運用結果などから、商用ホームページに適したおすすめのデザインパターンを独自に作成してご用意しております。パターン選びに迷う場合は、ご相談ください。

    クリア|信頼

    ブルー:大きな画像で全体を見る

     

    赤:大きな画像で全体を見る

     

    クリア|親しみ

    グリーン:大きな画像で全体を見る

    紺:大きな画像で全体を見る

     

    ■写真について

    写真は、基本はご提供いただきます。素材サイト(Adobe Stockなど)からの選定も可能です。素材サイト内で検索していただき、イメージに合う写真を探します。写真選びについて迷った場合は、ご相談ください。

    写真の費用については、写真の種類、サイズ、点数によっては、実費にて購入いただいてご利用となる場合もあります。一点、数千円程度のものが多いです。

    Adobe Stock:https://stock.adobe.com/jp/
    iStock:https://www.istockphoto.com/jp

    検索結果の例:

    機能概要

    WordPressでホームページ制作の「おすすめデザインプラン」においては、以下の機能が標準機能として含まれています。詳細の制作の中で、機能的に追加が必要な場合は、ご相談ください。個別にご相談させていただいております。

    ■お知らせ一覧表示機能

    ・設定した件数の日付、タイトルを自動で一覧表示
    ・設定した期間(2週間など)の最新記事に「NEW」マークを自動で表示
    ・タイトルをクリックすると詳細記事ページを表示
    ・最新のものを上から自動で表示(順番を変えたい場合は、日付を管理画面にて変更することで可能)

    画面例:

    ■下層ページへの導線

    以下いずれかの形で実現可能

    a.ナビゲーション内にサブナビゲーションを設定

    ・お客様で編集も可能
    事例:https://brain-spa.jp/concept/

    PC時は、上部メニューにマウスをのせると下層へのメニューを表示

    スマホ時は、メニュー表示すると背景色を変えて表示

    b.サイドバーにリンクを表示

    ・お客様での編集も可能。
    ・PC時は、該当ページ内のメニューをサイドバーに表示。

    ・スマホ時は、最下部に移動

    ■ページの追加/編集

    ブラウザから管理画面にログインして、ブログの管理画面と同様の画面から、ページ追加・編集が行えます。

    動画デモ:基本的なページの追加方法のデモ(3:41)
    http://youtu.be/cu_1_lDOpsI

    ■ページ制作用装飾パーツ

    中身ページサンプル:ページ内のレイアウトにおいて、以下のようなページ装飾パーツを利用して編集いただけます。

    ページ装飾パーツ例:

    ページ装飾パーツ例:

    ■ページ内への動画の貼り付け

    ・Youtubeなどにアップした動画を記事内の好きな場所に貼り付けて表示することができます。複数貼り付けて表示することもできます。
    事例:https://beplus-yatuka.com/menu/

    ■Googleマップの表示

    ・アクセスのページなどに、Googleマップの地図を表示します。
    ・初期製作時に、設定を実施いたします
    事例:https://brain-spa.jp/official-office/official-office1/

    ■お問い合わせフォーム

    SSL対応のお問い合わせフォームをご提供します。
    フォームへの入力項目は、基本項目をもとお客様の希望により変更の上設定いたします。
    必須項目のチェックあり。未入力時は赤文字で表示します。「小冊子請求」や「条件分岐による項目の表示切り替え」なども可能です。スマホ対応。
    フォームは3つまでご用意できます。複雑なフォームや4つ以上のフォームが必要な場合などは、事前のご相談時に、実現の可否を確認させていただきます。
    事例:https://brain-spa.jp/contact-us/
    PC時の例。右側は「資料請求」選択時に表示項目を変更する条件分岐の例

    スマホ時の例。右側は、必須項目の未入力時。

    ■SEO(検索エンジン最適化)対策

    ・トップページの初期設定用の目標キーワードを確認して、初期設定します
    ・各ページなどのSEOは、内部対策により運営時にお客様での対応が可能です。設定方法などは、サポート範囲内でサポート致します。

    ■スマホ対応

    ・レスポンシブで自動切り替えによる対応を実現します。
    ・切替えは、表示するデバイスにより切り替わります
    ・スマホ時は、上部に電話アイコン(またはお問い合わせアイコン)、メニューアイコンが表示されます

    切り替え例:http://www.robineduuk.com

    PCでの表示

    スマホでの表示

    ■その他の主な機能

    ・サイトマップ自動作成機能
    ・SEO対策用メタタグ記述機能
    ・アクセス解析機能(GoogleAnalytics設置)

    設計・制作の進め方

    全体としては、仕様決定、トップ原稿揃ってから、3から6週間程度となる場合が多いです。ただし、原稿準備、デザイン調整などによって、変動する可能性がある点ご了承頂いております。

    ■環境設定|ご依頼ご入金後、1〜2週間

    ・ドメイン設定
    ・サーバ設定
    ・メールアドレス設定
    ・フォームの作成
    ・WordPress環境設定

    ■デザイン作成|原稿素材確認後、1〜2週間ほど

    ・原稿・素材の用意(お客様にて)
    ・トップページデザイン案
    ・デザイン確認と調整
    ・中身ページの原稿・素材の用意(お客様にて)

    ■サイト構築&公開|デザイン確定後、1〜2週間ほど

    ※デザイン確定時に、中身ページの原稿がある場合
    ・サイト環境設定
    ・デザイン反映
    ・中身ページ作成

    ■確認&公開

    全体確認&調整、1週間ほど
    公開
    アクセス解析など設定

    お見積り

    初期制作費用およびサポート費用のお見積りになります。
    お見積書は、最終ページに添付しております。

    初期制作費用

    おすすめデザインパック:100,000円+税
     内訳:・初期制作費用:100,000円+税
    ・デザイン|トップページについてデザインパターンを元にカスタマイズ
    ・ワードプレスによるサイト構築|ページ更新機能を実現
    ・中身ページ作成|基本ページの作成
    ・フォーム|お問い合せフォームの提供
    ・アクセス解析設置|GoogleAnalyticsを設置
    ・SEO対応|トップの初期設定およびページ毎のメタタグ設定
    ・スマホ対応|レスポンシブ対応
    など

    サポート会員費用:

    2つのパターンでお見積りしておきます。
    サポート会員|基本:月4,980円+税
    ・ホームページの運営に必要なサーバなどの保守管理・運営サポートをご提供する月額の費用です。サポート会員の内容詳細は、別紙参照。
    サポート会員|個別相談・更新代行付:月10,000円+税
    ・基本の内容に加えて、個別相談、ページの更新(採用条件の変更、追加など)を月1回、A41枚分程度の更新代行を含みます。サポート会員の内容詳細は、別紙参照。

    お支払い

    初期制作およびサポート会員の費用については、それぞれ以下のお支払い条件でお見積りしております。

    初期お支払い:
    ・初期制作費用:100,000円+税
    ・サポート会員費用(初期3カ月分)
    お支払い:制作開始時に銀行振込による一括お支払い

    月額費用のお支払い:
    月額サポート会員費用(4ヶ月目以降):月額4,980円または10,000円
    お支払い条件:毎月27日に翌月分を口座振替によりお支払い
    ・お申し込み時に口座振替の手続きを実施いたします
    ・お申し込み後、4ヶ月目以降分より毎月の口座振替となります
    ・サポート会員の開始時期は、環境設定などがスタートするため、制作開始月分からスタートとさせていただいております

    お申込み

    ご依頼いただく場合は、ご発注の旨ご記入の上、メールにて一度ご返信ください。
    今後の進め方についてご連絡させていただきます。
    ご質問などありましたら、ご連絡ください。補足させていただきます。
    今回は、お見積りの機会をいただきまして、ありがとうございます。
    感謝いたします。

ご依頼・ご相談はこちらからどうぞ。お問い合わせフォーム0120-558-501