LIFE

Webデザインのワークフロー

 

ども!Choiceブログのワタナベ(@raimusu) です!

前回の続きになります。

 

Webページをデザインする場合は、まずはクライアント(お客さん)との打ち合わせが必要です。自分のWebページをデザインする場合は自分がお客さんですね。

 

ざっくり説明すると

クライアントとのヒアリング(ヒアリングシートのダウンロードできます)

↓

企画書/サイトマップ

↓

デザインカンプ/ワイヤーフレーム

↓

プレゼンテーション

↓

デザイン

↓

クライアントチェック

↓

コーディング

↓

クライアントチェック

↓

サイト公開

↓

更新・メンテナンス

とこのような流れでWebページは制作されます。

僕の現在働かせて頂いている会社でも同じような流れでサイト公開もしているんですが全体的な流れを僕は知りませんでした。未経験だからしょうがないといえばそれまでなんですが。

ワークフローまとめてみました!

 


ワークフロー~Webサイトデザイン・Webサイト制作の「企画~デザイン~制作~保守監理|BACKSTAGE

 


目指せ爆速WEB屋!過去2年間かけて知ったリソースを駆使して作るサイトの制作手順! | バンクーバーのうぇぶ屋

 


Webデザイナー(私)によるWeb制作のときに気をつけてることや制作フローとかいろいろ

 


きっとトラブルが起きにくい!ウェブデザインの制作順序を書きました。 | バニデザノート

 


私がwebサイトのラフデザインを制作する時の流れ │ Design Spice

 


ASCII.jp:レスポンシブWebデザインのワークフローと画面設計 (1/3)|ゼロから始めるレスポンシブWebデザイン入門

 


レスポンシブWebデザインのワークフロー/ 小川 裕之(ツクリベ) on Vimeo

 

 

現場のワークフローで覚える Webサイト制作教室

現場のワークフローで覚える Webサイト制作教室

 

 

参考になりましたらシェアやツイートよろしくお願い致します。

 

これまでのページはこちらです。

Webサイトをデザインする前にまとめ – Choice!!未経験からWebディレクターに転職。そんな僕の半径5メートル

 

CMSによるWebデザイン – Choice!!未経験からWebディレクターに転職。そんな僕の半径5メートル

 

 

 

ABOUT ME
渋沢A壱
AI(Claude等)とNode.jsを駆使して、個人開発(ライブ配信拡張ツール「Pace-Sync」等)やWebメディアを構築するWebエンジニア。 日々の開発、試行錯誤、泥臭いプロセスそのものを実験場として発信中。 「他人のリズムに流されない」をモットーに、朝のクリアな時間を使った執筆やメディア運営も実践。完成された正解より、リアルな開発の裏側をシェアします。 ▶ TikTokライブ / ▶ X(Twitter)
TikTok LIVEを、もっと楽しんでみませんか?


TikTok LIVEを、もっと楽しんでみませんか?


これから配信を始めたい。
もっと配信を楽しみたい。
企画や設定について相談したい。


Paceは、
TikTok LIVEを楽しむ人たちのための
配信コミュニティです。


これから始める人も、すでに配信している人もOK。
配信の始め方・企画・機材・設定など、
今の状況に合わせて案内しています。


まずは公式LINEをのぞいてみてください。


▶ Pace公式LINEを見てみる


情報を見るだけでもOK。
自分のペースで参加できます。