Aggregator

2018年7月13日[金]に開催したBuWis in Matsuyamaのフォローアップとして、草間 淳哉さん（ウェブエイト）の『ウェブサイトリニューアル時が最高のチャンス〜社員モチベーションにつながるブランディング戦略とウェブ活用』セッションのスライドなどを公開します。

• ダウンロード（PDF、19.2MB）
• 動画

フォローアップ、メッセージ

BuWis in Matsuyama「地方組織を強くするブランディングの実践論」に登壇いたしました、ウェブエイトの草間です。

内容はいかがでしたでしょうか？ 楽しんでいただけましたでしょうか？

みんなで自己実現の世界をつくりあげていくために、第一歩目を踏み出していただければ幸いです。

下記、紹介した書籍やサイトなどを送ります。

• 書籍：『自分1人、1日でできるパーソナル・ブランディング』（同文館出版）
• サイト：中松屋
• 動画：サイボウズ ワークスタイルムービー「大丈夫」

P.S.

最後に質問のあった内容に対しての補足です。

「価格がいくらくらいか？」 といった質問に、 「数百万です。」 とお答えしました。

ですが、クライアントによって回数や内容が変わりますので、 数十万円位になる場合もあります。

さらに助成金が使えて、社員1人にあたり7万円出ます。

ですので、クライアントの中には 「実質ほぼ0円」 でうまくやっているクライアントもいます。

詳細はご興味あればまた説明しますね。

それではみなさんのブランドが さらに良いブランドになっていくことを 心よりお祈りしております。

2018年7月13日[金]に開催したBuWis in Matsuyamaのフォローアップとして、高瀬 ヤスジさん（CULTURE DEVELOPMENT）の『成長企業の組織設計〜「30・50・100人の壁」を素通りして成長する人材採用＆育成戦略』セッションのスライドなどを公開します。

• ダウンロード（PDF、2.6MB）
• 動画

フォローアップ、メッセージ

CULTURE DEVELOPMENTの高瀬です。

この度は、お忙しい中、セミナーにご参加くださり、ありがとうございました。

今回は、手法でもなく、思考法でもなく、“思考する前提”にフォーカスして話をさせていただきました。

1時間で聞いていただくには、情報を詰め込みすぎたと反省しておりますが、何か少しでも、今後の参考になることを見出していただければ幸いです。

かつて繁栄を極めた戦後の昭和があり、バブルのピークから急転直下の失われた20年と、激動と迷走の平成が間もなく幕を閉じようとする中、テクノロジーが急速に発展し、やっと次の時代（ポスト平成）の輪郭が見え始めてきました。

この新しい時代に、企業はどうあるべきかを追求し、今後も発信を続けていきたいと思っています。

もしよろしければ、SNSのフォローなどよろしくお願いいたします！ https://twitter.com/ysjtks https://www.facebook.com/ysjtks

2018年12月22日に都内で開催したCSS Nite Shift12「Webデザイン行く年来る年」のフォローアップ（スライドや動画）などを公開します。

• 基調講演：中川 直樹さん（アンティー・ファクトリー）
• 「webクリエイターのための情報交換所」ダイジェスト：後藤 賢司さん（よつばデザイン）、阿部 正幸さん（モチヤ）、前川 昌幸さん（オミカレ）
• ツール：浅野 桜さん（タガス）、黒野 明子さん
• アクセシビリティ：植木 真さん（インフォアクシア）、守谷 絵美さん（Chatwork）
• フォント：関口 浩之さん（ソフトバンク・テクノロジー）、鷹野 雅弘さん（スイッチ）
• 特別セッション：田口 真行さん（デスクトップワークス）
• Webデザイントレンド：原 一浩さん（グレーティブ）、矢野 りんさん（バイドゥ）

Shift13

次回のShift（13回目）は2019年12月21日に開催予定です。お申し込みは9月くらいに開始する予定です。

Facebookイベントページにて「興味あり」等にされておかれると、見落としが少ないと思います。

2018年12月22日に都内で開催したCSS Nite Shift12「Webデザイン行く年来る年」として、原　一浩さん（グレーティブ）、矢野 りんさん（バイドゥ）の『Webデザイントレンド』セッションのスライドなどを公開します。

• スライド（PDF）
• 動画

フォローアップ、メッセージ

原さんから

Webデザイントレンドを担当しました原です。
CSS Nite Shift 12にご参加いただきありがとうございました。

僕自身Shift 1からWebデザイントレンドを担当していますので、今年で12年目になります。

ただ、12年もやっておりますと、だんだんと過去の傾向からの引用も増えたりして、ハイコンテキストなセッションとなってしまう場面もあります。今回は、ちょうど今年より構成を刷新したので、フォローアップメールでも改めて、ランキング策定までの流れを書いてみます。

今年からランキングというキャッチーな形式にてトレンドを紹介しています。今までは1年間で多く使われたデザインの傾向に対して名前をつけ、それを各カテゴリーごとに発表していくという形式でした。これはいってみれば定量的な調査で、多く使われたデザインであれば取り上げるという形です。

ただし、この方法だと、翌年に向けた話をするという展開がやりづらく、多く使われた手法ではないけれど、時代の流れを反映しており、明確な根拠を示せるわけではないけど「きざし」を感じさせる傾向についてはこぼれおちてしまっておりました。

今年は、ランキングということで、各出演者の目により頼る形式として、定性的な側面からランキングをお届けしてみました。定性的なランキングですから100人いれば100様な傾向になると思います。なので、本セッションの資料は「あの人はああ言っているけど、自分は…。」みたいな感じで一エビデンス程度に利用して来年について考えてみてください。

僕からは、今回セッション中に紹介したランキングの完全版をここでお届けします。紹介しなかった10位から8位はコメント付きでお届けします。それでは、皆さんよいお年を!

Web デザイントレンドセッション観点の完全版ベスト 10

海外 Web サイト

Rank 10
Euroformat
https://euroformat.com/en
マイクロインタラクションに業種ならではの意味のあるサイトが増えてきました。例えばこのサイトはエレベーターを彷彿とさせるパララックスとなっています。

Rank 9
It Will Glow
https://itwillglow.co.uk
2018 年の今っぽさを感じさせるという点で矢野さんに選出いただいたものの、当日解説できず選外となりました。

Rank 8
iconwerk
https://iconwerk.com
矢野さんはアイコン職人に注目していました。このサイトは、グローバル企業をクライアントとして数多くのアイコンを手がけています。

Rank 7
Clorova
https://clorova.com

Rank 6
hourly, ios app for time tracking
https://hourly-app.com

Rank 5
Festive Folks
https://festivefolks.com

Rank 4
Bond
https://bond.backerkit.com

Rank 3
Teatr Lalka
https://teatrlalka.pl/en

Rank 2
Bates Creative
https://batescreative.com

Rank 1
MIT - Massachusetts Institute of Technology
https://web.mit.edu

グローバル企業

Rank 10
Procter & Gamble Company
https://us.pg.com/
フルーセルという画面全体でカルーセルをするという表現を以前紹介しましたが、このサイトは無限にフルーセルしていきます。

Rank 9
Tyson
https://www.tyson.com/
ジューシーな食品を扱う会社のサイトは、Tasty などに代表されるメルトな表現にリニューアルする傾向が増えました。

Rank 8
America Movil
https://www.americamovil.com/
英語の方がWebフォントのメリットがはっきりする気がします。読みやすかったりわかりやすかったりという矢野さんの評。

Rank 7
State Farm
https://www.statefarm.com/

Rank 6
AutoNation
https://www.autonation.com/

Rank 5
Jardines
https://www.jardines.com/

Rank 4
Groupe Eiffage
https://www.eiffage.fr/

Rank 3
Bayer
https://www.bayer.de/

Rank 2
Sanofi
https://en.sanofi-aventis.com/

Rank 1
Delta
https://www.delta.com

上場企業

Rank 10
栃木銀行
https://www.tochigibank.co.jp/
ネットバンキング推しのナビゲーションをはじめ、様々な仕掛けにて攻めています。

Rank 9
ワタベウェディング
https://www.watabe-wedding.co.jp/
これほどスマホサイトの大きい版としてリニューアルされた上場企業サイトもないのではというほどモバイルファーストが徹底されています。

Rank 8
高田機工株式会社
https://www.takadakiko.com/
このサイトは、非常にオールドスタイルなデザインでずっときていたのですが、一気にリニューアルしました。建築業のサイトが華々しくリニューアルされるという傾向は近年続いています。

Rank 7
フジ日本精糖株式会社
https://www.fnsugar.co.jp/

Rank 6
東和薬品
https://www.towayakuhin.co.jp/

Rank 5
ユニマットライフ
https://www.unimat-life.co.jp/

Rank 4
保土谷化学工業株式会社
https://www.hodogaya.co.jp/

Rank 3
アース製薬
https://www.earth-chem.co.jp/

Rank 2
中央紙器工業株式会社
https://www.mcpack.co.jp/

Rank 1
プリマハム
https://www.primaham.co.jp/

自治体サイト

Rank 10
幸手市
https://www.city.satte.lg.jp/
せっかく中国語が選べるのに、中国国内から開こうとすると Google フォントの API を叩いているだけで二分はかかってしまうという点でいろいろな示唆のあるサイトとなりました。

Rank 9
海老名市
https://www.city.ebina.kanagawa.jp/
神戸市のサイトより広まったコンシェルジュという手法ですが、より一歩前進させた感のあるリニューアルです。

Rank 8
湧水町
https://www.town.yusui.kagoshima.jp/
ついに自治体もトップページのメインイメージエリアとして、ドローンによるフルサイズのビデオを掲載してくるような時代になりました。他にも玄海町でも空撮によるフルビデオがメインムービーとして使われています。

Rank 7
京丹後市
https://www.city.kyotango.lg.jp/

Rank 6
玄海町
https://www.town.genkai.lg.jp/

Rank 5
大和村
https://www.vill.yamato.lg.jp/

Rank 4
三戸町
https://www.town.sannohe.aomori.jp/

Rank 3
伊勢崎市
https://www.city.isesaki.lg.jp/

Rank 2
真岡市
https://www.city.moka.lg.jp/

Rank 1
福山市
https://www.city.fukuyama.hiroshima.jp/

原 一浩 (はらかずひろ)

• Twitter : karad (https://twitter.com/karad)
• Facebook : kazuhirohara (https://www.facebook.com/kazuhirohara)

矢野さんから

Web デザイントレンドを担当しました矢野です。
CSS Nite Shift 12 にご参加いただきありがとうございました。
フォローアップとして矢野が選んだ平成最後のデザイントレンド各カテゴリベスト10を共有します。普段製品開発とプロモーションの両方を現場で手がけている人間なりの視点から、一言解説も追記しています。
自治体編の奄美大島 大和村に使用されていたフォントの種類は「こはるいろサンレイ」でした！
セッション当日ドヤ顔で「レトロ感のある看板文字風」などと解説しましたが、
アニメ「きんいろモザイク」のロゴにある「ハロー！！」の部分からインスパイアされて作られたフォントだそうです！！全然方向性が違いましたね〜〜。
https://fontfree.me/2285?fbclid=IwAR1N0bF4crKZY77N1WoXKzsYRcVvMx5BAbY29xHw2yLWNOm2zW9956-WgLQ

矢野が選んだ平成最後のデザイントレンド各カテゴリベスト10

海外 Web サイト

Rank 10
Bond
https://bond.backerkit.com/
アノニマス系はほんとに流行りました。目を描き入れないのがポイント。

Rank 9
PIND
https://pind.univ-tours.fr/
あっさりパンク！新しいパンクファッションのスタイル。

Rank 8
The Gerald
https://thegerald.com.au/
エフェクトちょうどいい。多すぎるのもうるさいですよね。

Rank 7
TEATR LALKA
https://teatrlalka.pl/en
Cookie確認斬新です。マジメなデザインじゃタップ率は上がりません。

Rank 6
BARREL
https://www.barrelny.com/recap/2017
クリエイティブぶっとんでます。ほとんどアート。

Rank 5
iconwerk
https://iconwerk.com/
アイコン職人という１点突破の業態に脱帽。

Rank 4
ELEVATOR
https://elevatorstrategy.com/
Chromeか！！平均点に収まらない操作性

Rank 3
It Will Glow
https://itwillglow.co.uk/
2018年の今っぽさ。セオリーに沿いながらはみ出す高度なセンス

Rank 2
hourly
https://hourly-app.com/
ブランディングとして斬新。アプリのプロモーションという枠組みから出ている

Rank 1
BASECREATIVE
https://batescreative.com/
ナナメギミック！構図がナナメなだけですが、発想が素敵

グローバル企業

Rank 10
P&G
https://us.pg.com/
こんなにスマホを擦ったことは無い...こんなデザイン提案を超コンシューマ向けのサイト制作で突き通すのもプロです。

Rank 9
america movil
https://www.americamovil.com/
英語の方がWebフォントのメリットがはっきりする気が。Condensed書体使いがポイントですね。

Rank 8
Mcdonalds
https://www.mcdonalds.com/us/en-us.html
全部バナー！文字ほぼなし！理想的だけどスタイリッシュでブランド力のあるバナーの運用は案外コストが高いです。さすが世界屈指の企業。

Rank 7
Renault
https://group.renault.com/en/
矢印の形が目線異動を楽にしてくれます。小さい工夫が光る。

Rank 6
Bayer
https://www.bayer.de/de/homepage.aspx
色がすごい..！これでもまとまる画面に仕上げきるデザイナーの力量を感じます。

Rank 5GM
https://www.gm.com/
下にメニューは大きい画面のスマートフォンでとても便利。今後もっと増えて良い設計。

Rank 4
Autonation
https://www.autonation.com/
ハンバーガーメニューならぬ道路メニュー！！遊び心の極み。

Rank 3
Jardines
https://www.jardines.com/
彩度がうんと高い色は、スマホの繊細な発色にピッタリ。かつ、今のティーンのトレンドにマッチしています。人と同じじゃつまらない！

Rank 2
Royal Mail Group
https://www.royalmailgroup.com/en/
スマホでちょうどいい文字量とはまさにこんなかんじ。でもコピーライティング能力が問われるから簡単じゃないんですよね。

Rank 1
DELTA
https://www.delta.com/
スマホでちょうどいいジャンプ率ー！大きさの差で目の移動を促しています。

上場企業

上場企業
Rank 1
アース製薬
https://www.earth-chem.co.jp/
キャッチーなビジュアルが最初にドーンと来るっていうのは正義ですね..。お金はかかるけど...

Rank 2
プリマハム
https://www.primaham.co.jp/
シズルのある写真で商品商品をしっかり見せるっていうのは大事。そして細部にそっと隠された遊び心の数々に、デザイナーが楽しんで制作したことがわかります。

Rank 3
保土谷化学
https://www.hodogaya.co.jp/
1ページで会社の特徴を説明しきっていて素晴らしい構成力。

Rank 4
中央紙器工業
https://www.mcpack.co.jp/
ァーストビューで端的にコンテンツの説明をして詳しく見るを押させようとするレイアウトとコピーライティングのバランスの取れた感じがすごい！

Rank 5
日本M&Aセンター
https://www.nihon-ma.co.jp/
色の統一感とか文字サイズのコントラストとか、スマホに最適化した構成のサンプルのようです。

Rank 6
東和薬品
https://www.towayakuhin.co.jp/
ジェネリック気になる人にちゃんとターゲティングした内容。ユーザ調査力のあるマーケティングチームが実力を発揮しているデザインです。

Rank 7
栃木銀行
https://www.tochigibank.co.jp/
ネットバンキングのメニューが上に固定する仕様が素晴らしい。スマホWebのUI設計のお手本

Rank 8
CROPS
https://www.crops.ne.jp/
キャンペーン告知のバナーがバンバン出てくる盛りだくさん感が良いですね！

Rank 9
高田機工株式会社
https://www.takadakiko.com/
昨年からのリニューアルぶりがすごい！！

Rank 10
西部電気工業株式会社
https://www.seibu-denki.co.jp/
読み込みがめっちゃ速いんです。やはりスマホサイトで最も大切なのは表示速度....5Gになったらそんなことどうでも良くなるかもですが、今は避けられない工夫だということを忘れずに〜〜

自治体サイト

Rank 1
北海道厚真町
https://www.town.atsuma.lg.jp/
災害情報がスマホに最適化されています。災害時活躍するのはPCではなくどう考えてもスマートフォン。

Rank 2
広島県呉市
https://www.city.kure.lg.jp/
災害版/通常版運用の例

Rank 3栃木県真岡町
https://www.city.moka.lg.jp/
ビジュアルデザインがとても丁寧に作り込まれています。いちごのブランド力を街を上げて作っているという気概を感じます。

Rank 4
鹿児島県湧水町
https://www.town.yusui.kagoshima.jp/
トップページにYoutubeをガッツリ貼っている振り切り感が凄い。また、そのようなサイトが他にあまり見かけないことから上位にプッシュしました！

Rank 5
広島県福山市
https://www.city.fukuyama.hiroshima.jp/
縦バナー！！単に縦に組むだけで、重要なことがより重要に見える効果と、他に類を見ない個性化につながるとは驚かされました。

Rank 6
佐賀県玄海市
https://www.town.genkai.lg.jp/
閑静な田舎町に英語のキャッチコピーというギャップを高く評価します。

Rank 7岐阜県白川町
https://www.town.shirakawa.lg.jp/
白川町よりフッター街のほうが都会！！遊び心が見えるデザイン。

Rank 8青森県三戸町
https://www.town.sannohe.aomori.jp/
IPを全面に使っている！サザエさんや鬼太郎などIPで地域を盛り上げる例は多いですが、ここまで全面的に活用しているのは珍しいかも。親しみやすく物語に共感を求めやすいからかな？

Rank 9
熊本県長洲町
https://www.town.nagasu.lg.jp/
観光情報にラーメン屋や焼肉屋の情報や住所が写真もなくポロっと乗ってるのが面白かったです。

Rank 10
埼玉県幸手市
https://www.city.satte.lg.jp/
中国語が選べます。が、GoogleフォントのAPIを叩いているだけで中国国内から閲覧すると表示までに２分はかかるので注意が必要です。

矢野りん

Twitter : yanorin (https://twitter.com/yanorin)

2018年12月22日に都内で開催したCSS Nite Shift12「Webデザイン行く年来る年」として、田口 真行さん（デスクトップワークス）の『ウェブ制作会社が抱く、不安と希望　～このままで良いのか問題～』セッションのスライドなどを公開します。

• スライド（PDF）
• 動画

フォローアップ、メッセージ

デスクトップワークスの田口です。

私は20年前にWebディレクターとして独立してからずっと、ウェブサイト制作をしてきました。しかし、時が経つごとにひとつの不安がよぎります。それは、いち制作会社として抱く「このままでいいのか」問題。

私たちはこの問題に向き合う中、フラストレーションがピークに達したタイミングで、ある決断をしました。それは、「クライアントの依頼にだけ依存した状態」から脱し、「自分たちならではの価値」をもっと追求しようとすること。もちろん、それはクライアントワークの否定ではありません。世の中に溢れる制作会社、世の中にたくさんいるクリエイターの中で、自分たちが提供できること、その価値をもっと追求しようという前進です。

そこで、私たちはまず、自社メディアを立ち上げました。それがライブ配信です。
どうせやるなら、とことんやろうと決め、社内の1室を撮影スタジオ化したマルチカメラを用いた表現で、様々なゲストの方にご協力をいただきながら、4年間で1,000本以上という超コンスタントなペースでライブ配信を実施してきました。

デスクトップワークスのライブ配信
https://webdirection.jp/live/

さらに、そこから次のステップ、制作会社として請負仕事以外の収入源の獲得、「自分たちならでは」のマネタイズを目指しました。
私たちのこれまでの仕事、サイト制作のプランニング手法とマネジメント手法をフレームワークとしてツール化した『Webディレクター手帳』。そして、その思考プロセスを一冊に込めた書籍『ディレクション思考』。これら自社プロダクトをゼロから開発し、製造、販売しました。売上の数字だけみたら、小さなものかもしれません。しかし、今まで世の中に存在しなかった「自分たちならではのマネタイズ」の仕組み、他の制作会社にはないその仕組みを手にしたことは、とても大きな一歩です。

Webディレクター手帳
https://webdirection.jp/tools/

書籍『ディレクション思考』
https://webdirection.jp/book/

当時、製造工程や梱包作業の様子、また手渡し配達イベントの様子をライブ配信で流したのですが、その中継を見たユーザーが、その瞬間に商品を買ってくれる！という現象を目の当たりにしました。一連の流れを「ストーリーとして」ユーザーに届けることの重要性、そしてライブ配信の可能性をさらに感じた瞬間です。

さらに、私自身のセミナー活動をライブ配信と掛け合わせた新しい学びのサービス、実践学習型オンラインサロン『4LDK』を立ち上げました。このオンラインサロンは、全国各地のディレクターやクリエイターが場所を問わずして参加できる「学びの場」です。知識やノウハウをインプットするだけじゃなく、自らのものとしてじっくり消化するアウトプット学習にも取り組める今までなかった学習サービス。ただ講義を視聴するだけじゃなく、率先して行動する積極的なスキルアップに取り組んでいます。

実践学習型オンラインサロン『4LDK』
https://webdirection.jp/4LDK/

来年はこの取り組みをさらに進化させて、私以外の、様々な分野の専門家たちを講師に迎えて展開する『現場学校』がスタートします。一過性のイベントごとになりやすいセミナーと、参加者それぞれの現場とをライブ配信を用いた「学びで繋ぐ」試みです。

ライブ配信セミナー『現場学校』
https://gbgk.jp

さて、今回はいち制作会社が抱える「このままでいいのか」問題を切り口にお話しをしました。マネタイズと言うと「お金儲け」のイメージが強いですが、私たちにとってマネタイズとは、自分たちの価値を見える化すること、そして市場に示すための具体的行動です。

今回のセッションが、参加者それぞれの自分らしいクリエイティブな価値の追求、不安をキッカケに見いだされる「新たなる希望」となれば嬉しいです。

ありがとうございました。

田口真行のFacebook
https://www.facebook.com/TaguchiMasayuki
↑フォローや申請はお気軽にどうぞ！

2018年12月22日に都内で開催したCSS Nite Shift12「Webデザイン行く年来る年」として、関口 浩之さん（ソフトバンク・テクノロジー）、鷹野 雅弘さん（スイッチ）の『おさえておきたいフォントまわりのトレンド』セッションのスライドなどを公開します。

• スライド（PDF）
• 動画

フォローアップ、メッセージ

関口さんとのコンビ2年目、「フォント」セッションをお楽しみいただけたようで何よりです。

フォントそのものも楽しく、奥が深いものですが、そもそもどうようなテキスト（文字）にするのか、どのように組むのか、つまり、テキスト、フォント、タイポグラフィ（組版）の3つのレイヤーは表裏一体の関係です。

ここ数年言い続けていますが、ゴールはこちらです。

• 装飾でがんばるよりも世界観に合ったフォントを選ぶ
• 世界観に合致したとき、フォントの存在は限りなく消える

Instagramにて、全国で気になった看板などを取り上げています。
https://www.instagram.com/logosignboarddesign/

Adobe MAX Japanにて松田 直樹さん（まぼろし）のセッションに飛び入りしました。こちらのセッションもオススメです。

Webフォントを120%活用するための基礎知識＆最新動向
https://maxjapan.adobe.com/archive/2018/web-session-5/

リンク集（鷹野）

フォントに関する関心・熱量は昨年に続き高まった

フォントカルタ（1月と10月）
https://fontplus.connpass.com/

フォントの日（4/10実施）
https://fontday2018.peatix.com/
https://type.center/articles/11394
https://www.facebook.com/pg/dtptransit/photos/?tab=album&album_id=1894142460605014

月刊『MdN』2018年11月号『明朝体を味わう。』
https://books.mdn.co.jp/release/61479/

「たてよこWebアワード2017」受賞者決定
https://typography-mag.jp/news/346/
https://tategaki.github.io/awards/

アウトテイク（フォントに関する関心・熱量は昨年に続き高まった）

フォント男子連載
https://type.center/articles/11571

連載「活字・写植・フォントのデザインの歴史 – 書体設計士・橋本和夫に聞く | NewsInsight」
https://biz.news.mynavi.jp/category/font-history

来年の話題：2019年のATypI（国際タイポグラフィ会議）が、東京で開催。テーマは「Rediscover」
https://type.center/news/11324

OSやサービスの充実でフォント環境がいっそうリッチに

macOS Mojaveでカラーフォント

ベテランほど知らずに損してるIllustratorの新常識（12）カラーフォントという新しい道具、そして絵文字
https://blogs.adobe.com/japan/dtp-illustrator-kihon-tips-12/

Windows 10でBIZ UD
https://forest.watch.impress.co.jp/docs/serial/yajiuma/1146398.html

見たまえ諸君、Windows 10 October 2018 Updateにはモリサワ社がデザインしたBIZ UDフォントが標準搭載されているのだ!
嘘じゃない、ふぉんとに、ふぉんとだって! pic.twitter.com/iM5TRcuQnY

— ものえおさむ (@osamum_MS) 2018年10月4日

Google Fonts に日本語フォント追加、Noto Sansも。
https://qiita.com/umeume66/items/13e733b0cffef49fab62

タイププロジェクト「TP コネクト」
https://typeproject.com/service/tpconnect

フォントワークス「mojimo」
https://mojimo.jp/info/547/

たづがね角ゴシック
https://www.monotype.com/jp/%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88/%E3%81%9F%E3%81%A5%E3%81%8C%E3%81%AD%E8%A7%92%E3%82%B4%E3%82%B7%E3%83%83%E3%82%AF/

The Neue Frutiger World
https://www.monotype.com/fonts/neue-frutiger-world

Futuraに合う日本語書体

筑紫AMゴシックB試作中。
フーツラに合ったゴシック体を目指している。
可笑しな翻訳英語ですが短くて和文と比較しやすいのでアップ。
Mac標準で見慣れているゴシックと違いを見ると全く別カテゴリーのゴシックの域になってる。カジュアル路線に入り込んできてるがフーツラにはそれはない悩む pic.twitter.com/xj0fCTTvbF

— 藤田重信 (@Tsukushi55) 2017年5月26日

Illustrator CC 2019アップデートまとめ
https://note.mu/dtp_tranist/n/n36249be4673e

FOTクックハンドR
https://webfont.fontplus.jp/font-list/cookhandstd-r
https://fontworks.co.jp/column/archives/31

パンダベーカリー
https://suzukimemo.com/post-6057

かもめ龍爪
https://www.morisawa.co.jp/topic/upg2018/#kamome

さくらぎ蛍雪
https://www.morisawa.co.jp/topic/upg2018/#sakuragi

秀英にじみ丸ゴシック
https://www.morisawa.co.jp/topic/upg2018/#shuei

今年の文字2018

筑紫Q明朝L
https://fontworks.co.jp/fontsearch/item?TsukuQMinLStd-L&word=%E6%96%87%E5%AD%97%E3%81%8C%E3%81%8A%E3%82%8A%E3%81%AA%E3%81%99%0A%E6%96%B0%E3%81%97%E3%81%84%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AE%E4%B8%96%E7%95%8C

貂明朝カラー化
https://blogs.adobe.com/japan/adobefonts-one-year-of-ten-mincho-colorful-updates-and-ten-mincho-text/
https://helpx.adobe.com/jp/fonts/using/ten-mincho.html

NPGクナド
https://www.nipponia.in/fonts/NPG00/

高輪ゲートウェイ
https://www.huffingtonpost.jp/2018/12/05/toranomon-hills-station_a_23608860/?ncid=other_huffpostre_pqylmel2bk8&utm_campaign=related_articles

これなら路線図にはいるよ！ #高輪ゲートウェイ pic.twitter.com/LYdpJgNeBP

— 塚田哲也／大日本タイポ組合 (@dezaiso) 2018年12月5日

思うのだけど「高輪ゲートウェイ」が「高輪」だったらこんなに注目を浴びなかった。二次創作的なコンテンツも続々と出てくる。「6万票集めた中で130位」なんてこともいう必要なかったのに強力なフックになってる。もしかして我々は誰かの手の平の上で踊ってるのでは…https://t.co/b4j4sQrs4H

— sogitani / baigie inc. (@sogitani_baigie) 2018年12月6日

世界絵文字デー
https://www.apple.com/jp/newsroom/2018/07/apple-celebrates-world-emoji-day/

世界の“今”をダイジェスト 10話「感嘆符」
https://www.netflix.com/title/80216752
https://www.netflix.com/watch/80243761?trackId=200257859

ドルチェ＆ガッバーナの中国向けプロモーション動画の間違い探しクイズ
https://www.instagram.com/p/BqPhUCuiPZM/

Netflix「Netflix Sans」
https://gigazine.net/news/20180322-netflix-unveils-new-custom-typeface/
https://www.itsnicethat.com/news/netflix-sans-typeface-dalton-maag-graphic-design-210318

Airbnb「Airbnb Cereal」
https://gigazine.net/news/20180516-airbnb-cereal-typeface/
https://airbnb.design/introducing-airbnb-cereal/

IBM「IBM Plex」
https://coliss.com/articles/build-websites/operation/design/corporate-font-ibm-plex.html
https://www.ibm.com/plex/

マツダ「MAZDA type PR」
https://www.typeand.net/2018/
https://k-honblog.com/archives/19683036.html
https://k-honblog.com/archives/26465663.html

Domino's Pizza
https://www.monotype.com/resources/case-studies/a-stackable-typeface-for-dominos-pizza/
https://www.underconsideration.com/brandnew/archives/new_custom_type_family_for_dominos_pizza_by_monotype_studio.php

Evernote（Publico）
https://twitter.com/yuki_miyake/status/1029689190412312576

PublicoとTP明朝。がっちりとした堅牢性の高さで合わせてみた。フィットフォントのページにて。https://t.co/cDuxs8Wtez pic.twitter.com/NG05NDUJrh

— isao suzuki (@isao_suzuki) 2018年8月16日

Why Fashion Brands All Seem to Be Using the Same Font
https://www.bloomberg.com/news/articles/2018-11-20/why-fashion-brands-all-use-the-same-style-font-in-their-logos

Brand New: New Logo for Burberry by Peter Saville
https://www.underconsideration.com/brandnew/archives/new_logo_for_burberry_by_peter_saville.php

Text Graphics in Video: Top Trends For 2018
https://youtu.be/XAVhyvdU5JM

こちら訂正とお詫びまで。

恋山形駅は鳥取県にあります。山形県ではありません #cssnite

— sho otani (@ozu_syo) 2018年12月22日

良太郎さん

登壇こそされませんでしたが、今回の「フォント」セッションのコンテンツに協力くださった良太郎さんのメモです。
Shift12：2018年フォントの動向 Outtakes - Ryotarox

Q&A のリッチリザルトのコンテンツ ガイドラインを Google は更新した。ユーザーが回答を投稿できるページだけに、Q&A リッチリザルトのための QAPage 構造化データを追加できることが明記された。

投稿 Q&Aリッチリザルトのコンテンツガイドラインが更新。ユーザーが回答を投稿できるページのみQAPage構造化データをマークアップする は 海外SEO情報ブログ に最初に表示されました。

観光地のプロモーションの手法のひとつとして、インパクトのある情報を提供するために動画を活用したいと考えている方も多いのではないでしょうか。この記事では観光動画の活用から生まれる集客のメリットや、効果のある観光動画を制作するために押さえておきたいポイントについて紹介します。

観光動画が注目される理由

以前は観光地情報を観光地案内所で聞いたり、あらかじめ旅行ブックなどで確認したりしていましたが、今はインターネットを利用して、情報を収集する人が増えています。手軽に検索をして多くの情報を得られる情報源としてウェブサイトは重要です。得られた情報は実際の旅行プランや宿泊場所の選定に影響を与えます。写真やテキストではなんとなく観光地の雰囲気を紹介することはできますが、観光動画にすることでよりリアルな情報に近づきます。また、SNS上に観光動画をアップすると、注目した視聴者がその動画をシェアしたりリツイートしたりして、さらに多くの人の目にとまることも期待できます。低予算で、多くの人にリーチできることが期待できるのは観光動画ならではです。

観光動画を活用するメリット

観光の集客に動画を活用することで、テキストや静止画では伝えにくいことやリーチできない視聴者まで観光地の魅力をアピールできます。動画を採用することは他のどの媒体を選択することどのように違うのでしょうか。そのメリットについて説明します。

紙媒体よりも魅力的に紹介できる

観光紹介を動画で行うことのもっとも大きなメリットは、その情報量にあります。紙のパンフレットでは多くの写真とテキストを使わなければ紹介できない観光の魅力も数分で紹介することができます。観光地の説明をテキストや写真のみではその場のリアルな雰囲気を伝えることは難しいかもしれません。同じ観光地であっても、写真に比べ動画は、人やものが動いているのでその場の雰囲気がつかみやすくなります。また、実際にその場に行った時に、「あ、ここだ」という楽しさも生まれます。

世界中に配信できる

外国人旅行客は年々増えており、2020年の東京オリンピックに向けてさらに増えることが予想されています。ここでより多くの外国人旅行客に日本に訪れてもらうために欠かせないのが、外国人に向けてどのようにアピールするかです。紙媒体のパンフレットを送付したり、その国でテレビCMを放映することはできますが、それだけでは世界中に情報を届けることは難しいといえます。しかし観光動画をYouTubeやSNSにアップすれば、世界中に情報発信できるだけでなく、興味を持った人が同じような仲間に情報を共有することでより多くの方々に観光地の情報を届けることができます。

日本語がわからなくても内容を理解できる

国内の観光客も海外からの観光客も共にアピールしたいときは、動画はとてもわかりやすいツールです。言葉やテキストがわからなくても、映像を見るだけでその魅力が伝わるからです。パンフレットを使ったテキストだけでは魅力を十分に伝えることが難しく、日本語だけの表記のままだと、海外からの観光客へアピールするには訴求力が弱くなってしまいます。そこで動画を活用するメリットが出てきます。動画であれば日本語がわからなくても、伝えたい内容を視覚的な表現が多い分、テキストのみの見せ方と比べて理解されやすくなります。また、字幕を追加することで多言語対応が可能になり、理解促進につなげることができます。

魅力的な観光動画を制作するポイント

観光動画ではいかにその観光地に興味をもってもらい、行きたいと思わせるかがカギになります。紹介したい観光地によって、一押しのものが違いますから、それぞれ採用したい表現も変わってきます。魅力的な動画を制作するときに気にしてほしいところや押さえておきたいポイントについて説明します。

ストーリー性を持たせる

動画を見せるために重要なことは、飽きさせないということです。視聴者は、動画を途中で止めることもできれば、そのサイトから離れることもできます。伝えたいことをしっかりと動画で見せるには、ストーリー性を持たせることが重要です。展開において意識するのは起承転結です。最初のつかみはもちろんですが、動画から最後まで目を離せないストーリーであれば、視聴者は最後まで動画を視聴し、その魅力を知ることができます。メリハリを付けて、テンポ良い展開で視聴者を飽きさせない工夫をすることが重要になります。

新しい発見・意外性を与える

動画を作るときにあの場所もこの場所も紹介したいと、つい多くのポイントを紹介する動画になりがちです。このような動画は同じリズムで淡々と説明が続き、視聴者はその中での特徴を見つけられずに終わってしまいます。動画の中で、視聴者が新しい発見をしたり、その土地ならではの独自性やユニークなポイントを伝えたりできるような展開を考えるようにします。こんなポイントもあるのかという意外性は、視聴者に強い印象を残してくれます。

人にもフォーカスする

観光動画では施設や場所、名所の紹介に終始しがちですが、観光客にとって人との触れ合いは旅の醍醐味です。動画においても、人にもフォーカスするポイントを取り入れましょう。観光客と関わる人たちの笑顔や、働いている姿、旅行にきて感動している観光客などの映像は、まるでその場にいるような感覚をもたせてくれます。それによって、より親近感を持ち、行ってみようかと思わせるきっかけになります。

観光動画の事例紹介

では、実際にどのような観光動画が制作されているのでしょうか。ウェブサイトで紹介されている観光動画や、テレビCMで流れているインパクトのある動画など、魅力的な観光動画の事例をいくつか紹介します。

KUSHIRO Hokkaido Japan in 8K HDR – 釧路

出典：KUSHIRO Hokkaido Japan

北海道と言えば大自然ですが、その中でも釧路湿原と阿寒湖・摩周湖というすばらしい国立公園を有する釧路を語るには、美しい映像が一番です。「KUSHIRO Hokkaido Japan in 8K」では、一目で釧路の自然を満喫できる自然の映像に、食と文化と人々を絡めて魅力たっぷりに表現しています。自然を表現するからこその８Kの画質は、夜景の美しさや人々の表情のしっかりと見せてくれます。外国人観光客に向けた動画ですが、日本人でも楽しめます。

東京メトロ【ＣＭ】Find my Tokyo.「高田馬場_アジアの深み」篇

出典：東京メトロ公式チャンネル

「高田馬場　アジアの深み」篇では、女優の石原さとみさんがナビゲーターとして東京メトロの駅のひとつ、高田馬場駅の街を紹介していきます。高田馬場の紹介では、さまざまなアジアの国々の文化が高田馬場とどのように融合しているかを見せています。高田馬場の国際色の豊かさが、この土地の魅力となっていることをそこに関わる人を通して表現しています。石原さとみさんが次から次への経験するアジア各地の味や文化、人々との関わりが高田馬場の新しい魅力として紹介されています。

観光動画はどこにスポットを当てるかがポイント

観光動画では、ついあれもこれもと盛りだくさんになりがちですが、どの部分にスポットを当てて、どうアピールするかをよく考慮したうえで動画全体のストーリーを組み立てていくことが大切です。動画の制作では、魅力的なスポットどの角度がどのように見せるかによっても視聴者の感想は異なります。見て行ってみたいと思わせる集客につながる動画にするにはどうしたらいいかと悩んだときには、観光動画の実績が豊富な制作会社に依頼してみるのも良いのではないでしょうか。

Crevoの関連サービス

・実写動画制作・映像制作