![Page 1: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス](https://reader034.vdocuments.site/reader034/viewer/2022050516/5f9fe477c2981e6db3104791/html5/thumbnails/1.jpg)
WEB活用術WEBブランディングの基本はSNSとSEO
第6回ワークショップ
特定非営利活動法人 神戸デザイン協会
![Page 2: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス](https://reader034.vdocuments.site/reader034/viewer/2022050516/5f9fe477c2981e6db3104791/html5/thumbnails/2.jpg)
特定非営利活動法人 神戸デザイン協会
スタジオデジドロア 鎌田亨デザイナー / プログラマー
![Page 3: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス](https://reader034.vdocuments.site/reader034/viewer/2022050516/5f9fe477c2981e6db3104791/html5/thumbnails/3.jpg)
本日のカリキュラム1. 講習1:ブランディングにおけるWEBの役割 / 25分WEBページからWEBサービスへ
2. 講習2:SNSとWEBサービス / 20分 3. 講習3:Instagram解説 / 20分 4. WS1:Instagramを使ってみよう / 30分 5. 休憩 / 10分 6. 講習4:自社サイトに求められるもの / 15分SEOについて解説
7. 講習5:ブランディングに効果的なWEBサイト / 20分ランディングページについて
8. WS2:ランディングページを考えてみよう / 40分
![Page 4: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス](https://reader034.vdocuments.site/reader034/viewer/2022050516/5f9fe477c2981e6db3104791/html5/thumbnails/4.jpg)
ブランディングにおいて、ユーザーとの接点としてのホームページが重視される傾向にあり、特にWEBブランディングなどと呼ばれるようになっています。
WEBの役割
WEBは情報のハブ機能
ブランディングにおけるWEBの役割
![Page 5: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス](https://reader034.vdocuments.site/reader034/viewer/2022050516/5f9fe477c2981e6db3104791/html5/thumbnails/5.jpg)
WEB活用術
既存のWEBサイトを見てみましょう。
ブランディングにおけるWEBの役割
ブランディングの観点から感想を…
![Page 6: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス](https://reader034.vdocuments.site/reader034/viewer/2022050516/5f9fe477c2981e6db3104791/html5/thumbnails/6.jpg)
自社ホームページだけがWEBではない
ブランディングにおけるWEBの役割
WEBの動向
WEBページからWEBサービスの時代へ
![Page 7: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス](https://reader034.vdocuments.site/reader034/viewer/2022050516/5f9fe477c2981e6db3104791/html5/thumbnails/7.jpg)
SNSとWEBサービス
SNSとWEBサービス
![Page 8: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス](https://reader034.vdocuments.site/reader034/viewer/2022050516/5f9fe477c2981e6db3104791/html5/thumbnails/8.jpg)
SNSとWEBサービス
SNSとWEBサービス
![Page 9: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス](https://reader034.vdocuments.site/reader034/viewer/2022050516/5f9fe477c2981e6db3104791/html5/thumbnails/9.jpg)
SNSとWEBサービス
SNSとWEBサービス
![Page 10: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス](https://reader034.vdocuments.site/reader034/viewer/2022050516/5f9fe477c2981e6db3104791/html5/thumbnails/10.jpg)
SNSとWEBサービス
SNSとWEBサービス
![Page 11: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス](https://reader034.vdocuments.site/reader034/viewer/2022050516/5f9fe477c2981e6db3104791/html5/thumbnails/11.jpg)
WEBブランディング
自社サイト SNSをはじめとしたWEBサービス
SNSとWEBサービス
外部メディア
![Page 12: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス](https://reader034.vdocuments.site/reader034/viewer/2022050516/5f9fe477c2981e6db3104791/html5/thumbnails/12.jpg)
外部メディアの紹介
SNSとWEBサービス
![Page 13: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス](https://reader034.vdocuments.site/reader034/viewer/2022050516/5f9fe477c2981e6db3104791/html5/thumbnails/13.jpg)
ブランディングサイトに 効果的なSNSメディア
Instagram解説
![Page 14: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス](https://reader034.vdocuments.site/reader034/viewer/2022050516/5f9fe477c2981e6db3104791/html5/thumbnails/14.jpg)
ブランディングサイトに 効果的なSNSメディア
Instagram解説
写真や動画をアート作品のように、フィルタ加工できる画像共有スマホアプリ。「フィルター加工した写真+ハッシュタグ」というシンプルさが20代女性を中心に人気。
1日に投稿される写真は、平均約7,000万枚
全世界で3億人
![Page 15: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス](https://reader034.vdocuments.site/reader034/viewer/2022050516/5f9fe477c2981e6db3104791/html5/thumbnails/15.jpg)
人気のInstagramアカウント
Instagram解説
![Page 16: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス](https://reader034.vdocuments.site/reader034/viewer/2022050516/5f9fe477c2981e6db3104791/html5/thumbnails/16.jpg)
人気のInstagramアカウント
Instagram解説
FBページのいいね 約90,800
![Page 17: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス](https://reader034.vdocuments.site/reader034/viewer/2022050516/5f9fe477c2981e6db3104791/html5/thumbnails/17.jpg)
人気のInstagramアカウント
Instagram解説
![Page 18: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス](https://reader034.vdocuments.site/reader034/viewer/2022050516/5f9fe477c2981e6db3104791/html5/thumbnails/18.jpg)
天然酵母パンのお店「CHIPPRUSON」chieさんのアカウント。 美味しそうなパンの写真を沢山公開しています。お店の情報だけでなく店主自身の心境や日常風景を投稿しているのが特徴的。
人気のInstagramアカウント
![Page 19: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス](https://reader034.vdocuments.site/reader034/viewer/2022050516/5f9fe477c2981e6db3104791/html5/thumbnails/19.jpg)
キッチン雑貨、日用品を紹介するネットショップ「北欧、暮らしの道具店」のアカウント
人気のInstagramアカウント
![Page 20: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス](https://reader034.vdocuments.site/reader034/viewer/2022050516/5f9fe477c2981e6db3104791/html5/thumbnails/20.jpg)
ちなみに…
![Page 21: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス](https://reader034.vdocuments.site/reader034/viewer/2022050516/5f9fe477c2981e6db3104791/html5/thumbnails/21.jpg)
WEB活用体験Instagramを使ってみよう
Workshop1
Instagramを使ってみよう
![Page 22: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス](https://reader034.vdocuments.site/reader034/viewer/2022050516/5f9fe477c2981e6db3104791/html5/thumbnails/22.jpg)
Instagram連携の例
Instagramを使ってみよう
![Page 23: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス](https://reader034.vdocuments.site/reader034/viewer/2022050516/5f9fe477c2981e6db3104791/html5/thumbnails/23.jpg)
発注までがポイント
目的、ターゲットの設定
自社サイトを作るには
自社サイトに求められるもの
ブランディング
![Page 24: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス](https://reader034.vdocuments.site/reader034/viewer/2022050516/5f9fe477c2981e6db3104791/html5/thumbnails/24.jpg)
ブランディングサイトの好例
自社サイトに求められるもの
![Page 25: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス](https://reader034.vdocuments.site/reader034/viewer/2022050516/5f9fe477c2981e6db3104791/html5/thumbnails/25.jpg)
ブランディングサイトの好例
自社サイトに求められるもの
![Page 26: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス](https://reader034.vdocuments.site/reader034/viewer/2022050516/5f9fe477c2981e6db3104791/html5/thumbnails/26.jpg)
ブランディングサイトの好例
自社サイトに求められるもの
![Page 27: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス](https://reader034.vdocuments.site/reader034/viewer/2022050516/5f9fe477c2981e6db3104791/html5/thumbnails/27.jpg)
ブランディングサイトの好例
自社サイトに求められるもの
![Page 28: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス](https://reader034.vdocuments.site/reader034/viewer/2022050516/5f9fe477c2981e6db3104791/html5/thumbnails/28.jpg)
ブランディングサイトに効果的なWEBレイアウト
ブランディングに効果的なWEBサイト
ランディングページと呼びます
![Page 29: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス](https://reader034.vdocuments.site/reader034/viewer/2022050516/5f9fe477c2981e6db3104791/html5/thumbnails/29.jpg)
ランディングページとは?
ブランディングに効果的なWEBサイト
バナー広告など
最初にたどり着くページ
![Page 30: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス](https://reader034.vdocuments.site/reader034/viewer/2022050516/5f9fe477c2981e6db3104791/html5/thumbnails/30.jpg)
ランディングページを考えてみようWEB活用体験
Workshop2
![Page 31: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス](https://reader034.vdocuments.site/reader034/viewer/2022050516/5f9fe477c2981e6db3104791/html5/thumbnails/31.jpg)
ランディングページを考えてみようWEB活用体験
センターサウス通り商店街 HOME 商店街について アクセス 店舗紹介 BLOG
商店街と周辺の写真
イベント&インフォメーション
ピックアップ&新店舗
(スライドショー)
バナー
アイキャッチ アイキャッチ アイキャッチ
バナー バナー
BLOG最新記事
フッター(メニュー、コピーライト表示)
イベント等バナー
2015.00.00 イベント情報など2015.00.00 イベント情報など2015.00.00 イベント情報など2015.00.00 イベント情報など
参考:ワイアーフレームセンターサウス通り商店街
商店街について
HOME 商店街について アクセス 店舗紹介 BLOG
バナー
バナー
バナー
バナー
サイドナビ(イベント等)
商店街と周辺の写真
説明テキスト
説明テキスト
センターサウスの歴史
フッター(メニュー、コピーライト表示)