デザイン添削｜まとめ

無料添削デザインスクール #354「通信講座のキャンペーンLP」

添削通信講座のキャンペーンLPですね。明るくてポップなLPですね。 ■アイコン「アイコン」というのは、ボタンとかのアイコンではなくて、このLPで一番目立ってくれる部分のことです。メインビジュアルのタイトルがアイコンとなって目立ってくれると、そこがつかみになって下も見てくれたりします。各企業、LPには絶対的にこのアイコンが存在します。イメージキャラクターやタレントがあいる場合は、それを使いますが、ない場合は、イメージ画像やデザインテーマなどで見せます。今回

無料添削デザインスクール #321「ヨガイベントのLP」

添削ヨガイベントのLPページですね。雰囲気がいいですね。 ■雰囲気重視の弱点雰囲気はターゲットにバッチリ合っているように見えるのですが、弱点もあります。単純に日本語がないので分かりにくい。英字だとスタイリッシュに見えていいのですが、コンバージョンなどを考えると日本語の方が伝わりやすいので、担当の人から「日本語にして～」と無慈悲な修正が入ることがあります。それを回避するために、キャッチを日本語にして、雰囲気作りのタイトルと一緒に入れるといいです。実務では

無料添削デザインスクール #319「グランピングLP」

添削グランピングのＬＰですね。カチッとした見やすいLPですね。 ■ヘッダーメニュー LPにメニューは必要かどうかですが、親切心で見やすさ重視で入れていると思いますが、読み飛ばしが起きるというデメリットもあります。ちょっと昔のデータですが、「お問い合わせはこちら」「注文する」など、LPの途中でスキップする要素があるLPと、それらを排除したLPでコンバージョンの数値を計測したら、スキップして注文画面に来た人は途中で離脱する確率が高かったそうです。スキップせずに最初

無料添削デザインスクール #276 「スポーツジムLP」

添削スポーツジムのLPですね。特に問題はないです。 ■目立たせるところキャンペーンのコンバージョンにあたるところが弱いです。全体として読みやすいレイアウトでいいのですが、LPで一番肝心なのは、コンバージョンをあげることです。今回の場合は「WEBで見学予約」することです。「よかったらこちらも見てください…」ではなくて、「このキャンペーンを見て！ドヤ！」全力でアピールすることが必要です。キャンペーンなどのコンバージョン率は大体決まっています。よ

無料添削デザインスクール #257 超実践型デザインお題添削「ウェディング系LP」

お題今回の添削は、私が作成した超実践型のデザインお題を元にデザイン作成して頂いたものになります。超実践型ということで、実際にあった実務を課題に加工したものです。添削ウェディング系のLPになります。グリーンがきれいですね。 ■ボタン細かいところからいうと、電話番号がボタンみたいに見えるので囲まない方がいいです。スマホだとそのまま電話できるのでボタンぽくしてもいいのですが、Webサイトの時は不要です。ボタンのデザインもちょっと堅いように見えます。もう少しオ

無料添削デザインスクール #254 超実践型デザインお題添削「ウェディング系LP」

お題今回の添削は、私が作成した超実践型のデザインお題を元にデザイン作成して頂いたものになります。超実践型ということで、実際にあった実務を課題に加工したものです。添削ウェディング系のLPになります。方向性はいいので、あとはバランスですね。 ■お約束の罠同じ課題の他の添削でも紹介していますが、このお題は実践向けということで、初心者の方がよく引かかる罠を複数用意してあります。・ワイヤーに影響されすぎる罠・ワイヤーのサイズ感の罠・ワイヤーレイアウトが悪い罠

無料添削デザインスクール #251 超実践型デザインお題添削「ウェディング系LP」

お題今回の添削は、私が作成した超実践型のデザインお題を元にデザイン作成して頂いたものになります。超実践型ということで、実際にあった実務を課題に加工したものです。添削ウェディング系のLPになります。淡い色がきれいですね。 ■サイズ感お問い合わせボタンが異常に大きいですね。コンバージョンにつながるので目立っては欲しいのですが、バランスが崩れるほど大きいので調整が必要です。もしこのサイズのまま作るとしたら、中の要素を小さくしてバランスを取ってあげると、大きすぎ

無料添削デザインスクール #231 超実践型デザインお題添削「ウェディング系LP」

お題今回の添削は、私が作成した超実践型のデザインお題を元にデザイン作成して頂いたものになります。超実践型ということで、実際にあった実務を課題に加工したものです。添削ウェディング系のLPになります。淡い色合いで余白がきれいですね。 ■超実践ってそういうこと？ LPをあまり作ったことがない方のために作った実践課題です。実務で失敗しないように色んな「落とし穴」を作ってあります。その一つが「ワイヤーを信じすぎない」ワイヤーはほとんどの場合ディレクターが作ります。文

無料添削デザインスクール #210「乗馬サイト」

添削乗馬ツアーのサイトですね。写真が多いですね。 ■ロゴ大手の企業だとロゴにレギュレーションがありますが、ロゴがちゃんと決まっていない時は、ロゴの見せ方も一緒に提案すると通ることがあります。英字はパッと読めないので、日本向けのサイトなので日本語だけにしてしまってもいいと思います。ロゴの文字色が原色に近い青なので、チープな感じに見えるので少し青をくすませて落ち着いた色にするとチープさが薄れます。 ■ヘッダー要素ヘッダーにコンバージョンの要素を入れるといいです

無料添削デザインスクール #171「教会サイト」

添削教会のサイトですね。シンプルでいいですね。 ■ヘッダーロゴがないですね… 下にある「静かな森の教会」がロゴなのかな？最初はロゴがメインビジュアルに大きく入っていて、スクロールすると小さくヘッダーに入るとかあるので、それかな？ヘッダーの大きさですが、ちょっと大きいように感じます。ターゲットはカップルだと思うので、ここまで文字は大きくなくても読めるので、デザイン重視の文字の置き方にしてあげると雰囲気がもっと出ます。 ■メインビジュアルタイトル、写真、期間

無料添削デザインスクール #162 超実践型デザインお題添削「ウェディング系LP」

お題今回の添削は、私が作成した超実践型のデザインお題を元にデザイン作成して頂いたものになります。超実践型ということで、実際にあった実務を課題に加工したものです。添削ウェディング系のLPになります。メリハリがあるデザインになっていますね。 ■サイズ感他の添削でも書きましたが、この課題には実務で陥ることのある罠が何個か用意されています。その罠で、どのあたりが苦手なのかが分かるようになっています。その一つが「サイズ感」です。ワイヤーの要素をわざと大きく作って

無料添削デザインスクール #157「フィットネスジム」

添削フィットネスジムのLPですね。淡い色使いがいいですね。 ■配置位置メインの要素が少し上に置いてありますが、写真の位置に合わせているのであれば、写真ごとセンターにちょうどいい位置に調整するといいです。何か狙いがあるならいいのですが、現状はズレているように見えます。無意識にバランスが悪いように見えるので、余白などはとりあえずそろえておくといいです。 ■文字の可読性黄色い色は目立っていいのですが、白文字を置くと文字の可読性（よくことができるかどうか）が落ちるの

無料動画添削デザインスクール #01 超実践型デザインお題添削「ウェディング系LP」

無料動画添削 #01 超実践型のデザインお題「ウェディング系LP」を動画で添削していきます。 ■ デザイン添削のご依頼はTwitterから！ Twitterで投稿された作品を添削しています。添削を希望される方はTwitterにハッシュタグ「#デザイン添削希望」または動画で添削をする「#動画でデザイン添削希望」を付けて投稿してください。

無料添削デザインスクール #132「美容商品LP」

添削美容系商品のLPですね。シンプルだけど華やかなデザインでまとまっていますね。 ■メインビジュアルのレイアウトメインビジュアルに詰め込まれている要素の配置が悪いように感じます。・女性の画像・キャッチ・商品画像・コンバージョンボタンこの4つの流れが悪いので配置を変えてあげた方がいいです。なんかしっくりこないですね。実際の化粧品のサイトを何個か見ると、商品画像と女性を動画面に配置しているのはあまりないですね。それか商品を切り抜いて動きのあるような置き

フォローしませんか？

#lp