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

関連記事

  1. Web関連

    Web制作の落とし穴!最適な内容の並べ方

    皆さんは順番を気にしたことはありますか?きっと人生に一回ぐらいはあ…

  2. Web関連

    今さら聞けない「WEBの出来ること(活用メリット)」とは?

    今回は、WEB担当者の方向けではなく、主に他媒体担当者の方へ向けたコラ…

  3. Web関連

    Web制作会社が考える品質管理で重要な3項目

    今回はWeb制作における品質管理で重要な3項目を書きたいと思います。…

  4. Web関連

    顧客満足度を上げるためには従業員満足度も大事!

    こんにちは。なぜかISO実行委員会(仮称)にメンバーとして召集され…

  5. Web関連

    デジタルコミュニケーションの可能性

    デジタルコミュニケーションとは、インターネットを使って、情報を収集・配…

  6. Web関連

    IoTの情報セキュリティに関して学んできた

    こんにちは! SEの岸沢です。先日、IT関連の展示会に出店社として参加…

おすすめ記事

最近の記事

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

アーカイブ

  1. Web関連

    アプリを制作する前に知っておきたいこと~デメリット編~
  2. Web関連

    ホームページのリニューアルはいつすればいいの?
  3. Web関連

    動画配信サービスhuluってどんなもの?
  4. Web関連

    多変量解析は現代のトレジャーハント!
  5. AIさくらさん

    【人工知能(AI)×音声アシスタント】AIさくらさんとの対話で生活が便利になる
PAGE TOP