黄金比とは、「1:1.618」という比率のことです。 黄金比は、物事のバランスと調和を最適化し、視覚的魅力を引き出すと言われています。 自然界では、貝殻の螺旋形状などがこの比率で形成されており、モナリザなどの美術品や、エッフェル塔などの建造物にも活用されています。 しかし、具体的にはどのようなものなのか、どのようにデザインに取り入れればよいのかわからないという方も多いのではないでしょうか。 そこで本記事では、黄金比の基礎や、歴史、計算方法、身の回りにある例、具体的な活用方法、などの情報を一挙にご紹介します。 黄金比を活用して魅力的なデザインを作成したい方は、ぜひご一読ください。 黄金比とは、1：1.618という比率のこと黄金比とは、「1：1.618」という比率のことで、数学、美術、自然の中で頻繁に見受けられる特別な比です。 この比率は「黄金分割」とも呼ばれ、ある長さを二分割した時、全体と大

Webマーケやサイト制作界隈で次第に認知されてきている「タグマネージャー」。 Yahoo！タグマネージャーやGoogleタグマネージャなどがありますが、「どのタグマネージャーを使えばいいのか分からない」「導入するといいことがあるの？」「そもそも使い方が分からないから手を出しにくい」と、精神的な導入障壁がとても高いのではないでしょうか。 今回は、タグマネージャーの中でも無料で使用でき、解析ツールなどとも相性のいい「Googleタグマネージャ」について、解説します。 いくつかの導入を経て、導入までの障壁の高さを感じてきましたので、まずは導入までを噛み砕いて解説いたします。 今後、導入を検討されている方の判断、導入の一助になればと思います。 また、アクセス解析にさらに注力したい方は、国内29種のアクセス解析ツールをまとめましたのでご覧ください。（参考：国内29種のアクセス解析ツール一覧） タグマ

スマートフォンサイトのデザインを担当することになったけど、「どういうデザインにすれば良いの？」「PCサイトとどう変えれば良いの？」とお悩みの方も多いのではないでしょうか？ PCサイトと同じようにデザインしたのでは、 サイズも使用環境も異なるために、使い勝手の悪いサイトになってしまいます。 成果を上げるスマートフォンサイトのデザインに最も必要なことは、利用者の「ユーザビリティ」を考えることです。 本記事では、サイト制作やデザインなども含めて幅広くWebマーケティングを担当している私が、スマートフォンサイトで確実に成果を出すために押さえておきたい「ユーザビリティ」の8つのポイントを、初心者の方でも分かるようにご説明いたします。 ぜひスマホサイトの改良に「ユーザビリティ」の視点を活用していきましょう！ スマートフォンサイトを作成する意味まず、そもそもの話にはなりますが、スマートフォンサイトを作成

WEB制作やブログ、プレゼン資料などで、イメージをより直感的に伝えられるイラストやアイコンが欲しいけれど、探すのが面倒なんだよな・・・と思うこと、ありますよね。 今回は、WEB制作やブログ、プレゼン、広告、チラシなど、さまざまなシーンで大活躍間違いなしの、アイコン・イラスト・ピクトグラムの画像、ベクター素材をご紹介します。 全てフリーで、商用利用可能です。 こちらを活用すれば、より豊かな資料作成が無料でできるでしょう。 また、この記事は無料でPDFとしてダウンロードも可能です。写真のフリー素材を探す際にお手元に置いておくのがおすすめです。 【PDF】高クオリティ！商用利用OKのアイコン、イラスト無料(フリー)素材まとめ>>無料ダウンロード 【厳選5サイト】 ビジネスからブログまで幅広く使える無料アイコン・イラスト・ピクトグラム素材がいっぱい！私が普段利用していて便利だな、と思うサイトを5つ

普段からテレビCMなどでよく目にしているキャッチコピー。 ※広告会社向け：テレビCM提案の方法 どれもセンスにあふれていて、すごく魅力的に思えます。 ただ、いざ自分でキャッチコピーを考えようとすると、なかなかいいアイデアは浮かんでこないもの。高い成果を出すキャッチコピーとなるとなおさらです。 資料：キャッチコピーのチェックリスト（無料） しかし、例えセンスがなかったとしても、いくつかのポイントを押さえるだけでキャッチコピーはグッとユーザーの心に刺さりやすくなります。 本記事では、キャッチコピーの作り方について書かれた25個のエントリーを徹底調査し、最も頻繁に紹介されていた７つのテクニックをピックアップしました。 あわせて、サイトのキャッチコピーを変更しただけで成約率がUPした事例もご紹介いたしますので、参考にしていただければ幸いです。 どれも今すぐ取り入れられるテクニックになっていますので

※本記事は2015年3月3日に公開された記事をLISKUL編集部にて再編集したものです。 ユーザビリティを無視した配置になっていないか？ ①一般的な配置か？（奇をてらっていないか？）【失敗例】 （引用：成果が劇的に、簡単に出るサイト改善 10のポイント） ユーザーにとって見慣れた構成にしましょう。「面白みがなくなるのでは？」と思う方もいるかもしれませんが、奇をてらった構成はアクセスを下げる要因にはなっても上げる要因にはなりません。どうしたらユーザーにとって使いやすいページになっているかを意識し、自己満足にならないようにしましょう。 ②視線の流れ（Z型、F型）を意識しているか？ （引用：見やすい・使いやすいレイアウトの為に考えるべき事。｜Basic Design Note） ウェブサイトでは通常「上から下」へ順番に情報を見ていくと思います。人の視線移動には「Zの法則」と「Fの法則」の2つがあ

数年前から注目を集めている企業のTwitterアカウント。成功事例が魅力的で、自分たちでもTwitterを始めてみたけれども思ったよりも盛り上がらない…。 このようなお悩みは、Twitterでのつぶやき方を工夫することで改善されるかもしれません。 今回は、Twitter活用の参考になるノウハウ7個を厳選し、LISKULアカウント(@liskulcom)の実例とともに各ノウハウの効果を解説します。 実際に、LISKULではノウハウ活用によりクリック率が1.3倍に増えました。ぜひ参考いただければと思います。 “バズる”投稿をデータで導く！Twitter運用代行「Enigol」【PR】 Twitter活用のポイント7個と検証結果ここでは、一般的に認知されているTwitterの効果的な活用ポイントをまとめました。 7つの方法を実際に、LISKULのTwitterアカウントにて検証してみましたのでそ

レイアウトとは、テキストや画像などの要素や、家での家具などを効果的に配置するためのプロセスです。 レイアウトを戦略的に活用することで、ビジネスシーンでは相手にメッセージが伝わりやすくなったり、日常生活では生活導線が改善されるなどの効果が期待できます。 しかし具体的には、どのような場合に、何をすればよいのかわからないという方も多いのではないでしょうか。 そこで本記事では、レイアウトの基礎や、関連する原則、レイアウトの流れ、文書・ポスター・家具など様々なシチュエーションでのレイアウトのコツを一挙にご紹介します。 ビジネスシーンや日常生活でのレイアウトにお悩みの方は、ぜひご一読ください。 レイアウトは、テキスト、画像、その他の視覚的要素を効果的に配置し整理するデザインプロセスです。 このプロセスは、情報を整理し、視覚的にアクセスしやすい形にすることを目的としています。具体的には、ページやスクリー

「売上を伸ばすにはどうすればいいの…？」 手軽に始められるようになったネットショップ。 Yahooショッピングの無料化や無料ショッピングカートの登場で、戦国時代と言われるほどに競争は激しくなってきており、運営戦略をしっかり練ることがより大切になっています。 いくら大切だと言われても実際には何をすればいいのか分からないという方も多いのではないでしょうか。 そこで今回は、これからのネットショップ運営で押さえておきたいポイントを、事例をもとに9個に絞ってご紹介します。 事例1：ターゲットを絞って差別化を図る 「まごスマイル」運営方針、いわゆるコンセプトはマーケティングについて考える上で重要な柱になります。 始めにコンセプトが優れている事例として取り上げられているサイトを紹介します。 まごスマイル まごスマイルは、孫を持つシニア世代をターゲットにしたベビー用品のネットショップです。ベビー用品といえ

Google アナリティクスは、Googleが提供している無料で高機能なアクセス解析ツールです。しかし、高機能な故に使い方も複雑で、なかなかうまく使いこなせていない人も多いのではないでしょうか。 この記事では、そんなGoogle アナリティクスの使い方がイマイチピンと来ていない方に、普段無料でGoogle アナリティクスの使い方に関する勉強会を開催しているWebコンサルタントが丁寧にご説明します。 ● Google アナリティクスを使う上で知っておかなければならない用語は何？ ● どういう時にGoogle アナリティクスを使えばいいの？ ● どのページのどの数字を見ればいいの？ など疑問をお持ちの方はぜひ参考にしてみてください。 AIを活用してWebサイトの成果を最大10倍に改善した事例とは？ ※本記事は株式会社WACUL提供によるスポンサード・コンテンツです。 導入方法と初期設定について

ひと昔のサイトを見た時、直感的に「このサイト古いつくりだから、アクティブじゃない」なんて感じることはありませんか？ 近い将来、あなたのサイトもこのように思われてしまうかも知れません。サイトのデザインが古いことは、機会損失につながります。 あなたのサイトが少しでも長く愛されるサイトデザインにするために、本日は最新のウェブデザイン手法である「フラットデザイン」についてお伝えします。 ▼目次 1.フラットデザイン概要 2.フラットデザインのメリット 3.フラットデザインの考え方 －ロゴマーク －フォントの選定 －オブジェクトの作り方 －グリッドのマージンの取り方 4.背景に画像を敷く 5.フラットデザインなサイト事例 6.フラットデザインなスマホサイト事例 7.まとめ 1.フラットデザイン概要近年、IOS7やwindows8のヴィジュアルに「フラットデザイン」というものが導入されています。歴史を

スマホはメニューバーが命！！ スマホでもっとも重要な動作は「タップ」ですが、その重要な役割を引き受けるのがメニューアイコンやリストです。 ユーザが求めるコンテンツにスムーズにつなげられるよう、最適化していくことが必要です。 ただそのデザイン、「なんとなく」のものになっていませんか？ 違和感なくスムーズにコンテンツにつなげるためには、最適なデザインを選択する必要があります。 今回は100のスマホサイトを調査し、その中で代表的な36サイトから7つのメニューデザインに分類し、まとめてみました。 自分のスマホサイトの性質を考えながら、もっとも適切なメニューを探していきましょう！ 100のスマホサイトから見る、 スマホメニューの人気ランキング 上図は、100のスマホサイトをランダムに抽出し、それぞれのサイトで採用されているメニューの割合を調査した結果になります。この結果によれば、一位が圧倒的な割合で

「どうすればこの商材の魅力を最大限に伝えるバナーができるの？」 このような悩みを持つデザイナーさんはたくさんいらっしゃると思います。 よくある「バナーデザインまとめ」のようなサイトを閲覧してもイメージ別のデザイン（配色やフォント）の特徴が見えず、毎回まとめサイトを参考にしていると作業がなかなか進まず、イライラすることもあるでしょう。 そんな方のために今回は訴求したいイメージ別のバナーデザインの特徴をお教えます。 「安心感や信頼感」「誠実さ」「かわいい」「お得感」「先進性」など訴求したいイメージごとに最適なフォントや配色、その他の特徴をまとめて紹介していますので、ご自身が制作したいバナーのイメージに合わせてご覧下さい。 コンバージョンする！高品質なバナー作成方法 【はじめに】デザインイメージ図今回は日本カラーデザイン研究所の配色イメージスケール図をベースとしてイメージ別のバナーデザインをまと

たかが入力フォーム、されど、入力フォーム。 ユーザーが入力フォームに入力しているとき、もう気持ちは「購入します！」「申し込みます！」と決まっているはずです。 しかし、入力フォームが使いにくいために、せっかくの顧客をのがしてしまう可能性があるのです。 サイトへの流入はあるのに成果が上がらない・・・。 フォームPV数とコンバージョン数に差がある・・・。 そんな時には入力フォームを見直すべきかもしれません！ 入力フォームについて書かれている16の記事、サイトを参考に、結局、なにが重要なのか、基本と応用合わせて18のテクニックを厳選し、事例を交えてお伝えします。 入力フォーム改善の威力、条件を知ることで、成果を上げる入力フォームを作ることができるはずです。 失敗しない入力フォームを選ぶ！【LISKUL特集（2019年版）】CVR改善ツール一覧>> ※本記事は2014年7月29日に公開された記事をL

「リスティング広告」と言う言葉は知っているけど、実は細かいことは分かってない・・・なんていうWEBマーケティング担当の皆さま。 今回は、今さら聞くに聞けない「リスティング広告」の基礎から成功するための手法までを「Yahoo!リスティング」を例にとって一気に説明いたします！ これで明日から安心して“分かってない上司”に「あのですね、リスティング広告って言うのはつまり・・・」なんてことも言えるようになるかもしれません。 なお、リスティング広告初心者向けの無料ガイドブックでは、中小・ベンチャー企業でもリスティング広告で効果を出す方法について６０ページに渡り丁寧に解説しています。 無料でダウンロードできますので、興味のある方は参考にしてみてください。 Yahoo!リスティングとはまず、Yahoo!リスティング広告とは一体何なのか？ を代表的な特徴を元に説明します。 1. 掲載場所Yahoo!リステ

「PCやサイトのスマホ版を作ったけど、思うように成果が上がらない・・・」「どうすれば成果の上がるスマートフォンサイトを作れるのだろうか・・・」とお悩みのweb担当者の皆様へ。 その答えは、「UI/UXの改善」にあります。 多くの企業がスマホサイトで成功していない原因としてありがちなのが「PCサイトを安易にスマホサイト風に変換しているだけ」というパターンです。 そのため、スマホとPCの違いを考慮して、スマートフォンでのユーザー行動を意識したUI/UXに改善するだけでも、CVRは簡単かつ速攻でアップするんです！ CVR約160%アップのUI/UX改善事例 そこで、今回はCVRを向上させるためのスマホサイトのUI/UXを改善するためのチェックポイントをご紹介いたします。ぜひ皆様のWebサイトの改善にお役立てください！ サイトUIを改善するための分析手法を知りたい方は、こちらの資料を手元に置いてみ

どうすれば「リッチな」印象のページになる？ ランディングページの製作時、デザインを「こんな印象のページにしたい」というのはあっても、いざ「どんな配色で」「どんなフォントで」「どの程度の派手さで」を決めるとなると、一体どうやったら自社のターゲットに適したデザインに仕上がるのか分からない！ ということはありませんか？ 今回は、「可愛らしい」「真面目で冷静な」「先進的な」「信頼感のある」といったイメージ・印象ごとに、適した配色・フォント等デザインを実際のサイトを例に出してご紹介します。 あなたの「こんな印象を与えたい」という思いをデザインにするとこうなる！ というのを具体的にまとめていますので、デザインの方針を立てる上での参考にしてください。 ※ランディングページ改善に重要な要素を大きく4つに分け（ファーストビュー、ライティング、導線、その他のポイント）それぞれの項目で訴求ポイントのチェックが行

ホームページのデザインっていろいろあって、どれが自分のビジネスにふさわしいものか迷ったことはありませんか？ 個人で事業をやっている方だと、そのような疑問を持つ方も多いのではないでしょうか。 でも実は、業種ごとの王道デザインを知っていれば悩む必要なんて何もないのです。 今回は、全16業種にわたる王道のホームページデザインをお伝えしたいと思います。 外注を活用したホームページデザインの業務切り出しフロー 1. 美容院のホームページデザイン【王道】 おしゃれな髪型の女性の大きめな写真を載せるデザイン 【実例】 Nine9 / ナイン MerryLand 美容室 pukka hair 美容院のホームページデザイン ポイント「おしゃれな髪型をしている女性の写真を載せる」 美容院のホームページの王道デザインは、お店のロゴが左上、メニューがその横にあり、その下には、おしゃれな髪形をしている女性の大き目な

世の中にランディングページに関する記述は無数に存在します。 しかし、情報量が多すぎて探している記事を発見することが困難だと感じている人も多いのではないでしょうか。 そんなあなたのために、過去リスクルに投稿されたランディングページに関する記事を「これから作りたい」「さらに獲得を伸ばしたい」などのステージ別にまとめてみました。 初めてのランディングページ製作や、既存ランディングページの改善の際には、ぜひとも参考にしてみてください。（参考：ランディングページ制作会社の一覧 ≫） ※ランディングページ改善に重要な要素を大きく4つに分け（ファーストビュー、ライティング、導線、その他のポイント）それぞれの項目で訴求ポイントのチェックが行えるシートを無料で公開しています。こちらもご参照ください。 新しくLPを作る方へ│成果の出るLPの作り方ランディングページは作り方次第で成果が2倍3倍と大きく変わります

新たなファン獲得のためにFacebook広告を検討中だが、そもそもどうFacebook広告を出せばファン獲得に効果があるのか分からない、とお困りの方へ。 今回は、Facebook広告をこれから始めたい人に分かりやすく効果的な活用法を、弊社の事例も交えてご紹介いたします。 Facebook広告で成果を上げるために知っておきたい7つのポイント（無料ダウンロード） ※本記事はソウルドアウト株式会社提供によるスポンサード・コンテンツです。 1．Facebook広告で新たなファン層が開拓できる理由Facebook広告を出したいけれど、出しても効果がないのでは…？ いやいや、Facebook広告を出すメリットはたくさんあります。 日本国内Facebookユーザー数は2200万人以上低予算から広告が出稿できる細かな配信設定ができるため、届けたいユーザにのみ広告を表示させることができる何よりかんたんにはじ