ホームページ制作の流れ滋賀県守山市のホームページ制作

クライアントが電話をしているイラスト

お問い合わせ

ホームページ制作をご検討の方は、まず下記お問い合わせフォームより必要事項をご記入の上お問い合わせください。 ご連絡いただいた内容を確認しまして、モカビーンズで制作可能かどうか先にご連絡いたします。

モカビーンズで制作可能な場合は下記お返事いたします。

  • 制作開始時期と納期
  • 概算見積もり金額
  • デザインの方向性提案

担当者とクライアントが会話をしているイラスト

初回打ち合わせ

こちらからご連絡した内容に了承いただけましたら、御社へ打ち合わせにお伺いいたします。 そこで詳しいご要望とこちらからのご提案を繰り返し、御社にとって一番メリットのあるホームページに着地させます。

初回打ち合わせ内容

  • ホームページの目的とコンセプト
  • ページ・コンテンツ構成
  • 上記に添ったデザインの方向性
  • ロゴマーク・写真撮影・テキスト原稿作成内容

パソコンと計算機のイラスト

見積もり提出・ご契約

初回打ち合わせで決定した制作内容にて正式な見積もりと納期をご提示いたします。 その内容にご同意いただけましたら、契約書と発注書をお送りいたします。 内容をご確認の上、ご署名とご捺印いただきご返送ください。

制作開始までにご用意いただく原稿

  • ロゴデータ(モカビーンズでデザイン可能 ※別途見積もり)
  • 各テキスト原稿(モカビーンズでライター紹介可能 ※別途見積もり)
  • 使用写真素材(モカビーンズで撮影する写真以外にも必要に応じて)

パソコンに向かって作業をしているイラスト

デザイン・レイアウト作成

いよいよホームページ制作のスタートです。 打ち合わせで決定したコンテンツ内容とコンセプトを考慮し、トップページのデザインとレイアウトを作成いたします。 モカビーンズでは実際にパソコンの画面で実際にクリックしたりスクロールしながらレイアウトやデザインを確認できる様に制作進行します。 (プロダクトタイプを当方サーバー※パスワード管理でご用意します。) ですのでよくある提示されたデザインと仕上がったホームページが違う!ということがありません。 社内のWEB担当者様にも上の方に確認を取るのに安心して頂けるかと思います。

トップデザインの制作過程

  • レイアウト作成(メニューやコンテンツの配置を白黒グレーの状態でご提示)
  • 配色作成(レイアウトに色を配置します。)
  • デザイン作成(デザイン要素を加えていきます。)

写真撮影をしているイラスト

写真撮影

デザイン・レイアウトが完成しましたら、 製品・商品や社員・スタッフ、店舗内外観などコンテンツにマッチした写真撮影を行います。 モカビーンズではNikonフルサイズデジタル一眼レフ2台、業務用ストロボ4台、各種ソフトボックスなど一式揃っており、 写真歴15年の私(毛利)が撮影を担当いたします。専門のプロカメラマンと同レベルのクオリティをお約束します! モカビーンズでは写真撮影も料金に含まれます!!(通常の制作会社では5万~10万以上の追加見積もりとなります。) 撮影したデータもお渡しします。WEB他チラシなどにもご自由にお使い頂いてもOKです! 別途お見積りとなりますが動画制作も可能です。こちらも映像制作会社の半額以下で同等レベルのムービーを制作できます。

写真のクオリティが全て!

  • クオリティの高い写真はそのまま企業(ブランド)イメージとなります。
  • ユーザーへの訴求力・購買意欲へと繋がります。
  • オリジナルの写真を使用するとサイト全体のクオリティも上がります!

パソコンでコーディング作業をしているイラスト

コーディング・システム構築

デザインが仕上がりましたら次はHTMLという言語でホームページを組み立てる作業に進み、 次に新着情報や製品案内・施工事例などをお客様の方で更新できる様にシステムを組み込む作業となります。 モカビーンズではWordpress(ワードプレス)という世界で一番使われているCMSをベースに構築していきます。 フロンドエンド開発(画面操作に伴うシステム)も料金内にてご希望にそって組み込みます!

ワードプレスで制作するメリット

  • 世界のネット上にあるCMSサイトの約70%に使用されている安心感
  • ライセンス契約などは不要、無料で使用可能。
  • 世界のエンジニアが作った便利なプラグインが多数あり。
  • 汎用性が高いデータの引き継ぎ(メンテナンス先に困らない)

ホームページが完成して喜んでいるクライアントのイラスト

ホームページ公開

全ての作業を終えてホームページの公開となります。 モカビーンズでは公開後「一年保証」を契約書内にてお約束しております。 公開後一年の間に出た不具合は無料にてフォローいたします。 (※コンテンツを更新したり、仕様変更なども無料という意味ではありません。)

モカビーンズでホームページを制作するメリット

  • WEB業界で標準的に使用されている仕様で制作(汎用性が高い)
  • 定期的に進行状況を確認可能
  • 融通が効く(多少の仕様変更は無料で対応。制作会社では追加見積もりとなります。)
  • 公開後一年間保証(担当者様安心)