Facebook 制作について
Logo

InstagramキャンペーンLP/RubyCoffee(架空案件)

クレジット
Avatar
WEBデザイナー
InstagramキャンペーンLP/RubyCoffee(架空案件)-1
シェア
制作ノート
制作について

【ターゲット設定】

20〜30代女性

・カフェ巡りが好き

・Instagramを日常的に利用する

・写真映えする商品に興味がある

・友人との来店が多い

このようなユーザーを想定し、ビジュアルと情報設計を行いました。

【デザインのポイント】

Instagramの世界観をそのままLPへ

つなげられるよう意識しました。

商品写真を主役にしながら、

ストロベリーを連想するピンク系カラーと

ミントブルーをアクセントとして使用しています。

また、視線の流れを意識し、

商品紹介

↓

キャンペーン内容

↓

参加方法

↓

店舗情報

という順番で

自然に読み進められる構成にしました。

【情報設計で工夫した点】

Instagramから流入するユーザーは

短時間で離脱する傾向があるため、

・商品魅力

・キャンペーン特典

・参加方法

を優先的に配置しました。

参加方法は5ステップで整理し、

初めて閲覧するユーザーでも

迷わず理解できるよう工夫しています。

【STUDIO実装で工夫した点】

本案件はスマートフォン閲覧を前提としているため、

モバイルサイズに特化して制作しました。

STUDIOでは

・余白設計

・文字サイズ

・ボタンサイズ

・スクロール時の視認性

を意識しながら実装しています。

Instagramから遷移した際に

ストレスなく閲覧できることを重視しました。

シェア
制作について

【ターゲット設定】

20〜30代女性

・カフェ巡りが好き

・Instagramを日常的に利用する

・写真映えする商品に興味がある

・友人との来店が多い

このようなユーザーを想定し、ビジュアルと情報設計を行いました。

【デザインのポイント】

Instagramの世界観をそのままLPへ

つなげられるよう意識しました。

商品写真を主役にしながら、

ストロベリーを連想するピンク系カラーと

ミントブルーをアクセントとして使用しています。

また、視線の流れを意識し、

商品紹介

↓

キャンペーン内容

↓

参加方法

↓

店舗情報

という順番で

自然に読み進められる構成にしました。

【情報設計で工夫した点】

Instagramから流入するユーザーは

短時間で離脱する傾向があるため、

・商品魅力

・キャンペーン特典

・参加方法

を優先的に配置しました。

参加方法は5ステップで整理し、

初めて閲覧するユーザーでも

迷わず理解できるよう工夫しています。

【STUDIO実装で工夫した点】

本案件はスマートフォン閲覧を前提としているため、

モバイルサイズに特化して制作しました。

STUDIOでは

・余白設計

・文字サイズ

・ボタンサイズ

・スクロール時の視認性

を意識しながら実装しています。

Instagramから遷移した際に

ストレスなく閲覧できることを重視しました。

シェア
田中紗月の他の作品
foriio

あなたのforiioを無料で作成

fori.io/
Logo
InstagramキャンペーンLP/RubyCoffee(架空案件)-1
制作について

【ターゲット設定】

20〜30代女性

・カフェ巡りが好き

・Instagramを日常的に利用する

・写真映えする商品に興味がある

・友人との来店が多い

このようなユーザーを想定し、ビジュアルと情報設計を行いました。

【デザインのポイント】

Instagramの世界観をそのままLPへ

つなげられるよう意識しました。

商品写真を主役にしながら、

ストロベリーを連想するピンク系カラーと

ミントブルーをアクセントとして使用しています。

また、視線の流れを意識し、

商品紹介

↓

キャンペーン内容

↓

参加方法

↓

店舗情報

という順番で

自然に読み進められる構成にしました。

【情報設計で工夫した点】

Instagramから流入するユーザーは

短時間で離脱する傾向があるため、

・商品魅力

・キャンペーン特典

・参加方法

を優先的に配置しました。

参加方法は5ステップで整理し、

初めて閲覧するユーザーでも

迷わず理解できるよう工夫しています。

【STUDIO実装で工夫した点】

本案件はスマートフォン閲覧を前提としているため、

モバイルサイズに特化して制作しました。

STUDIOでは

・余白設計

・文字サイズ

・ボタンサイズ

・スクロール時の視認性

を意識しながら実装しています。

Instagramから遷移した際に

ストレスなく閲覧できることを重視しました。

シェア
田中紗月の他の作品
foriio

あなたのforiioを無料で作成

fori.io/