リアルビジネスのスマホ版ヘッダーデザインの作り方②

スクリーンショット 2017-08-30 15.53.45

こちらはPC版のデザインを
スマホ版のデザインにしました。

どうやって、PCのデザインが
スマホ版に変更されるのか?

スマホのデザインでは
どんな点に注意しないといけないのか?

それらもお伝えしていますので
じっくりご覧下さい!

続きを読む

リアルビジネスのPC版ヘッダーデザインの作り方①

スクリーンショット 2017-08-30 16.02.00

今回作成するのはリアルビジネスの
ヘッダーデザインです。

具体的な操作方法を踏まえて
ゼロから完成までを制作しています。

動画の中でお伝えしていますが
特に大事なポイントは
レイアウトに関してです。

レイアウトで悩む方が多いのですが
原因はキャッチ、アイキャッチ、メインビジュアルを
統一性無くバラバラにレイアウトしてしまうためです。

バラバラにすると
一体どこに目を向ければ良いのかが
分からなくなるので、
きちんとグルーピングする必要があります。

詳しくは動画を視聴してください。

今回制作に使用する素材は以下です。

—キャッチ—
週1回でOK♪
美容と健康を楽しく体感!
ホットヨガで美しくなろう!

–メダルor月桂冠1—
会員様の92.5%※が効果を実感!
※2017年現在弊社アンケート調べ

–メダルor月桂冠2—
全額返金保証付き

メインビジュアル
https://jp.fotolia.com/id/119487807

それではどうぞお楽しみに!

続きを読む

【整体院向け】反応が上がるヘッダーデザインの作り方<PC版>

スクリーンショット 2017-05-15 15.36.14

今回作成するのは整体院向けのデザインです。

作成する上で大事なポイントは

1:お客さんの悩みを解決できるということを強く訴求すること、

また、そのキャッチをデザインでも一番強くアピールすること

 

2:信頼のおける治療院ということもきちんと伝える

 

続きを読む

2017/02/17

音文字をデザインしよう(その1)

text_design

今回の動画では擬音など文字をデザインします。

このような音やニュアンスを表現する場合、

普通のテキストで表現するよりもデザインした文字を使う方が

続きを読む

2017/01/16

刺さるヘッダーデザインの作り方・その2

スクリーンショット 2017-01-16 16.35.09

キャッチコピーを作るときの大事なポイントは
お客さんが得られる「メリット」と「逆転の発想」を
組み合わせることが出来ないかを考えることです。

この動画で作成したコピーでいうと、
お客さんの得られるメリットは
・モテる体が作れる
です。

そして逆転の発想とは、
マッチョとは反対の
「ガリガリ」や「老い」です。

この2つが一つのキーワードになるとき
強いキャッチコピーが生まれる可能性が高いです。

また、

このメリットと逆のキーワードの差が広ければ広い程、

続きを読む

2017/01/16

刺さるヘッダーデザインの作り方・その1

スクリーンショット 2017-01-16 16.35.17

「ヘッダーのレイアウトが分からない…」
「キャッチコピーのレイアウトが難しい…」
「写真とキャッチコピーをバランスが難しい…」

と良く聞きますので、

そんな方のために

ヘッダー、つまりファーストビューの

レイアウトの作り方をお伝えします。

・ボタンがある場合のレイアウトとボタンがない場合のレイアウトは
 どう違うのか?

続きを読む

2016/12/19

ゼロから作る!セールスデザイン×セールスコピーのランディングページ【デザイン編04】

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-12-19-16-33-24

この動画では微調整を主に行います。
ファーストビューのサイズ調整や全体の細かな調整は非常に大事な作業です。初めは大雑把に作り、最後に細かく調整するやり方は、デザインをスピーディーに作るのに非常に効果的な制作方法です。
是非マネしてみてくださいね。

続きを読む

2016/12/19

ゼロから作る!セールスデザイン×セールスコピーのランディングページ【デザイン編03】

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-12-19-16-32-13

この動画ではフィニッシュまで作ります。
少し、粗いところが残っていますが、最後に微調整を掛けていくのでまずは最後まで作ります。

次が最後のデザイン制作編です。

⇒ http://jituen-basic.com/?p=831

続きを読む

2016/12/19

ゼロから作る!セールスデザイン×セールスコピーのランディングページ【デザイン編02】

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-12-19-16-30-34

この動画ではファーストビューのデザインの続きを作ります。少し複雑なテクニックを使いますが、馴れると非常に応用がきくので是非トライしてみてください。

次の講座は【デザイン制作編03】です

⇒  http://jituen-basic.com/?p=828

続きを読む

2016/12/19

ゼロから作る!セールスデザイン×セールスコピーのランディングページ【デザイン制作編01】

44-1

この動画ではランディングページで一番大事なファーストビューを作ります。全部で4つの動画に分けて制作していますので是非ご覧下さい。

完成したページはこちらです

PC版なのでPCでご確認ください。

http://jituen.com/mihon/mihon_lp/

 

次の講座は【デザイン制作編02】です

⇒  http://jituen-basic.com/?p=825

続きを読む

2016/12/19

ゼロから作るVol.3!セールスデザイン×セールスコピーのランディングページ【設計書編】

33

コピー書けるけど、

デザインのイメージが全然湧かない…

この悩みは良く聞くのですが

その原因はコピーを

レイアウトしてないからです。


レイアウトといっても

プロのデザイナーが作る

レイアウトを作るということでは

ありません。


どのコピーが

「どこに」

「どれぐらいの文字数」

で入るのか?

続きを読む

2016/12/19

ゼロから作るVol.2!セールスデザイン×セールスコピーのランディングページ【コピー編】

22

この動画ではどのような手順でランディングページの骨格であるコピーを作成していくかをお伝えしています。

いくつか書く上でのポイントはありますが、
一番大事な点は見込み客の目線で「欲しい」と思えるかどうかです。
これがブレている状態で進めると、いくらデザインを華やかにしたり、インパクトを付けたとしても見込み客がアクションを起こしてくれるデザイン、魅力のあるページにはなりません。

また、全て自分で「書く」という風にも思ってはいけません。

ライティングの6割〜7割ぐらいは「集める」という作業内容です。

お客さんの声、推薦者の声、商品・サービスの特徴など、
一旦全部集めきってから、その素材を切り分けたり、一部をリライト(編集)したりして、プロットに置き換えていきます。

 

続きを読む

2016/12/19

ゼロから作るVol.1!セールスデザイン×セールスコピーのランディングページ【プロット編】

11

ランディングページだけでなく、ビジネスで必ず必要な集客用のデザインの99%は、中身であるコピーが重要です。

コピーが良くないとデザインをいくら頑張っても期待する結果を得られることは出来ません。

この動画では、
反応のあるコピーを書く上で、必ず知っておかないといけないパーツの順番についてお伝えします。

この順番についてはものすごく重要です。
順序を間違うと、とたんに見込み客は周りからいなくなってしまいます。逆に言うと、この順番を頭に入れておくと、いつコピーを書く場合でも非常にスムーズにライティングを進めることができます。

 

続きを読む

【スマホページ】訴求力抜群!通販系LPのデザインの作り方

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-12-03-14-13-09

今回の動画はスマホページの通販系のLPのデザインを実演で作ります。

ファーストビューからワンスクロールぐらいの大事な箇所ですね。

今の時代、スマホのデザインは必須です。特に女性をターゲットとした場合、

そのほとんどのアクセスはスマホからだと思います。

 

ですので、通販系のビジネスページなんかはどこの企業もスマホに最適化してますよね。

この動画では、スマホページのデザイン制作の流れが見えて、

非常に役立ちます。

どれぐらいメリハリを付けるのか?

最後に必ずチェックしないといけないことは何か?

キャッチコピーを強くする方法は何か?

など、ビジネスを加速させるデザイン制作のヒントが

盛りだくさんですので是非チャレンジしてください。

 

訴求力抜群!通販系LPの完全版デザインを

マスターしたい人は以下の講座がオススメです

http://jituen.com/lp/group-tokkun

 

—-今回の写真素材はこちらです—

女性指刺し

https://jp.fotolia.com/id/125625404

 

ぽっこりビフォー写真

https://jp.fotolia.com/id/55779787

 

スッキリアフター写真

https://jp.fotolia.com/id/53729758

続きを読む

2016/11/26

人気No.1をデザインしてみよう

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-26-13-45-22

WEBやリアルビジネスでも

良く見かけるNo.1アイキャッチ。

今回のワークは【人気No.1】を

ゼロから実演でデザインします。

No.1というアイキャッチはとても注目を集めやすく、
言葉自体のインパクトも強いため、
クライアントさんの案件でも非常によく作ります。

小さいスケールのデザインは

訴求点をしっかり

目立たせる必要があるため

デザインで大事なバランス感覚を

バッチリ養えます。

是非トライしてみてください。
 

今回使用している月桂冠の素材は以下から

ダウンロードできます↓

http://vectorclub.net/0253.html

続きを読む

2016/11/25

ビジネスで使える!ファーストビューのデザイン実践編01

%e7%a8%8e%e9%87%91%e3%83%95%e3%82%a1%e3%83%bc%e3%82%b9%e3%83%88%e3%83%92%e3%82%99%e3%83%a5%e3%83%bc

ランディングページの中で一番大事なデザインとは何か?

それは「ファーストビュー」のデザインです。

ファーストビューとはユーザーが

あなたのサイトに訪れ初めに目にする画面のことです。

このデザインのクオリティ次第で

そのサイトの反応が決まります。

 

今回お伝えするのは、

ビジネスで使えるインパクトのある

ファーストビューのデザインの作り方です。

非常にシンプルですが、

ターゲットとなる人が見れば

思わず読み進めたくなるような

デザインです。

 

是非マネして作ってみてください。

 

なぜ、最短4週間でセールスに特化したデザインを

自分のスキルすることができるのか?

その答えがここにあります↓

http://jituen.com/lp/group-tokkun

 

 

ここで使用している素材は以下からダウンロード出来ますので

チェックしてください。

↓ ↓ ↓

メダルの素材

http://frames-design.com/wp/?p=1063

背景パターンの素材

http://subtlepatterns.com/graphy/

女性の写真

https://goo.gl/mWP9PV

 

続きを読む

2016/11/11

あなたも作れる本格的なカフェチラシ作成術-詰めの微調整(Vol.10)

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-14-16-14-12

2016/11/11

あなたも作れる本格的なカフェチラシ作成術-詰めの微調整(Vol.9)

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-14-16-26-52

デザインが完成したら最後にやるのは「詰め」ですね。

この詰めをするかしないかで、クオリティに大きく差がつきます。

始めは何を詰めたら良いのか分からないと思いますが、 詰めをする前より、クオリティがあがっていればOKです。 そうしていくことで、次第に詰めをしていないのに完成度が すでに高いデザインが作れるようになっていきます。

つまりこの「詰め」はデザイン力がグッとあがるポイントということです。

 

あなたも作れる本格的なチラシ作成術(Vol.1)

あなたも作れる本格的なカフェチラシ作成術(vol.2)

あなたも作れる本格的なカフェチラシ作成術-写真トリミング(vol.3)

あなたも作れる本格的なカフェチラシ作成術-フォトショップで一括cmyk_eps変換(Vol.4)

あなたも作れる本格的なカフェチラシ作成術-中段(Vol.5)

あなたも作れる本格的なカフェチラシ作成術-問い合わせ(Vol.6)

あなたも作れる本格的なカフェチラシ作成術-地図製作(Vol.7)

あなたも作れる本格的なカフェチラシ作成術-帯部分完成(Vol.8)

あなたも作れる本格的なカフェチラシ作成術-詰めの微調整(Vol.9)

あなたも作れる本格的なカフェチラシ作成術-詰めの微調整(Vol.10)

続きを読む

2016/11/11

あなたも作れる本格的なカフェチラシ作成術-帯部分完成(Vol.8)

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-14-16-31-25

2016/11/11

あなたも作れる本格的なカフェチラシ作成術-地図製作(Vol.7)

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-14-16-33-10