3時間で150万UV！スクリーンに溢れるNetEaseの幼少期のH5はどれほどの威力を持つのか？

あなたの友人の輪は、 NetEase からのメッセージで何回殺到したことがありますか?

H5がWeChatで人気を博して以来、過去2年間で最も多く登場したH5広告は、TencentとNetEaseのものでした。例えば、NetEase はここ 2 日間でスローガンを「Have an attitude」から「Each has an attitude」に変更し、PV がそれぞれ約 100 万の H5 を一度に複数リリースしました。

しかし、 NetEase Newsとのインタビューを終えたちょうどその頃（今日、子供の日）、NetEaseのH5が再びスクリーンに登場しました…

このH5は「大人があえて開けない子供時代」というタイトルで、ネットイース大達が子供の日のために企画したものです。今、ますます人気が出ています。その人気ぶりを実感していただくために、昨夜9時半にメインクリエイターの一人である宋心偉さんとの会話のスクリーンショットをお送りします。

この H5 には、H5 の制作で最も時間のかかる部分でもある、素晴らしい 3D 遠近法効果が数多く備わっていることがわかります。

もちろん、私たちが一番感動したのは、スラムダンク、名探偵コナン、ドラえもんなど、おなじみのアニメキャラクターたちでした。立体的で生き生きとした姿で見られるのは、ただただ感動です！

1. 子ども時代への滑り込み

インタビュー対象者：温初涛（NetEase DaDaコーディネーター）

今回のH5チームメンバーは以下のとおりです。

コーディネーション - Wenchutao
企画：宋欣偉、江振強
デザイン——孫明禄、劉景文
フロントエンド - Zhan Zhixiang、Xu Xiang
アニメーション——王睿、孟文斌

注: 私が彼とチャットした 5 分間で、H5 のソーシャルチャンネルのPV がさらに 20 万増加しました...

Q:今回は何人くらい参加されるんですか？主な時間の消費は何ですか?

A: プランナー 2 名、イラストレーター 2 名、アニメーター 2 名、フロントエンド開発者 2 名です。主に時間を費やしたのは、フロントエンド技術の部分と3Dパースペクティブ効果です。今回は、NetEaseのフロントエンド技術の専門家に担当してもらいました。

アニメーションのイラスト部分もかなり時間がかかり、イラストレーター2人がずっと残業していました。

Q:アニメキャラクターを選ぶ基準は何ですか?

A: これはテーマ選定会議のときに撮った写真です。

ファンの多いアニメ、そして面白いアニメを優先するのが基本なので、まずはスラムダンクです。

当初は代替アニメが10本以上あり、実際に作業を開始するまでに1か月かかりました。当初はワンピースを含む6本のアニメを制作したかったのですが、リリーススケジュールが厳しかったため削除されました。

Q:この時期（こどもの日の前夜）は計画されていたのでしょうか？

A: 予定通りです。7時からMomentsオンラインに投稿を始めます。

現在はWeChat Momentsソーシャルチャンネルでのみ利用可能で、明日の朝にNetEase Newsクライアントにプッシュされる予定です。

NetEase DadaのH5は現在、クライアント上でリリースされる前に友人の輪の中で広められています。その目的は、バグやソーシャルチャネルのコミュニケーション効果をテストすることです。

Q:今夜、この H5 が話題になると予想していましたか?

A: こんなに強い影響が出るとは思いませんでした。皆さんの幼少期の思い出にまだ触れているのかもしれません。

現在、データを監視し、5 分ごとに増加しています。さらに30分ほどお話をすると、データが再び増加しました。これがソーシャルチャネルを通じたコミュニケーションの効果です。

特定のトラフィックがどの程度到達できるかを推定することはできません。

2. ネットイースニュースは異なる姿勢を持っている

次に、冒頭（今日メッセージが殺到する前）に戻りましょう。NetEase が制作した別の H5 を用意しました。別の形の H5 広告でしたが、こちらも大好評でした！

H5広告「それぞれに独自の態度がある」は、NetEase Newsのネイティブアプリに非常によく似ていて、とても素晴らしいです。クールで面白いアニメーションやインタラクションがあり、ウェブサイトチャンネルも非常にリアルなので、知らないとNetEaseの公式サイトに入ったと思うかもしれません。

この形式の H5 を説明するために、業界には Web APP (Web ページプログラム) という専門用語があります。

基本的に、HTML5 は非常に強力で、Web ページがアプリに取って代わることができるため、どのようなアプリをダウンロードするのでしょうか。この問題は Web ページを開くだけで解決できるので、ダウンロードする必要すらありません。

インタビュー対象者：楊元元（チーフクリエイター）
役職: NetEase News ブランド部門シニアブランドマネージャー

Q:このH5の現在の効果は何ですか?

A: 主にサイト内に配置されており、全体的な効果はかなり良いです。詳細を見ていないのですが、PVデータはおそらく数十万から100万近くあるというフィードバックをもらいました。

このH5自体の設計の出発点は、ブランドコンテンツの役割がコミュニケーションの役割よりも大きいということです。つまり、画面をスワイプすることではなく、ユーザーがこのページを開いたときにNetEase Newsが強調するブランドコンテンツを認識できるようにすることを優先しています。

Q: Web APP 形式の H5 の場合、どれくらいの時間がかかりますか?あなたはどこでほとんどの時間を過ごしますか?

A: 主にデザインに費やした時間は約 1 か月でした。

実はこのH5のデザインは、ポスターやTVCなどの街頭広告と統一されています。まず商品の強みを際立たせ（強調し）、既存の街頭広告を合理的に変革します。

Q:ネイティブアプリがすでにあるのに、なぜ H5 をコンテンツ集約 Web アプリにする必要があるのですか?

A: この H5 には、NetEase News が厳選した優れたコンテンツが多数集約されています。そのため、このスローガンを宣伝しながら、NetEase News が優れた一般情報コンテンツを多数集約していることを皆に知らせることができます。その目的は、ユーザーに当社の変革に関する情報を明確に伝えることです。