2023/10/18 WordPress - 本番環境に移行
-プラグイン
All-in-One WP Migration
-サーバー
さくらインターネット
2023/10/19 Figma - バナーについて②
—————————例①
商品 : ハンバーガー
内容 : 新商品の告知
メインターゲット : 10~40代男性
デザイン : 美味しそう、ワクワク感、食べ応え
ゴール : 新商品の告知、LPへの誘導
・バナーサイズ : 600px*600px
1.バナーの内容・要素・目的・ターゲットユーザーを確認 2.掲載要素の「優先度」を考える
「明確にするべき点」
どんな人に → どんな行動をさせたいのか
↪︎10~40代の男性に → 新商品の告知 → LPへの誘導
↪︎30代の男性に → 新商品を知ってもらい → 食べてみたいと思わせる
3.１・２を考慮してデザインを考える
↪︎一瞬で目に止めてもらうデザイン
「何の広告なのか」が一瞬でわかるビジュアルのデザインにする
↪︎「伝えたい内容」をベストな状態で見せるデザイン
・情報を見やすくする
・優先度を意識したデザイン
・見た目を良くして、見る人のモチベーションを上げる
↪︎「クリックしたい」と思わせる工夫
・全てを伝えない
・効果的なキャッチコピー、ワードのライティングテクニック
・魅力的なシズル感のあるビジュアル
・矢印やボタンなどのデザイン処理
＊YDA : 入稿サイズ 600px600px / 表示サイズ 350px350px
<実作業>
切り抜き : ペンツール
・切り抜き - グループ化 - 「マスクとして使用」
・色調整 : デザイン要件に見合った画像加工
・文字配置 - 背景 - 写真 - 影 - 背景グラデーション
・文字調整 : フォント
テーマに沿ったフォントの選び方
「ゴシック体 : 力強くポップ / 無機質」
「Noto Sans : 力強い印象」
「Noto Sans - Black」-男性の声のイメージ
＊斜体プラグイン””Skewdat
・ハンコ型ロゴ : 線を作成、微調整の後に結合してオブジェクト化
・ワクワク感を出す : 斜めにラインを入れて上昇感を演出
: 丸みのあるオブジェクトで楽しい雰囲気
—————————例②
商品 : ヘアケア商品
内容 : 新商品のブランディング
メインターゲット : 30~50代女性
デザイン : 高級感、清潔感、透明感
ゴール : 新商品の認知、LPへの誘導
バナーサイズ : 600*600px
40代の女性に - 新商品を知ってもらい - LPへ誘導
<実作業>
塗り、グラデーションを焼き込みで重ねて微調整
フォント - 明朝体(Noto serif) - 清楚、綺麗