ランディングページは、1ページという限られたスペースの中でユーザーのニーズを喚起し、アクションを起してもらう必要があります。 ただホームページを短くまとめただけ、という認識をもたれている方も多いと思いますが、決してそうではありません。少ない情報をどう取り入れるかが重要となるため、ただ何となく作っただけでは思うような成果は出ません。 そこで今回は、ランディングページを作成する際に必ず気をつけたい注意点をまとめてご紹介します。これから作りたいと思っている方はもちろん、成果が出ないと悩んでいる方も参考にしてみてください。 ▼成果の出るLPデザインのポイントをまとめた資料はこちら ランディングページについてのおさらい ランディングページ（landing page）とは、ユーザーが検索エンジンか広告などから最初にアクセスしたページのことを指します。「LP」とも呼ばれています。 一般的なWebページと

デザインに関わる業務で、必ず必要になるのが画像素材です。 著作権フリーで、クライアント向きの商用利用にも利用できるのが嬉しいとか、海外のフォトストックサービスなのでオシャレでデザイン性のある写真素材が豊富だとか……。 できることであれば、無料かつ高品質な画像素材を使いたいというのが、誰しもが思い描く想いではないでしょうか。 そこで今回は、そんな時に、ぜひともオススメしたいフォトストックサービスをまとめてご紹介します。 マーケ思考のデザイナーは強い！ 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向けての資料です。成果を出すデザインにするために心がけたいポイントを制作前、制作中、提出と修正、公開後の効果検証まで一連の流れに沿ってまとめています。 画像点数も、カテゴリー数も豊富！太鼓判のフォトストックサービス一覧 1. PhotoP

Webサイトの表示速度をアップさせる上で、JavaScriptやCSSなどWebサイトの構成要素を圧縮することは重要な解決策の一つです。圧縮とはソースコード中のコメントや改行を削除し、ファイル自体をコンパクトにする作業です。圧縮することで処理を高速に行えるようになります。 Googleが"ページ表示速度を検索順位評価要素に入れている"ことを公表していることもあり、Webサイト構築・運営に関わる担当者にとって「表示速度の向上」は放置できない課題といえます。 今回は、Webサイトの高速化に欠かせないJavaScript/CSSの圧縮ツールをその活用法とともにご紹介します。 JavaScript/CSS圧縮ツールを使うメリット 一般的にWebサイトの表示処理速度が遅くなる要因として、以下の3つが挙げられます。 1. Webサーバのハードウェア的なパフォーマンスが悪い 2. ネットワークが遅い 3

Home WordPress ドラッグ＆ドロップで簡単にレイアウトできるWordPressの無料プラグイン「Elementor Page Builder」 「Elementor Page Builder」は無料で使えるプラグインの中ではダントツかもしれない WordPressのプラグインで、ドラッグ&ドロップでレイアウトしていけるものは多数あります。 無料で使用できる公式ディレクトリのプラグインの中にも「Page Builder by SiteOrigin」や、Beaver Builder（Liteバージョン）があります。 有料だと「Visual Composer」や「Beaver Builder」や「The Divi Builder」などがあります（まだまだあります）。 そんな中、無料なのにかなり使えそうなプラグイン「Elementor Page Builder」が出てきました。 ページ

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

この記事は2016年3月27日の記事を再編集しています 多くのホームページに導入されているレスポンシブデザインですが、レスポンシブ化することによってどのようなメリット、またはデメリットが発生するか把握できていますか？ 「Googleが推奨しているから」、「流行しているから」、という単純な理由でレスポンシブデザインを導入するのではなく、長所短所を見極めたうえで、自社のホームページに最適だと判断したうえで利用するのが良いでしょう。 今回は、レスポンシブデザインのメリットとデメリットを解説します。 レスポンシブデザインとは そもそもレスポンシブデザインとは何を指すのでしょう。 Googleは、 ユーザーの デバイス（パソコン、 タブレット、モバイル、非視覚的 ブラウザ）に関係なく、同じ URL で同じ HTML コードを配信しますが、画面サイズに応じて（つまり「レスポンシブ」に）表示を変えること

どうも〜こんにちはぁ！最近カナダから日本に戻ってまいりましたライター、のび太です。いや〜やっぱり日本はいいですね～。なんといっても牛丼が安くてウマい！！ さて、LIGではこれまでWeb制作者にとって役に立つ様々な記事が公開されましたが、かなり数も増えてきたので、今回はそれらを分野別にまとめてみました。 時間のない方も、ぜひ一旦ブックマークなどをしておいて、週末なんかに一気に読んでもらえたらいいと思ってます。この機会にWeb力向上を目指しましょう！ Web制作者に役立つ記事ジャンル別のまとめ Web制作者にとって便利ツールは欠かせませんよね〜。作業時間が何十、何百分の一にも短縮されることもあると思います。場面によって適切に使い分け、どんどん効率化を図っていきましょう。 ■Windowsユーザー必見！普段使い＆制作に役立つ便利ツール5選 https://liginc.co.jp/web/too

こんにちは。2007年創業のWeb制作会社、株式会社LIGの内藤です。 これからWebサイトのリニューアルを検討しているけど、どうやって進めればよいのかわからない……という方に向けて、Webサイトのリニューアルの手順を9ステップで解説します。加えてWebサイトリニューアルの基礎知識や、参考事例もご紹介していきます。 💡成果が出たサイトリニューアルの事例も最後に紹介 公開後3ヶ月で前年の問い合わせ数を突破 ECサイトで離脱率を4%改善 限界を感じていたCVRが大幅改善 など多数紹介！ →事例を見てみる 【前提】失敗しないためには目的が重要 サイトリニューアルを考えるにあたって何よりも重要なのが、リニューアルの目的を決めることです。具体的には、全体的なマーケティング施策の中で、Webサイトをどう活用したいのか明確にしておくと、リニューアルに失敗するリスクはぐっと下がります。 「デザインが古く

弊社のスタッフはフロントエンドの開発にとどまらず、デザインを制作する機会も少なくありません。弊社に限らず、近年職種を問わずデザインを扱う機会が増えているように思います。しかし、コンテンツ要素が整理整列されていなかったりテキストのカーニングがされていなかったりと、基礎的なことができていないようなケースも多く見られます。基礎的な部分が押さえられていないと、野暮ったさや素人感が出てしまいイマイチな仕上がりになってしまいます。 今回はそういった方に是非読んでもらいたい記事を、すぐにでも実践できる内容を中心にピックアップしました。Webサイトやアプリケーションのデザインだけでなく、企画書やプレゼンテーション資料の作成などでも応用できるものなので、どなたでも覚えておいて損はないと思います。 フォント選び フォントの基本的な選び方 | Arch ▲フォントの系統から書体、ウェイトの選定方法まで、ユーザー

今回のWebデザイン10選定では、「背景に動画を大胆に使った日本のサイト」に続き、1カラムサイトを取り上げてみようと思います。マルチデバイス対応、モバイルファースト、ミニマルデザインなどの流れの中で、従来の主流であった情報量満載の2カラム、3カラムのサイトではなく、すっきりした1カラムのサイトを目にすることが多くなりました。 シンプルな作りで導線がわかりやすく、スマートフォンで見た場合でもPCとあまり見た目が変わらないなどメリットの多い1カラムサイト。自社サイトにもぜひ取り入れたい、と考えている方も多いのではないでしょうか。そこで今回は、そんな方々の参考になりそうな1カラムサイトを10サイト、厳選してご紹介します。 参考にしたい効果的1カラムサイト事例 Dyson http://www.dyson.co.jp/ 業種：家電メーカー サイトの目的：ダイソンの企業と商品の紹介 サイトの特徴：コ

この記事は2015年10月22日に公開された記事を再編集したものです。 デザイン作業に慣れてくると、どうしても自分の癖が出てしまい、似たようなデザインばかりになってしまいがちです。特にWebデザインのパーツは、毎回同じようなデザインを作ってしまうことも少なくありません。しかし、自分が持っているアイデアだけでは、なかなか新しいデザインは浮かんでこないものです。 そこでオススメしたいのがギャラリーサイトです。その中でもパーツごとに収集したギャラリーサイトは、デザインの「部分」だけでも参考にすることができるため非常に便利です。デザインアイデアが欲しい時こそ、多くのヒントが詰まっている素材サイトを活用しましょう。 今回は、Webデザインのパーツをまとめたギャラリーサイトを36個まとめてご紹介します。 ※サイトによっては素材やソースコードなどを配布・掲載しているものもあります。ご利用の際は、必ず利用