2017年12月

Webビジネスにおける状況の変化と、変化に対応するために必要なコト

毎年年末に、「マークアップ」、「アクセシビリティ」、「ツールと制作環境」、「デザイントレンド」などのカテゴリーごとに、その年のWeb制作シーンを振り返り、知識やスキルの棚卸しをするという目的で開催されている「CSSnite shift11」に参加してきました。WEB業界の第一線で働かれている方々が、日々変化する社会の情勢に対しどのように感じ、具体的にどのように取り組まれているかを聞き、個人的に特に有益だった情報を引用し、まとめました。

CSS Niteについて

CSS Nite(シーエスエス・ナイト)は、Web制作に関わる方のためのセミナーイベント。2005年10月にスタートし、この10月で丸10年。これまでに、510回を超える関連イベントを通して、のべ56,000名を超える方にご参加いただいています(2015年12月現在)。(サイト紹介文より引用)

http://cssnite.jp/

1.今までの10年。これからの10年。

2010年から2017年において、ウェブに関する環境は変化した。

変化した点

【前】自己表現のweb(場所は固定、じっくり観覧)、表現力が優先、作ることが優先、改善よりも大改修

【後】ビジネスのweb(場所を選ばない、瞬時の体験)

・求められるコト

売り上げ、ブランド貢献

様々な専門領域

協働が必須

・今からできる3つのこと

ー情報設計

広がる配信経路

文脈への深い理解

cmsを見直す時期(様々なデバイスに配信できるという意味)

ー様々な形状のデザイン

長方形だけではない

状態の画面設計

デザインの仕組み作り

ーデザインを伝える

協働のためのスキル

多様化する価値観

デザインの言語化

2.2017年のマークアップの話題を総まとめ

・Firefox

→ 劇的な進化によりChromeくらい速い

・jQuery

→ やめなくてもいいけれど、ブラウザが進化したので今では使わなくても同じことができる

・React

→ Webアプリケーションを作るためのライブラリです。一方で従来通りのWebページ作りには必要ない

・webpack

→ JavaScriptの「import」を今使うためのツール

3.これだけ押さえればOK!Adobeのツールを最大限活用するWebデザイン手法【2017】

・情報設計や、簡易なデザイン

XD

・複雑なデザイン

フォトショップ

4.マーケティングの矛盾:事例で振り返る2017年のウェブマーケティング

自社都合のマーケティングばかりのせいで、ユーザーのスルー力の上昇

フランス、クリテオの株価大暴落

心にフィットすれば態度変容が起こる

「適切な場所」

「適切な時間帯」

「適切な気分」

「お役立ち」

「絞り込み」

「自己実現」

態度変容とは、ユーザーの気分や感情の変化

知らない→知ってる

興味ない→興味あり

関係がない→関係がある

・マーケティングにおける4つのポイント

時間帯を味方につける

フィットする出会いを作る(インバウンド)

徹底的に顧客目線(自社都合で考えない)

自己実現のきっかけとなる内容

-ドミノピザ

ユーザー都合のマーケティング

他の店のクーポンで割引

カルピス(絞り込み)

Snowに特化したフォトコンテスト

Yahoo!知恵袋

企業アカウントから回答

ドンキホーテ

twitterなどでクレームを放置しないアクティブサポート

ローソン

スムージーが売れるのはほぼ朝

6時に投稿するように変更後、売り上げ増加

PGのLineアカウント

気候・気分に合わせてお役立ち

商品情報ではなく、今快適に過ごすための知恵

今欲しいのは商品情報じゃなくて 快適に暮らす 知恵

モノづくりから、コト(しくみや体験)づくりへ」という流れに乗っていけるかどうかが、ますます大切。 「コンテンツ・イズ・キングから、ブランド・イズ・キングへ」。

・おすすめ書籍

コトラーの戦略的マーケティング―いかに市場を創造し、攻略し、支配するか

https://www.amazon.co.jp//dp/4478501769/

なぜ、あなたのウェブには戦略がないのか?―― 3Cで強化する5つのウェブマーケティング施策

https://www.amazon.co.jp/dp/4774188050/

PROFILE

Web Creator

worked as front-end Web developer with 8 years of experience in implementing websites.

Qualifications

HTML5,CSS3,SCSS,PHP,Javascript,WordPress,Dreamweaver,Photoshop