Webサイト入門

自己紹介

• 名前：吉田光利
• 職業： Web コンテンツクリエイター
- Twitter ： @Happa
- Website ： http://uguiss.com

コンセプト

• Web サイトが作れるようになる

実際に行うこと

• Illustrator/Photoshop で素材作り
• HTML でページ作り
• CSS でページデザイン

スケジュール
• 1~2 回目
グラフィックツール習得
• 3~5 回目
サイト作成技術習得
• 6~7 回目
簡単な Web ページ制作
• 8~12 回目
課題制作
• 最終回
提出

Web サイト制作とは

5 段階のステップがあります

企画書を作成する

• ターゲット、目的、フローなど
が書かれたサイトの設計図
- ターゲットを選定する
- 目的を定義する
- アイデアをカタチにする

例：新人アーティスト

• 例えばこんな新人がデビュー
ギターで弾き語り
反抗精神あふれる歌詞の内
容が特徴

サイトの目的

• サイトの目的
- 楽曲の良さを知ってもらう
- ライブに集客する
- グッズを販売する

ターゲット

• ターゲット
- 18 歳〜 30 歳くらいまでの男
性
東放たろう (21)
バンドマン。普段から音楽
のアンテナは高く最新の音
楽から昔の音楽まで詳しい

アイデア

• アイデアをカタチにする

戦略的なデザイン

• クリックを誘発するデザイン
赤丸の部分を目立
たせ、クリック率
を上げる

できるだけシンプ
ルなデザインにす
る

ツール

• Illustrator/Photoshop を使用する

HTML と CSS

• HTML
- 文書に意味付けをする
• CSS
- HTML にデザインを与える

ページは検索されやすく

• 検索されやすいキーワードで
ページを作る！
キーワード： 70 年代フォーク

デプロイとは

• 公開用のサーバーにデータを配
置し、公開すること。

Web サーバーの種類

• Web サーバーにはいくつか種類
があります

レンタルサーバお手軽な値段が魅力

専用サーバ自由度が高いが高価

クラウド自由度が高く安価（主流）

マーケティングの種類

• ソーシャルメディアマーケティン
グ
- Twitter 、 Facebook 、ブログなど
• サーチエンジンマーケティング
- GoogleAdwords
- Yahoo リスティング広告など

GoogleAnalytics で分析

• 様々な計測が可能
- コンバージョンレート、クリッ
ク率、再訪問率など

改善策の作成

• GoogleAnalytics の結果から新たな
改善策を作成する。

• デザインの改善

• コードの改善

• マーケティングの改善

最後に

• 宿題
- Facebook のアカウントをとる
- そこに自分の写真入りで公開

Recommended