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

関連記事

  1. Web関連

    どんどん身近に!話題の3Dプリント

    こんにちは、デザイナーの角田です。何かと話題の3Dプリンター、皆さん…

  2. SNS関連

    Web制作会社がアパレル業界のSNS戦略について調査してみた

    昨今顧客を取り入れるためにソーシャルメディア(以下SNS)を使っている…

  3. SNS関連

    SNSでシェアされやすい記事とは?

    Facebookの企業サイト、チェックしていますか?個人で利用して…

  4. SNS関連

    上手く活用できていますか?企業としてのTwitter活用術

    SNSというものが流行り始めてから随分たち、私達の生活には欠かせないも…

  5. Web関連

    納期遅延しない!仕事の集中力を持続させるオススメお菓子

    間食の定番のお菓子って実は意外と必要なものなんです。仕事でなかなか集中…

  6. Web関連

    段取りで大変な大掃除も負担軽減できる

    年末準備には大掃除・年賀状の準備・御節の準備などがありますね。特に大変…

自治体向けDX推進サービス

AIさくらさん for 自治体DX

おすすめ記事

最近の記事

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

アーカイブ

  1. AI関連

    人工知能(AI)でサービス産業の働き方改革
  2. Web関連

    Webマーケティングには必須!間接効果を可視化するアトリビューション分析をやって…
  3. Web関連

    リッチスニペットの新しい手法 schema.orgとは?
  4. AI関連

    【人工知能(AI)×災害対策】AIが津波予測を高精度化する!
  5. AI関連

    AI導入で店舗業務をデジタル化 キーワードは「効率化と高度化」
PAGE TOP