のプロダクトであるGyazoのOGP画像のデザインを行った。デザイン及び実装の担当。作業期間2日間のスモールタスク。

GyazoのLPにはOGPとtwitterカードの画像が適切に指定されていなかった。

ソーシャルメディアで共有された際の見栄えが非常に悪い。

以下の方針を立ててスケッチ展開

サービスの内容を連想させるためにキャプチャーUIの一部を表現。

ブランドを印象づけるためにアイコンとブランドカラーを前面に出す。

他社のOGP画像とも比較しながら調整を重ねる。

URLからOGPの設定をバリデーションしくれるサイトを利用。stagingに上げたものでは表示してくれなかったので

を使って確認。その上でサイズやカラーなど細かい点を調整。