Web関連

テンプレートセットを使ったフルスピードweb制作

0

今回は、ティファナで取り組み始めた新しいWebの制作フローについてご紹介したいと思います。

Web制作の通常のフローというのは、ザックリ言うと「サイト設計」「デザイン制作」「コーディング」の順番で進んでいきます。
ただ、最近ではWeb制作というのも大規模化・複雑化していまして、なかなか順番通りに進まないこともあります。

いわゆる「五月雨式」という状態ですね。

この状態になると制作スピードや品質を維持するのも難しくなってきています。

ティファナでは、そういった問題を解決するべく新しい制作フローとして「テンプレートセットを使ったフルスピードWeb制作」を実践しています!

 

スピードと品質を向上させるフルスピードWeb制作

通常であれば設計書(ワイヤー)と言ったドキュメントを元にクライアントに確認しながら進めて行きます。
しかし、クライアントによっては紙でまとめたドキュメントではなかなか伝わらなかったり、ページ遷移が表現できなかったりするのでWebサイトの使いやすさをイメージしてもらうことはなかなか難しいです。

Web制作の通常のフローというのは・・・

1.「サイト設計」でWebサイトの全体像を定め、何をどの様に作るかを設計書(ワイヤー)にまとめる。
2.次にまとめた設計書を元に「デザイン制作」を行い、ユーザーに与えるイメージや印象などグラフィカルな部分を決める。
3.そのあと「HTMLコーディング」を行いWebサイトを形作って行く
というフローでした。

一方、フルスピードWeb制作では・・・

1.「サイト設計」の部分で「HTMLコーディング」を行いテンプレートセット(HTMLベースのワイヤー)を制作。
2.そのあとテンプレートセットを元に「デザイン制作」を行う。
3.最後にテンプレートセットとデザインを融合させて完成させる
というフローになります。

パワーポイントなどの紙でまとめたドキュメントでは、どれだけ時間を掛けてまとめても必ず設計上の漏れが発生してしまうものです。
このテンプレートセットでサイト設計を行うことにより、ページ遷移が表現できる様になるのでサイト全体の構造がイメージしやすくなります。

テンプレートセットの5つのメリット

・サイト設計の段階でページ遷移を確認できるため、Webサイト全体をイメージできる
・ページ遷移が確認できるため、設計上のリンク切れや導線設計上の設計漏れが防げる
・紙によるドキュメント制作がなくなるので圧倒的に納期を短縮できる
・システム構築が必要なWebサイトの場合、初期の段階でHTMLができあがるので、早くからシステム構築フェーズに入ることができ、納期を短縮できる
・実際にブラウザ上で使用することができるため、社内外問わずステークホールダー間でのWebサイトイメージを共有しやすくなり、こんなはずではなかった!という問題が起きにくい。

どうでしょう?失敗が少なくメリットが多そうです。
初期の段階からサイト全体をイメージすることができるフルスピードWeb制作。
ティファナでは五月雨式にならない制作スピードや品質を約束するWeb制作を行っています!

ホームページ制作でお困りの方はホームページ制作会社ティファナにご相談ください!

お問い合わせはこちらから

関連するサービス

ホームページ制作

関連コラム

ワイヤーフレームを作る前に気を付けたい5つのこと~その2 リニューアル編~

0

web制作初心者にとって勉強になるサイト10選!前のページ

一目で伝わる!バナーデザインの3つのポイント次のページ

ピックアップ記事

  1. 新型コロナウイルスで日本の働き方改革が起こる
  2. 新しい販売形態であるDtoCについて考えてみる
  3. AIに求められているものは、実は意外な物だった
  4. 大手企業も注目するMaaS(Mobility as a Service)とは何か…

関連記事

  1. Web関連

    WEB担当者必見!プライベートDMPとオープンDMPの違い

    企業のWEB担当者の方なら最近「DMP」という言葉を聞くようになったの…

  2. Web関連

    ユーザーを騙す!?インフィード広告の有効活用

    皆さん、スマホのニュースアプリやSNSなどで以下のような広告を見たこと…

  3. Web関連

    検証の精度アップ&時間短縮に使える!便利な無料検証ツールまとめ

    Webサイトやドキュメントの検証って、淡々と同じ作業を繰り返したり、細…

  4. Web関連

    ついに来たか!Web制作者”だけ”が歓喜するお話し

    駆逐してやる...どこかで聞いたようなこの言葉を、何度となく心で思…

  5. Web関連

    Googleアナリティクスの新機能「ユーザーエクスプローラ」とは?

    「ユーザーエクスプローラ」という新しい機能が2016年4月にリリースさ…

  6. Web関連

    【もう知ってる?】マイナンバーのメリット・デメリット

    最近話題になっている「マイナンバー」ですが、実際にはどういったことが出…

おすすめ記事

最近の記事

  1. 人間拡張×AIで非接触なデジタル化を推進する
  2. ヘルスケアはAI先生にみてもらう時代
  3. withコロナは非接触技術で生活しよう!
  4. デジタル接客+AIで非接触を推進する
  5. 遠隔診療や遠隔医療普及のポイントはAIと5G

アーカイブ

  1. Web関連

    CtoCサービスから学んだ顧客満足度
  2. AI関連

    AIチャットボットが向いている分野
  3. Web関連

    【注意して使えば便利!】無料で使えるWi-Fiスポット教えます…
  4. Web関連

    ECサイト制作を行う前に知っておくべきヒント
  5. Web関連

    タイポグラフィによるクオリティアップ
PAGE TOP