15年続く老舗技術メディアのリブランディングで考えたこと #DevRelAsia / Rebranding Technology Media for its 15-year anniversary

by kondoyuko

Slide 1

Slide 1 text

15年続く老舗技術メディアのリブランディングで考えたこと 2020.11.14 @kondoyuko from SHOEISHA Co.,Ltd. DevRel/Asia 2020

Slide 2

Slide 2 text

自己紹介近藤佑子 aka @kondoyuko / ゆうこりん • 所属：株式会社翔泳社 – CodeZine編集部編集長 – Developers Summit オーガナイザー • メディアの立場でDevRelに関わる – DevRelCon Tokyo 2017-2020 スタッフ – DevRel/Japan 2019 スピーカー＆スタッフ • 開発者と一緒に踊る、キャッチコピーは「踊る編集者」 kondoyuko516 kondoyuko アイコンアー写

Slide 3

Slide 3 text

CodeZine / Developers Summit CodeZine： 2005年から続くソフトウェア開発者向けメディア Developers Summit： 2003年から続くソフトウェア開発者向けカンファレンス

Slide 4

Slide 4 text

DevRel/Japan 2019での登壇内容 https://devrel.tokyo/japan-2019/speakers/kondoyuko/ https://speakerdeck.com/kondoyuko/how-to-make-a-tech-conference-from-an-editors-perspective

Slide 5

Slide 5 text

Developers Summit 2020

Slide 6

Slide 6 text

Developers Summitを通じて感じた手応え • 特定のテーマ（例「ともにつくる」）のもと、多数の開発者が自己や他者と向き合う 1カンファレンスがそんな機会となる可能性を感じた • 出版社が主催するからこそ、広く届いて多くの開発者の助けになりうる。その結果、世の中が良くなることにつながるかもしれない

Slide 7

Slide 7 text

デブサミの運営を通じて上がった視座 • デブサミで感じた手応えは、Webで開発者に広く参照してもらえるCodeZineにも適用できるのではないか？ • 「いいメディア／イベントを作りたい」から「いいメディア／イベントで世の中を良くしたい」へ自分のなかで視座が上がった

Slide 8

Slide 8 text

そんなことを考えていたら・・・ • 2020年2月下旬「CodeZineの編集長を任せたい」と上長から伝えられた • 新型コロナウイルス感染症拡大の影響でカンファレンスの中止が相次ぐ時期

Slide 9

Slide 9 text

そして2020年6月：CodeZine 15周年を機に編集長を交代編集長交代の告知ニュース https://codezine.jp/article/detail/12344 いきさつをふりかえったブログ https://kondoyuko.hatenablog.com/entry/2020/10/08/190000

Slide 10

Slide 10 text

今日お話したいこと • 開発者向けメディア「CodeZine」の15周年にあたり、リブランディングとして何を行ったか • リブランディングで学んだこと

Slide 11

Slide 11 text

こんな課題を持っている方のヒントになるかも？ • 長年続く開発者向けの取り組みを新しく引き継いだ方 • 取り組みを時代に合わせてアップデートしたい方

Slide 12

Slide 12 text

老舗技術メディアのリブランディングで何を行ったのか

Slide 13

Slide 13 text

リブランディングで行ったこと • コンセプトの刷新 • ロゴの刷新 • Webとイベントの連動

Slide 14

Slide 14 text

リブランディングで行ったこと • コンセプトの刷新 • ロゴの刷新 • Webとイベントの連動

Slide 15

Slide 15 text

CodeZineの新コンセプト • 旧コンセプト：開発者のための実装系Webマガジン • 新コンセプト：デベロッパーの成長と課題解決に貢献するメディア

Slide 16

Slide 16 text

リブランディングの背景 • 視座が上がっていた私は、 2020年6月のCodeZine 15周年に向けてコンセプトやロゴの変更を行いたいと提案 • 2020年1月末、編集部と広告営業メンバーで「CodeZineはどんなプラットフォームでどんな社会的責任があるのか」というテーマで検討会議を開催した

Slide 17

Slide 17 text

話し合ったこと • いま開発者を取り巻く状況にはどんな課題があるか • CodeZineによって誰のどんな課題を解決したいか

Slide 18

Slide 18 text

ミーティングの様子開発者を取り巻く課題について CodeZineが解決しうることについて

Slide 19

Slide 19 text

出てきたトピックとそれに対してできそうなこと（一部） • 開発者向けの情報が多すぎる – 現場視点の解説記事 – メルマガ • キャリアに悩みがある – 若手向けキャリアインタビュー – ロールモデルとなりそうな方の紹介 • 技術と他分野の掛け合わせが広がっている – 開発とビジネスがうまく連携している事例の紹介 • アウトプットを高めたい – アウトプットのコンサルティング

Slide 20

Slide 20 text

ミーティングで前編集長が言ったこと 15年前は「技術が主役」、今は「開発者が主役」

Slide 21

Slide 21 text

15年前は「技術が主役」、今は「開発者が主役」 • CodeZine発刊当初は今より個人の発信が多くなく技術情報を発信するだけで貴重だった？ • 現在、多様な手段で技術情報が得られるなか、開発者を主役に据えた情報発信をしていきたい →開発者の成長（キャリア）と現場の課題解決に焦点

Slide 22

Slide 22 text

早い段階でプレスリリースを作成 • Amazonの開発スタイルを参考に、コンセプトを考えたらまずプレスリリースを作った • 折々で修正しながら完成形に持っていく https://codezine.jp/article/detail/12344

Slide 23

Slide 23 text

リブランディングで行ったこと • コンセプトの刷新 • ロゴの刷新 • Webとイベントの連動

Slide 24

Slide 24 text

新旧ロゴ比較旧ロゴ新ロゴ

Slide 25

Slide 25 text

なぜロゴを変更したかったか • 旧ロゴは一昔まえの印象があり、今風にしたかった • 翔泳社が持っている開発者向けプロダクトのブランド統一ができていなかった

Slide 26

Slide 26 text

各種プロダクトの旧ロゴ

Slide 27

Slide 27 text

ロゴ発注の際にお伝えしたこと • 開発者に新しい印象を与えたい • フォントウェイトは細すぎず太すぎず – 参考となるロゴもいくつか提示 • 関連プロダクトが統一感あるようなデザイン • デブサミ／デブストは大きく印象が変わらないように • ロゴタイプの前に●型のアイコンがあるとよさそう？ • プレスリリースの草案も共有

Slide 28

Slide 28 text

最終的に完成したロゴ

Slide 29

Slide 29 text

実際のプレスリリース文面より（ロゴについて） Developers Summitが、デベロッパーとしての頂点を目指し高め合う「山」のような存在だとしたら、CodeZineは、デベロッパーを取り巻く不確実性の高い環境を「海」とたとえ、デベロッパーがその大海原を進んでいくためのガイドでありたい。そう考え、CodeZineの新しいシンボルとして「コンパス」のマークを採用しています。カラーリングやモチーフは当初から意図したものではないが、考えるなかで、イメージがつながっていく感覚があった

Slide 30

Slide 30 text

リブランディングで行ったこと • コンセプトの刷新 • ロゴの刷新 • Webとイベントの連動

Slide 31

Slide 31 text

Webとイベントの連動 • デブサミとCodeZine、それぞれブランドがあるが、同一企業・チームで運営されていることがあまり知られていない • Webとイベントのシナジーを強めることで、開発者のアウトプットが最大化され、学びが深くなりブランドもより強固になると考えられる

Slide 32

Slide 32 text

行っていること（まだ道半ば） • ロゴに統一感をもたせる（既出） • デブサミの特設コーナー（Developers Online）の設置 • 「開発者の成長ジャーニー」を考え、社内に共有

Slide 33

Slide 33 text

CodeZine内にDevelopers Onlineの設置 • デブサミ／デブストのレポートなどの関連コンテンツを紹介する特設コーナーを設置 • イベントの発信をストックし、発信の価値を最大化するために拡充していきたい https://codezine.jp/devonline/

Slide 34

Slide 34 text

翔泳社プロダクトと開発者の成長ジャーニー（例） CodeZineやデブサミに触れた方が組織やコミュニティで前向きな行動を起こし CodeZineの著者やデブサミ登壇者になり CodeZine Academy の講師になる各プロダクトが開発者の成長にどう関わっているか社内にイメージを伝える

Slide 35

Slide 35 text

リブランディングで学んだこと

Slide 36

Slide 36 text

リブランディングの効果 • プロダクトへのオーナーシップを持てるようになった • デブサミの「ミッション」を言語化に役立った

Slide 37

Slide 37 text

プロダクトのオーナーシップを持てるようになった • 「借りてきた言葉」を使っていた感覚から「CodeZineは私達のプロダクトである」と思えた • 孤独なリモートワークでの自分の支えになったし、きっと他のメンバーの指針にもなったと思う

Slide 38

Slide 38 text

デブサミの「ミッション」を言語化に役立った • オンライン開催となるデブサミ2021で、これまで通りの価値が提供できるか不安 – 雅叙園という空間も、対面の交流もない…… • だからこそ、社内外の方にはたらきかけるにあたって「世の中に価値を届けるために協力してほしい！」と伝えるため、ミッションを考えた – CodeZineで一度考えていたので、スムーズに考えられた

Slide 39

Slide 39 text

デブサミの「ミッション」デベロッパーをスターにし、世の中をアップデートを加速する • スピーカーをスターにするのはもちろん、参加者の前向きなアクションのきっかけとなり、組織や社会、身の回りの方々から尊敬・尊重され、デベロッパー全員がスターになることを目指しています • 輝けるデベロッパーが増えた結果、価値提供が進み、世の中がより速くアップデートされると信じています

Slide 40

Slide 40 text

実は翔泳社やCodeZineのミッションと対応しているコンテンツで人と社会の可能性を拡げるデベロッパーの成長と課題解決に貢献するメディアデベロッパーをスターにし、世の中をアップデートを加速する

Slide 41

Slide 41 text

デブサミのミッションの活用 • 考えたミッションを社内外に伝える – 社外開発者による「コンテンツ委員会」お誘いの際に – 苦しいときを乗り切れるように社内メンバーにも • 講演依頼の際や参加者の方に向けても伝えていく予定

Slide 42

Slide 42 text

リブランディングで学んだこと • 引き継いだものを自分の言葉で語ることの大切さ – プロダクトへのオーナーシップ – 折れそうな心の支え • プロジェクトの「社会的責任」を伝えることの大切さ – 自分が「何のために？」と迷わないため – 社内外に協力いただき、ミッションの実現に近づくため

Slide 43

Slide 43 text

おわりに

Slide 44

Slide 44 text

新型コロナの影響で、私の生活は一変した • 勉強会にフットワーク軽く参加できない • 登壇したり、同人誌を書いたりして楽しめない • 雑談できず、孤独にリモートワークをする日々 • ……

Slide 45

Slide 45 text

でも辛いからこそ、考え続けた • この状況のなかで開発者に貢献できることとは？ • そのためにどんなメッセージを発していけばいいか？ • 心が折れないように、前に進み続けるには？ • 楽しく働くには？仕事を頑張れるには？ • ……

Slide 46

Slide 46 text

自分を省みて、世の中へと接続する • 自分の取り組みにどんな社会的責任があるか考える • それを自分の言葉にする • まわりに伝え、実現のため協力してもらう • 世の中が良くなることに接続していると信じる

Slide 47

Slide 47 text

自分の取り組みが世の中につながっていると信じてともにがんばりましょう！