Yobikake - あなたの呼びかけからはじめよう

Tomohiro Nozaki
高校3年生
OVERVIEW

新型コロナウィルスの予防をSNSで簡単に呼びかけることができるサービスを制作しました。

YEAR 2020

制作期間 : 約3日
制作時期 : 2020.04
担当 : 企画、コンセプト、フロントエンド
技術 : Nuxt.js、Google App Engine
使用したツール : Illustrator、AdobeXD
メンバー :
Yuki Mihashi (主にロゴデザイン、Webデザイン)

Yobikake とは

「Yobikake」は、新型コロナウィルスの予防をSNSで簡単に呼びかけることができるサービスです。シェアボタンをクリックするだけで、アイキャッチ画像を使った呼びかけ投稿を作成することができます。

このサービスは、TwitterとFacebook合わせて1500以上の投稿に使われ、アクセス数は、ピーク時には月間1.3万PV(ページビュー)を記録しました。

制作背景
新型コロナウィルスの感染拡大が続いていた4月頃、SNSでは「うちで過ごそう」や「医療従事者へ感謝をしよう」「ソーシャルディスタンスをとろう」などの投稿が全世界で行われていました。インフルエンサーによって、YouTubeなどにも多くの呼びかけ動画が投稿されました。

そのような中で、インフルエンサーだけでなく、誰もがSNSを使って気軽にそういった予防への呼びかけや医療従事者への感謝を発信できたら、もっと多くの人にこのムーブメントを広げることができるのではないかと思い、このサービスを考案しました。

特徴

「Yobikake」は、フォロワーからフォロワーへと連鎖的に広がっていく、SNSの特性を活かしたサービスになっています。投稿を見た別のユーザーが、サイトにアクセスしてシェアボタンを押すだけで同じような投稿を作成できるため、多くのユーザーが使えば使うほど、広がり、多くの人に呼びかけを届けることができます。


実装方法

「Yobikake」は、SNSにリンクを投稿した際に表示されるアイキャッチ画像(OGP画像)を使用したサービスです。それぞれのリンクにアイキャッチ画像が設定がされており、そのリンクをシェアボタンから簡単に投稿できる仕組みになっています。

(Image by Yuki Mihashi)

フロントエンドはNuxt.js(Vue.js)を使っており、Google App Engineにデプロイを行い、SSR(サーバーサイドレンダリング)をしています。

リンク

サービスサイト : https://yobikake.com/
GitHub : https://github.com/nztm/Yobikake


WEBSITE