メニューを開く

flow

制作の流れ

  • ホームページ制作って、
    何から始まるんだろう?
  • どれくらい時間がかかるんだろう?
  • 途中で何をすればいいんだろう?

初めてホームページを依頼される方にとって、 分からないことだらけだと思います。
各ステップで「何が起こるのか」「お客様にお願いしたいこと」を
あらかじめ明確にしますので、安心してお進みください。

全体の制作期間は、おおよそ2〜3ヶ月が目安です。
(ページ数や内容によって前後します)

契約前
ご相談からご契約まで

  • STEP 01|ご連絡

    まずは、お気軽にお問い合わせください。

    ホームページを作りたいと決まっていなくても、大丈夫です。

    「リニューアルを考えている」
    「他社の見積もりと比較したい」
    「とりあえず話だけ聞いてみたい」

    ——どんな入り口のご相談でも、心から歓迎します。
    メール・LINE・お電話、お好きな方法でご連絡ください。
    通常、2営業日以内にご返信いたします。

    白い服を着た女性が、スマートフォンを片手に持ち、もう一方の手で画面を操作している様子

    この時点で必要なもの

    特にありません。事業の概要やホームページで叶えたいことを、ざっくり教えていただければ十分です。

  • STEP 02|初回ヒアリング

    お客様の事業のこと、
    たっぷり聞かせてください。

    オンライン(Zoom等)または対面で、初回のヒアリングを行います。お伺いするのは、こんなことです。

    • 事業の内容と、どんなお客様に届けたいか
    • 今のホームページで困っていること
      (ある場合)
    • ホームページで叶えたいこと
    • ご予算感、公開希望時期
    • 参考にしたいサイトや、
      好きなデザインの雰囲気

    このヒアリングを丁寧に行うことが、その後の制作の質を大きく左右します。私たちが一番時間と気持ちをかけたい工程です。

    机に座る人物が、ノートパソコンの画面に映る笑顔の男性スタッフとオンラインで会話している様子

    所要時間:60〜90分程度

    緊張する必要はありません。雑談まじりで、リラックスしてお話しください。
    「うまく言葉にできないかも」というご心配も無用です。私たちが一緒に整理しながらお聴きします。

  • STEP 03|文章・構成作成

    「何を、どう伝えるか」を、
    一緒に整理します。

    ヒアリング内容をもとに、サイト全体の構成(サイトマップ)と、 各ページに掲載する文章の骨組みを作成します。

    ホームページ制作で見落とされがちなのが、この「中身(コンテンツ)」の設計です。 どれだけデザインが綺麗でも、伝えるべきことが整理されていなければ、お客様の魅力は伝わりません。

    「文章を書くのは苦手で……」という方も、ご安心ください。
    ヒアリングでお聴きした言葉や、お客様が話してくれたエピソードを元に、私たちがお客様らしい言葉で原稿を組み立てていきます。

    男女二人が、パソコン画面に表示されたウェブサイトの構成案を指さしながら確認している様子

    お客様にお願いすること

    掲載したい写真の素材、会社情報(住所・電話番号など)、サービスの詳細情報をご提供いただきます。
    お手元にない場合は、ご相談しながら進めますのでご安心ください。

  • STEP 04|レイアウト案説明会

    デザインとレイアウトを、
    ご確認いただきます。

    構成案をもとに、サイトのレイアウト案をご提案します。 画面共有しながら一緒に確認し、その場でご感想やご要望を伺います。

    「ここの色をもう少し落ち着いた雰囲気に」
    「この写真は別のものに変えたい」
    「もっと親しみやすい印象にしたい」

    そんな調整も、納得いくまで対応いたします。「こんなこと言っていいのかな」は無用です。気になるところは、何でもお伝えください。

    複数のメンバーが、机に広げた写真や配色見本を囲み、指さしながらデザインを検討している様子

    所要時間:60分程度

    この段階で、サイトの完成イメージがほぼ固まります。
    気になる点はこのタイミングで遠慮なくお伝えいただくと、後の工程がスムーズです。

  • STEP 05|ご契約・制作開始

    内容にご納得いただけたら、
    正式にご契約となります。

    お見積もりとご提案内容にご納得いただけましたら、ご契約書を取り交わし、いよいよ制作フェーズへ進みます。

    ご契約までは、もちろん費用は発生しません。
    お気軽にご相談ください。

    スーツ姿の人物が、机の上に置かれた契約書へ右手に持った黒いペンで署名している手元の様子

契約後
制作から公開まで

  • STEP 06|
    TOPページのデザイン作成

    サイトの「顔」となるTOPページから、
    デザインを進めます。

    ご契約後、まず取り掛かるのはTOPページのデザインです。

    TOPページは、お客様の事業の印象を決める「顔」とも言える大切なページ。 ヒアリングで伺ったお客様の世界観を、色・写真・タイポグラフィ・レイアウトで形にしていきます。

    このTOPページのデザイン方向性が決まれば、サイト全体のトーンが固まります。
    じっくり時間をかけて、こだわって進める工程です。

    ノートパソコンに表示されたウェブサイトを見ながら、キーボード操作し、デザイン制作をしている人物の様子
  • STEP 07|TOPデザインのご確認

    最初の答え合わせ。
    納得いくまで調整します。

    完成したTOPページのデザイン案を、画面共有しながらご確認いただきます。

    「色合いをもう少し落ち着いた雰囲気に」
    「この写真は別のものに変えたい」
    「もっと親しみやすい印象にしたい」

    ——気になるところは、どんな小さなことでも遠慮なくお伝えください。 TOPデザインがしっくりくることが、後工程すべての土台になります。 ここで納得いただけるまで、しっかり調整します。

    タブレットとノートパソコンに表示された配色や画面案を、二人で指さしながら確認している様子

    所要時間:60分程度

    お客様も話したいことがたくさんあると思いますので、時間が伸びても大丈夫です。
    気になる点は全部出し切ってください。

  • STEP 08|下層ページの制作

    TOPで決まったトーンを軸に、
    全ページを作っていきます。

    TOPデザインの方向性が固まったら、その世界観を引き継ぎながら、 会社概要・サービス紹介・お問い合わせなど、残りのページを制作していきます。

    各ページの制作中も、進捗をこまめに共有しながら進めます。
    気になることがあれば、いつでも気軽にご連絡ください。

    植物の見える屋外のテーブルの上にあるノートパソコンに、ウェブサイトが表示されている様子
  • STEP 09|
    テストアップ・最終調整

    公開前に、
    本番環境に近い形でご確認いただきます。

    すべてのページが揃ったら、テスト用のURLでサイト全体をご確認いただきます。

    • PC・スマホ・タブレットでの表示
      チェック
    • 文章の最終チェック
    • 写真の差し替え
    • リンクや動作の確認

    このタイミングで気になる点があれば、しっかり修正します。
    「公開してから直したい」をなるべくゼロにするための、大切な工程です。

    設計図を広げた机の上で、スマートフォンとタブレットが並び、各画面にはウェブサイトが表示されている様子
  • STEP 10|公開日のご相談・公開

    公開のタイミングは、
    お客様と一緒に決めます。

    サイトの完成後、公開日をお客様と一緒に決定します。

    新サービスのリリースに合わせたい、キャンペーンのタイミングに合わせたい、 イベント告知に間に合わせたい—— お客様のご事情に合わせて、最適な日時で公開いたします。

    公開作業はこちらで行いますので、お客様にお手間を取らせることはありません。

    デスクに座ってノートパソコンを操作している様子。画像の全面にCMSやウェブ関連のアイコンが並んでいる

公開後
運用・メンテナンスフェーズ

  • AFTER|
    公開後のメンテナンスサポート

    公開してからが、
    本当のお付き合いの始まりです。

    ホームページは、公開後も少しずつ手を入れていくものです。

    「文章を変えたい」
    「新しいサービスを追加したい」
    「写真を入れ替えたい」
    「お知らせを更新したい」

    ——どんな小さなことでも、お気軽にご相談ください。

    ノートパソコンに表示されたウェブサイトを、色見本を広げた机で二人が指さしながら確認している様子

適正価格
長く頼れる存在に。

男性スタッフが、向かいに座る女性へ電卓を見せながら費用について説明している様子

トリデらしいサポートのかたち

メンテナンスサポートは、1時間以内 3,000円〜の有料対応となります。
「メンテナンスは費用がかさむから、頼みづらい……」
そんなふうに思わせてしまうのは、私たちの本意ではありません。

お客様が気軽に頼れる価格で、長く伴走できるサポート体制を整えています。
ホームページ制作で力を発揮するのはもちろんですが、 むしろメンテナンスフェーズでこそ、トリデらしさを発揮できる ——そう考えて、サポート体制を組んでいます。

「ちょっとした修正だけど、お願いしてもいい?」

そう気軽に声をかけていただける関係を、これからも大切にしていきます。

ページの先頭へ戻る