タグ

web制作に関するeijifのブックマーク (5)

  • ランディングページの作り方、7つの超重要ポイント。

    ランディングページ(LP)の作り方を、超重要ポイント7つに絞って説明します。対象読者は、これからLPを作成する方です。インハウスのご担当者だけでなく、制作会社さんが読んでも役立つでしょう。作り方だけでなく、コンバージョン率をアップさせる点も、詳しく解説したからです。1回読んで分からなければ、繰り返し読んでください。それだけ価値ある内容になっています。 ランディングページの構成。 まず最初に、ランディングページの構成について、左図を使って説明します。ランディングページの構成は、大きく7つのブロックに分かれます。 キャッチコピー。 お客さんの関心事を、ズバリ指摘します。関心事とは、対象ユーザーが抱える、悩みや課題です。このパートは、メインコピー(1行)とサブコピー(2行)、写真の3つの部分で構成されます。 共感部。 なぜ多くの人が関心を持つのか? お客さんの気持ちに寄り添いながら、言葉で解きほ

    ランディングページの作り方、7つの超重要ポイント。
  • 【必読】あなたのサイトはどれくらい嫌われてる?スマホユーザーが嫌う10のこと

    <質問> スマホで当社サイトを閲覧する人が増えたので、スマホ対応にしました。 ユーザーの利便性向上を狙ったのですが、スマホ対応後も、社内の人からなんとなく使いづらいと言われてしまいました。 文字が大きくなり文章も読みやすくなったのに、何が使いづらいのかイマイチ要領を得ません。どこを変えればいいですか? <回答> 文字が読みやすいというのは、利便性の一つに過ぎません。またスマホはWEBを閲覧する以外にも、電話をかける・地図アプリを使う等、様々な機能を備えた端末です。 スマホの利用シーンを具体的に思い浮かべると、注意すべきポイントが多くあります。今日はスマホユーザーが嫌う10個のことを紹介します。 ① リンク箇所が一目で判らないと嫌われる スマホでは、リンク箇所が一目で判らないと、ユーザーは迷ってしまいます。ダイレクトに言葉で表現したり、判り易い色のボタンやバナーを用意したりするなどの配慮が大

    【必読】あなたのサイトはどれくらい嫌われてる?スマホユーザーが嫌う10のこと
  • 日々の業務やWeb制作に役立つ!おすすめChromeプラグイン12 - Design Color

    また、以前に書いた「Any.do」の記事はこちらです。併せてどうぞ! おすすめタスク管理ツール「Any.do」を紹介!リマインド機能やスマホとの連携が便利 | Design Color 以前に書いた「Any.do」の記事 ブラウザの開きすぎにご用心!「The Marvellous Suspender」 追記 以前は「The Great Suspender」を紹介していましたが、マルウェアが含まれているとして、Chrome ウェブストアから拡張機能が削除されてしまったため、代替の拡張機能である「The Marvellous Suspender」を紹介しています。 作業中、調べ物などをしていてついついブラウザを開きすぎてしまい、PCが重くなってしまった経験ありませんか?このプラグインを入れておけばアクティブでないタブを停止状態にすることができます。 停止までになる時間を「5分」「15分」「30

    日々の業務やWeb制作に役立つ!おすすめChromeプラグイン12 - Design Color
  • レスポンシブウェブデザインを作るときのMedia Queries(メディアクエリ)の一般的な書き方2パターン - ディレイマニア

    レスポンシブウェブデザインのサイトを作る際、パソコン用のスタイルから書くか、スマホ用のスタイルから書くかで書き方が違います。 「Media Queries」というものを使ってブラウザの幅に応じて表示を変えることができるんですけど、僕はすぐにその書き方を忘れます。 というわけで、一般的に良く使われる書き方を備忘録がてら紹介します。

    レスポンシブウェブデザインを作るときのMedia Queries(メディアクエリ)の一般的な書き方2パターン - ディレイマニア
  • Web制作者に向けた学習セルフマネジメントのすすめ(現状を把握する)

    このスライドはWeb制作の実務者に向けたプチスライドです。それなりにインプットしているつもりだけど、どうも停滞感があるという方が、その状態をより深く探ってみる際にお役立ていただければ幸いです。Read less

    Web制作者に向けた学習セルフマネジメントのすすめ(現状を把握する)
  • 1