グッズをまとめたInstagramのアカウント、うまく使いこなせてないな。と前から思っていて、インスタの広告ってなんだかうさんくさくて（偏見）どうもなー。と思っていて。 ビジネスアカウントってそういえばあったなー、Facebookページと連携するとかめんどくさ。ていうかFacebook自体数年ログインしてないし。（最近お仕事で必要になって数年ぶりにログインしたら見た目がえらい変わってて戸惑いました。） という状況でそのままうまく運用できてないインスタでしたが、Facebookページに連携必須じゃなくなった。という記事を何かで見たので、これは試してもいいんじゃないか。と思って、ビジネスアカウントに切り替えてみようと思い設定画面を見ました。 すると、見慣れない「ブランドコンテンツツール」、「クリエイターアカウントに切り替える」の文字。 クリエイターアカウントとは、なんぞ。 調べてみたら、ブランドコンテンツ広告をクリエイターアカウントから配信することができる。ということらしいです。 <a style="color:#f98198" href="https://about.fb.com/ja/news/2019/06/branded_content_ads/" target="_blank" rel="noopener noreferrer">https://about.fb.com/ja/news/2019/06/branded_content_ads/</a> これだったら、ビジネスアカウントよりハードルが低い気がする。ということで、クリエイターアカウントに切り替えてみました。 クリエイターアカウントに切り替えるとこのように［インサイトを見る］と［宣伝］というリンクが表示されるようになりました。 <img src="https://images.microcms-assets.io/assets/7c493a82c149439aa3334c64344abc99/0f4c116e29b04ee2b708dda205b14345/191210.webp" alt="" width="768" height="1663"> このクリエイターアカウント、投稿の閲覧数や、インプレッション数（表示された回数）を見ることができます。インサイトを見るをクリックするとその投稿からプロフィールへアクセスされた回数などを見ることができるようになります。自分のグッズがどれだけ表示されて、どれだけみてもらえてるかが数値化されて、インスタ運用の励みにもなるのでは？と思ってます。 宣伝のボタンはFacebookと連携しないと使用することができないので、結局Facebookと連携しなくちゃなのか・・・と思ってしまいました。 ちょっとまだFacebookと連携する勇気がないので宣伝はできないです笑 一瞬連携して宣伝してしばらくしたら連携外すとか思いついたんですけど、邪道かなと思うので、ここはまた後回しです。 あと、ブランドコンテンツツールを使用するには申請が必要です。申請が必要ということは、Googleのアドセンスみたいに有益かをみられるのではないかと思うので、まずはクリエイターアカウントでまめに投稿するのがいいかと思って、まだブランドコンテンツツールの申請はしていません。 Webサイト制作にもマーケティングとかの知識あったほうがいいのはわかってるけど、なんだか策略みたいな感じが見えちゃうのもなと思って今までちゃんと勉強せずにここまできました。でも、Webデザインをお仕事にしてる人も増えてきて、さらに知識を上乗せしていかないといけないなと実感しているので、少しずつマーケティングの知識もつけていこう！ということで身近なところで実験方式でやっていきます。 クリエイターアカウントに切り替えてブランドコンテンツツールを使えるようになるまでの経過を報告していけたらなと思ってます。 そんなグッズをまとめたインスタアカウントはこちら🐰 <a style="color:#f98198" href="https://www.instagram.com/emi.usagi.goods/" target="_blank" rel="noopener noreferrer">https://www.instagram.com/emi.usagi.goods/</a>

クリエイターアカウントに切り替えてみた。

<img src="https://images.microcms-assets.io/assets/7c493a82c149439aa3334c64344abc99/b656842872a94450b0e579dc08ff47f8/191019-1.webp" alt="" width="1200" height="630"> タイトルの通り、Adobe XDを使ってデザイン起こすというスキルを身につけました！ PhotoshopじゃなくてXDでもデザインできる。 それは知ってたけど、XDってワイヤーフレーム作るツールって認識だったし、ワイヤーフレームとかプロトタイプ作る必要があった時しかXDを使ったことがなかったので、これでデザイン作るっておんなじようなのにしか仕上がらないんじゃないか。ってずーーーーっとそう思ってました。 こんな検証もしてみたことありました。 ※この検証した時より今はもっと再現率高いと思います。 <a style="color:#f98198" href="https://note.mu/emiworks/n/nb69f37952b88" target="_blank" rel="noopener noreferrer">https://note.mu/emiworks/n/nb69f37952b88</a> そして2019.8月のアップデート時だったかな。XDからPhotoshopで編集というのが使えるようになったのを知って、いよいよ使えそうかも。でも会社でXDでデザインの案件ないんでそのまま試さず放置してました。 そうしているうちに会社を辞める決断をし、XDでデザイン案件の相談もきてPhotoshopにこだわっている場合じゃないなと思って、試すことに。 なかなか自分であちこちさわってもいまひとつ思うように使えない、進まないなあ、と思って思いついたのが、前に配布してた「レイアウトの引き出し増やすように作ったPhotoshopで作ったデザインをXDで作り直す」ということを思いついて、試しに作ってみました。 この作業を空き時間でしてたんですが、その間にもXDで描画モードを使えるようになるという待ちに待ったアップデートがあって、その後は作業もはかどりました。 XDで作業を始めてみて思ったのが、Photoshopで普通に使っているクリッピングマスクの方法と、描画モードをうまく再現できないのが大変でした。 特にクリッピングマスクは考え方がPhotoshopとは違っている。という認識で、どちらかというとIllustratorやInDesignに近かったです。 デザインを作るという思いから、脳が勝手にPhotoshopで作成する時を思い出してしまい、とにかく作業しづらくて仕方なかったのですが、InDesignとおんなじようなツールっていう認識になってからは比較的スムーズに作業していくことができました。 そして完成したのがこちらです。 左がPhotoshopで作ったもの、右はXDで作りました。 後で気づいたのがコンテンツ幅がPhotoshopで作ったものとは違っていました。 コンテンツ幅が違うので中身に入るもののサイズが違うので全体の長さも変わってしまっています。 が、XDでデザイン作れるようになる。が今回のテーマだったのでそこは気にしないことにします。 <img src="https://images.microcms-assets.io/assets/7c493a82c149439aa3334c64344abc99/c6643a85fea94c4389c754cae13403a7/191019.webp" alt="" width="1412" height="1648"> あと作業していて気づいたのがPhotoshopで作業するときとXDで作業するときの進め方が同じ私なのに全然違うのが自分でビックリしました。 XDで作業するときは一旦グレーの状態でワイヤーというか枠を全部作ってから画像入れたりして作りこみ。 Photoshopの場合は手書きで作ったワイヤーみながら画像入れつつ作る。 という進め方の違いです。 XDでひとつデザインを仕上げたことでなんとなくツールの使い方もわかってきたので、あとはまだPhotoshopで作る方が早いので、XDでも同じくらいのスピードで作れるようになるのを目標にどんどん作業して慣れていくしかないな。と思っています。

Adobe XDでデザイン。

Goodsページにkahogo project 第一弾デザインで審査の結果採用されたkahogo soapのことを紹介しています。 ECショップサイトでも販売がスタートしてなんだかまだ信じられないです。 パッケージデザインについても書いているので、ぜひECショップも見てください。 <a style="color:#f98198" href="https://kahogo.shop/?pid=145046043" target="_blank" rel="noopener noreferrer">Kahogo soap ECショップサイトはこちら</a>

Goodsページにkahogo soapについて追加しました。

<img src="https://images.microcms-assets.io/assets/7c493a82c149439aa3334c64344abc99/fb7343919a194542a96178fa125925ae/190817.webp" alt="" width="2000" height="1053"> 「<a style="color:#f98198" href="https://borgo.jp/kahogo/project/" target="_blank" rel="noopener noreferrer">kahogo project</a>」で採用されたデザインの商品がいよいよ数量限定で8/17から販売開始しました。 お近くの方は是非店舗に足を運んでいただけるとうれしいです。 kahogo soap 容量　80g 売価　1800円（+tax） 数量　各限定15個（ECサイト販売分含む） 【販売店舗】 リルワゴン 東京都世田谷区北沢2-12-2 03-6450-9275 営業時間　12:00～20:30 <a style="color:#f98198" href="https://note.mu/emiworks/n/n893d9f599ed2" target="_blank" rel="noopener noreferrer">note</a>にも記事を追加しましたのでそちらもご覧ください。 <a style="color:#f98198" href="https://note.mu/emiworks/n/n893d9f599ed2" target="_blank" rel="noopener noreferrer">https://note.mu/emiworks/n/n893d9f599ed2</a>

採用されたデザインの商品が数量限定で8/17から販売始まりました。

<img src="https://images.microcms-assets.io/assets/7c493a82c149439aa3334c64344abc99/845f559ac94742c4b96eddf4325a484d/190812.webp" alt="" width="1200" height="630"> 審査待ち→審査中だった初めてのLINEスタンプ、<a style="color:#f98198" href="https://line.me/S/sticker/8712990" target="_blank" rel="noopener noreferrer">ウサギのchobby</a>が無事に承認されて8月9日に販売スタートしました。 承認まで何度かタグの修正でリジェクトがありました。 そこで学んだのは タグは迷ったらつけないのが一番かも。 LINE側で名前つけてくれるらしいんです。でもこれLINE側で作業増えちゃうからこんなこと言わないほうがいいのかもだけど、リジェクト来てたのがタグリストの中から何にしよう・・・ってなったのばっかりだったので。 これちゃんと読まなかった私も悪いんだけど、設定されてないタグはLINE側で編集します的なこと書いてあるの気づかなかったんです・・・ なので悩んで悩みまくって、これにしようってなって。それがタグ修正してね。ってなってて。 あ、これ悩んだやつやん！ってのばっかりがリジェクトされてたから、もう悩んだやつは設定してたタグ消して、申請し直したら数日後に通ったっていうね。 何はともあれ無事に承認されて販売スタートできてよかった。 またひとつやりたい！と思ってたことが達成できてうれしいです。 ウサギのchobbyスタンプはこちら↓ <a style="color:#f98198" href="https://line.me/S/sticker/8712990" target="_blank" rel="noopener noreferrer">https://line.me/S/sticker/8712990</a>

Information