31
WEB活用術 WEBブランディングの基本はSNSとSEO 第6回ワークショップ 特定非営利活動法人 神戸デザイン協会

第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス

WEB活用術WEBブランディングの基本はSNSとSEO

第6回ワークショップ

特定非営利活動法人 神戸デザイン協会

Page 2: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス

特定非営利活動法人 神戸デザイン協会

スタジオデジドロア 鎌田亨デザイナー / プログラマー

Page 3: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス

本日のカリキュラム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サービス

ブランディングにおいて、ユーザーとの接点としてのホームページが重視される傾向にあり、特にWEBブランディングなどと呼ばれるようになっています。

WEBの役割

WEBは情報のハブ機能

ブランディングにおけるWEBの役割

Page 5: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス

WEB活用術

既存のWEBサイトを見てみましょう。

ブランディングにおけるWEBの役割

ブランディングの観点から感想を…

Page 6: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス

自社ホームページだけがWEBではない

ブランディングにおけるWEBの役割

WEBの動向

WEBページからWEBサービスの時代へ

Page 7: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス

SNSとWEBサービス

SNSとWEBサービス

Page 8: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス

SNSとWEBサービス

SNSとWEBサービス

Page 9: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス

SNSとWEBサービス

SNSとWEBサービス

Page 10: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス

SNSとWEBサービス

SNSとWEBサービス

Page 11: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス

WEBブランディング

自社サイト SNSをはじめとしたWEBサービス

SNSとWEBサービス

外部メディア

Page 12: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス

外部メディアの紹介

SNSとWEBサービス

Page 13: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス

ブランディングサイトに 効果的なSNSメディア

Instagram解説

Page 14: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス

ブランディングサイトに 効果的なSNSメディア

Instagram解説

写真や動画をアート作品のように、フィルタ加工できる画像共有スマホアプリ。「フィルター加工した写真+ハッシュタグ」というシンプルさが20代女性を中心に人気。

1日に投稿される写真は、平均約7,000万枚

全世界で3億人

Page 15: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス

人気のInstagramアカウント

Instagram解説

Page 16: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス

人気のInstagramアカウント

Instagram解説

FBページのいいね 約90,800

Page 17: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス

人気のInstagramアカウント

Instagram解説

Page 18: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス

天然酵母パンのお店「CHIPPRUSON」chieさんのアカウント。 美味しそうなパンの写真を沢山公開しています。お店の情報だけでなく店主自身の心境や日常風景を投稿しているのが特徴的。

人気のInstagramアカウント

Page 19: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス

キッチン雑貨、日用品を紹介するネットショップ「北欧、暮らしの道具店」のアカウント

人気のInstagramアカウント

Page 20: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス

ちなみに…

Page 21: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス

WEB活用体験Instagramを使ってみよう

Workshop1

Instagramを使ってみよう

Page 22: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス

Instagram連携の例

Instagramを使ってみよう

Page 23: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス

発注までがポイント

目的、ターゲットの設定

自社サイトを作るには

自社サイトに求められるもの

ブランディング

Page 24: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス

ブランディングサイトの好例

自社サイトに求められるもの

Page 25: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス

ブランディングサイトの好例

自社サイトに求められるもの

Page 26: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス

ブランディングサイトの好例

自社サイトに求められるもの

Page 27: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス

ブランディングサイトの好例

自社サイトに求められるもの

Page 28: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス

ブランディングサイトに効果的なWEBレイアウト

ブランディングに効果的なWEBサイト

ランディングページと呼びます

Page 29: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス

ランディングページとは?

ブランディングに効果的なWEBサイト

バナー広告など

最初にたどり着くページ

Page 30: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス

ランディングページを考えてみようWEB活用体験

Workshop2

Page 31: 第6回ワークショップ WEB活用術...1. 講習1:ブランディングにおけるWEBの役割 / 25分 WEBページからWEBサービスへ 2. 講習2:SNSとWEBサービス

ランディングページを考えてみようWEB活用体験

センターサウス通り商店街 HOME 商店街について アクセス 店舗紹介 BLOG

商店街と周辺の写真

イベント&インフォメーション

ピックアップ&新店舗

(スライドショー)

バナー

アイキャッチ アイキャッチ アイキャッチ

バナー バナー

BLOG最新記事

フッター(メニュー、コピーライト表示)

イベント等バナー

2015.00.00 イベント情報など2015.00.00 イベント情報など2015.00.00 イベント情報など2015.00.00 イベント情報など

参考:ワイアーフレームセンターサウス通り商店街

商店街について

HOME 商店街について アクセス 店舗紹介 BLOG

バナー

バナー

バナー

バナー

サイドナビ(イベント等)

商店街と周辺の写真

説明テキスト

説明テキスト

センターサウスの歴史

フッター(メニュー、コピーライト表示)