ヒアリングシートで要望まとめが簡単便利！目的別テンプレート18選
Web制作をはじめ、クライアントの抱える問題を引き出す際、必要となるのがヒアリングシートです。 最低限、聞いておくべきことをヒアリングシートにまとめておくだけで聞き忘れ防止だけでなく、クライアントの希望・要望を正確に聞き出すことができます。 特にヒアリングシートを初めて作る際、何を聞けば良いのか分からない、という経験をしたことが一度はあるのではないでしょうか。 その場合はヒアリングシートのテンプレートが公開されているので、そちらをベースにして目的別に活用してみましょう。 Webサイト制作用テンプレート 1.WEB制作でクライアントへの確認漏れ対策！自分用・社内共有用のヒアリングシートを使おう https://designmemo.jp/lifehack/web-hearing-sheet.html 一般的なホームページを制作しようと思ったときに使いやすいテンプレートです。 クライアント情報
打ち込むより簡単！保存しておくと便利なCSSスニペット18選
ホームページを製作する際、何度も繰り返し使うコードはスニペットとしてまとめておくと便利です。 スニペットとは「切れ端」「断片」という意味で、プログラミング言語の中で簡単に切り貼りして再利用できる部分のことです。 とりわけCSSは、HTMLやJavaScript以上に、繰り返して使うコードが多いので、そうしたコードをまとめておくとよいでしょう。 今回は、何度も打ち込まなくてもコピペで使える、保存しておくと便利なCSSスニペットをまとめてみました。 スニペットとしてテンプレート化することで、一部分を変えるだけで再利用することができます。 保存しておくと便利なCSSスニペット 1. CSSリセット さまざまなブラウザでデフォルトの表示方法がありますが、それらを同じように表示させるCSSリセットと呼ばれるテクニックがあります。 CSSのリセット化コードはさまざまありますが、画像のレスポンシブ化とm
ホームページにアニメーションを実装するライブラリ＆プラグイン12選
アニメーションは、もはやホームページを作る上で必須の要素と言えます。 単調な動きをする静的なページは、ユーザーの興味がなくなった瞬間に離脱率が劇的に高まります。 一方、少しでもアニメーションを取り入れるだけで、親しみや好感を持つことができるので、ユーザーのホームページに対するエンゲージメントが高まりやすいと言われています。 今回は、眼球を捉えるようなユニークな動きをするアニメーションを簡単に実装することができるCSSやJavaScriptのライブラリをご紹介します。 10年前にはAdobe Flashを使わないと表現できなかったリッチな動きをするアニメーションも、短いコードで実装することが可能です。 ぜひ使いやすいライブラリを見つけてみてください。 ホームページにアニメーションを実装するライブラリ＆プラグイン12選 1. Animate.css https://daneden.github
ユーザーの足跡がくっきり！ホームページ改善に役立つ"ユーザーの行動を可視化"するヒートマップツール29選｜ferret
ferret記事をさがすアクセス解析・広告効果測定ユーザーの足跡がくっきり！ホームページ改善に役立つ"ユーザーの行動を可視化"するヒートマップツール29選 ヒートマップツールは、ホームページの改善で大切な「ユーザー行動を見える化」をしてくれるツールです。実際に訪問したユーザーがどのような動きをしているかを知ることで、ユーザー目線に立ったホームページ運営・改善が可能となります。 ホームページ、ランディングページ（LP）を運営するなら活用したいヒートマップツールですが、無料・有料ともに数多くのツールが存在しますので、なかなか比較が難しいものです。 そこで今回は、ユーザー行動を可視化するヒートマップツールを無料・有料含めてご紹介します。 この記事を参考に導入を検討し、ホームページ運営にぜひ役立ててみてはいかがでしょうか。 (※料金などの情報は2017年4月24日時点でのものです。今後変更となる可
コンテンツSEOに必須のコピーコンテンツチェックツール7選
SEO視点でもオリジナルコンテンツの重要性が高まっています。コンテンツがコピー判定になると検索エンジンからペナルティを課せられることもあり、コンテンツのクオリティコントロールを心配しているSEO担当者は多いのではないでしょうか。 最近は、記事の作成を外注（外部ライター）して作成している企業も増加傾向にありますが、納品された記事がコピーコンテンツでは時間やお金といった大切なリソースを失ってしまいます。 コピーコンテンツを排除するために有効な「コピーコンテンツチェックツール」を使って公開前にチェックをかけましょう。 有料のモノから無料のモノまで様々なツール7つまとめました。 ※2017年8月2日 本文中の内容に一部終了したサービスがありましたので修正を行いました。 1. 剽窃（ひょうせつ）チェッカー http://plagiarism.strud.net/ 剽窃とは、学術の世界で使われるコピー
Twitter（ツイッター）投稿でベストな画像サイズって知ってる？PCにもスマホにも最適な画像サイズとは
Twitter（ツイッター）のタイムラインに流れてくるたくさんの投稿の中でも、一際目立つのが画像付き投稿です。実際に活用している方も多いことと思いますが、実はタイムライン上の画像は元画像をそのまま縮小表示したものではないことはご存知でしょうか。 Twitterでは、タイムラインに表示する際に画像をリサイズすることがあります。そのため、サイズをあまり気にせず投稿してしまうと、特に見せたい箇所が隠れてしまうという結果になってしまいます。 タイムラインは流し見している方も少なくありませんので、よく見えない写真だとスルーされてしまいがちです。画像を綺麗に表示するためにも、投稿する画像サイズを意識しましょう。 今回は、Twitter投稿に最適な画像サイズを紹介します。 Twitter（ツイッター）の投稿画像はPCとスマホでベストの比率が違う TwitterにはPC版、スマホ版があり、各タイムラインで
Photoshop（フォトショップ）基礎チュートリアルまとめ｜やってみたかった表現を完全マスター！
*Photoshop（フォトショップ）*は豊富な機能を持つことから、画像修正だけでなく様々なデザイン現場で使われています。次々にデザインの幅が広がる新機能も増えています。反面、あまりにも機能が多いため初心者にとっては上達が難しいソフトでもあります。同じAdobe社のイラストレーターと比べても、プロでさえ使ったことがないツールがあるという声をよく耳にします。 そこで今回は、Photoshopの練習にも最適なチュートリアルをまとめて紹介します。かっこいいデザインやおしゃれな表現がたくさんあり、写真編集の練習素材として活用できるでしょう Photoshop（フォトショップ）チュートリアル一覧 1.手軽にレトロな写真に加工する方法 https://blog.spoongraphics.co.uk/tutorials/how-to-create-a-washed-out-vintage-matte-
デザイン速度が劇的に変化する！無料のPSDまとめ
「目の前の業務に集中し、思わずデザインを細部までこだわり過ぎてしまった」 このような経験、皆さんも一度や二度、あるのではないでしょうか。このような場合に備えて、ぜひともオススメしたい解決策が"日常的にPSDファイルの素材を活用すること"です。 PSDファイルの多くは簡単に編集が可能で、画像・文字を差し替えるだけでデザイン編集を行うことが可能です。便利なUIキットやテンプレート素材を使えば、いつものデザイン作業を時間短縮することができます。 そこで今回は、無料PSDファイルをまとめてご紹介します。デザインに関連する業務をスピーディーかつハイクオリティでこなすためにも、ぜひお役立てください。 無料で使える便利なPSDファイルまとめ Free Classy Texture Business Card Mockup http://graphicgoogle.com/free-classy-text
スマホサイトのデザインの参考にしよう！デザインをまとめたサービス11選
各調査機関によると、2015年の段階でスマホの普及率は5~7割に上り、うち20代に限っては9割を超えているようです。若年層を中心にスマホは生活に欠かせない存在となり、インターネット利用もPCからスマホへ移行するなか、Web上でビジネスを行うのであれば、ホームページのスマホ最適化は必須です。しかし、スマホ最適化と言っても、自社のホームページの場合、どのような形式が最適なのか、悩まれている方も多いのではないでしょうか。 今回は、スマホ最適化を実施する前に見ておきたいスマホサイトの参考にしたデザインがまとまったものをご紹介します。これからスマホサイトを制作する予定の方、またはリニューアルを考えられている方はぜひ参考にしてみてください。 サイトデザインの参考にしたい 1.スマートフォンサイト集めました http://sp-web.jp/ 新しいスマホサイトが出るたびに更新されているため、最新のスマ
小川卓氏が語る！アクセス解析をビジネス改善に繋げるための5つの手法～使われないデータとレポートからの脱却～
10月28～30日、幕張メッセにて、コンテンツマーケティングをテーマにしたイベント「コンテンツマーケティングEXPO」が開催されました。 本イベントではコンテンツマーケティングに関するサービスを提供されている企業のブースが多数出展された他、豪華講師陣による特別セミナーが行われました。 今回は、その一環で行われた「アクセス解析をビジネスにつなげるための手法」をテーマに、これまでサイバーエージェントやAmazon等で解析を歴任されてきた小川卓氏の講演の様子をお届けします。 次回コンテンツマーケティングEXPOの詳細はこちら 登壇者紹介 小川卓氏 ウェブアナリストとしてマイクロソフト・ウェブマネー・リクルート・サイバーエージェント・アマゾンジャパンで勤務。現在はフリー。解析ツールの導入・運用・教育、ゴールとKPI設計、施策の実施と評価、継続的なPDCA活動に従事。 個人として、ブログ「Real
Webに限らないネットショップの集客方法8選｜ferret [フェレット]
ネットショップを簡単に作れる「BASE」が運用する、ネットショップオーナーのための相談窓口「BASE U」です。 >> 執筆記事一覧はこちら この記事で学べること ・ネットを活用しない集客方法について ・オフライン集客のポイントについて ・集客活動に関する考え方について ネットショップはその名の通り、 インターネット 上にあるお店です。 時間、場所を問わずあらゆる人に見てもらうことができ、話題を集めることができれば実店舗以上に多くの人々に来てもらうことができます。 そのための集客手段としては、や ブログ 、 ソーシャルメディア 、 リスティング広告 などWebを活用したものが効果的でしょう。 しかし、スタートしたばかりの小さなネットショップでは予算も人も限られてしまいますので、Webでの施策だけで効果を出していくのは少し難しい挑戦といえるでしょう。 すでにファンがついていてブランド名がある
![Webに限らないネットショップの集客方法8選｜ferret [フェレット]](https://cdn-ak-scissors.b.st-hatena.com/image/square/fcb5585206d20419964e2be99b91d3f4ac5b96b0/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fimages%2F564be1ba69702d429c9f0500%2Flarge.jpeg%3F1447813561)
コンテンツマーケティングに立ちはだかる最大の障壁！会社や上司を説得する方法とは
新たな集客手段として、オウンドメディアを立ち上げてコンテンツマーケティングを実施したいと考えるWeb担当者の方が増えてきています。 実施するためには基本的に、会社や部署内で企画を通し、承認を得る必要があります。 Webにおけるコンテンツマーケティングは現在のトレンドになってきているとはいえ、リスティング広告などと違って成果が出るまでにある程度時間を必要とする中長期的な手段であることや、まだまだ事例も豊富ではないことから、理解が得られにくく検討段階から先に進まないケースも多いようです。 また、前提としてコンテンツマーケティングは潜在層から顕在層への育成するマーケティングだということを理解している方が少ないが為に、直接コンバージョンが発生しないから取り組みをやめるといったケースも多くなっています。 今回は、コンテンツマーケティングを実施したいWeb担当者が会社や上司を説得するための方法について
デザイナーなら持っておくだけで得する無料パターン素材60選
季節、トレンドに合わせてホームページの背景、パーツを変えている企業も多くありますが、全ての素材を一から作成するのは結構な手間がかかります。 そこで重宝するのが、指定した範囲に好みのデザインを適用することができるパターン素材です。 パターン素材を使えば一瞬にしてデザインを変更することが出来ますので、見た目の変化をつけてくれるだけでなく大幅な時間短縮にも繋がります。 今回は、無料で使うことが出来るパターン素材を60個ご紹介します。 どの素材も非常にクオリティが高いので、ぜひデザイン制作時に取り入れてみてください。 高品質な無料パターン素材まとめ 1.Patterns .23 http://jonatica-andi.deviantart.com/art/Patterns-23-93684999 優しい色使いと繊細な模様が素敵なパターン素材のセットです。 2.21 FREE VECTOR GEO
意外と面倒なtableがコピペで簡単に実装できるサンプルコード19選｜ferret [フェレット]
コーディングする際に、何気なく重宝するコードがtableです。 そんなtableですが、コーディングしていると乱雑になってしまったり少し凝ったデザインにしようしても、いまいちと感じてしまうことが多々あります。 今回は、オシャレなtableが簡単に実装できるCSS3のサンプルコードをご紹介します。 コピーペーストで簡単に使えますので、ぜひホームページのデザインに取り入れてみてください。 コピペで使えるtableのサンプルコード19選 1.CSS3のセレクターで作るストライプテーブル http://ascii.jp/elem/000/000/462/462099/ 汎用性の高いシンプルなストライプテーブルを作ることができるサンプルコードです。 CSS3のセレクターを使って、行・列ごとに背景色が違う典型的なテーブルをデザインします。 以前のCSS1、2の場合だと背景色を変えるのは結構手間がかかっ
![意外と面倒なtableがコピペで簡単に実装できるサンプルコード19選｜ferret [フェレット]](https://cdn-ak-scissors.b.st-hatena.com/image/square/ca6debb0b5ba0d5e0ad9cd8ecd16e993b6da81a8/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fuploads%2Farticle%2F2250%2Fog_image%2Fdefault-e58901a600c33a043330366875957445.jpg)
Googleアナリティクスの機能「コホート分析」とは？
2015年2月より、Googleアナリティクスに「コホート分析」という機能が追加されました。 皆様がお使いのGoogleアナリティクスアカウントの管理画面にも、下記のような項目が追加されているのではないでしょうか。 「ユーザー」項目の中に表示されます。 コホート分析を駆使すると、自社ホームページに訪れたユーザーの定着率を計測することができるため、リピーター獲得施策を考えるうえで非常に有用です。 今回は、コホート分析について理解が深まる記事を厳選してご紹介します。 1.一般的なコホート分析の定義 まず、「コホート分析」はGoogleアナリティクス独自のものではなく、古くから使われている分析手法です。 「コホート」とは「同じ性質を持つ集団」を意味し、「コホート分析」は年齢・時代・世代の3つの要素で分けられた集団の行動の変化を分析します。 例えば団塊世代のコホート分析をすることで、団塊世代の変化
デザイナー必見！SimilarWebでバナーからランディングページまでのデザインを調べる3ステップ
SimilarWeb PRO版を使えば、ディスプレイ広告で集客に成功しているホームページがわかります。さらには、そのバナー広告のデザインやランディングページまで、すべてといかないまでも調べることが可能です。 本記事では、ランディングページの精度向上に役立てるSimilarWeb PRO版（有料版）の使い方を解説します。 参考リンク：SimilarWeb（シミラーウェブ） バナー、ランディングページのデザイン調査の流れ 1.ディスプレイ広告でのトラフィックランキングを調べる。 2.そのホームページのバナー広告を調べる。 3.実際のランディングページを探す。 ランディングページは、キャンペーンなどに使われることが多いものです。ですから、この手法は、ディスプレイ広告での集客に力を入れているところはランディングページを持っているだろうという仮説に基いて調べていきます。 さすがに売上など実際の成果ま
キャッチコピーとは〜刺さらせるために有効な9メソッドと秀逸事例まとめ
ferret編集部：2014年11月27日に公開された記事を再編集しています。 リスティング広告やメルマガのタイトル、バナー広告など、いろいろな場面で必要とされるのがキャッチコピーです。 世の中の流通する情報量が爆発的に増えている今、一瞬で商品の特長や伝えたいことを表現するキャッチコピーの重要性は日に日に高まっています。 今回は、それらを学習できるサイトを集めポイントを書き出してみました。 ぜひ、みなさんのアイデアの引き出しとしてご活用下さい。 キャッチコピーの作り方 1.何を誰に伝えるのかを明確にする キャッチコピーを作成する時にはまず「誰」に「何」を伝えたいのかを明確にする必要があります。ターゲットが明確でないキャッチコピーは誰にも刺さりません。まずは自社のターゲット像をできるだけ詳細に設定してみましょう。 例えば Web担当者必見！いまさら聞けないアクセス解析の基礎を徹底解説 このよ
3C分析とは？目的とやり方をマーケティング事例付きで解説【テンプレートあり】
目次 3C分析の概要・目的 3C分析を行うべきタイミング 【テンプレートあり】3C分析のやり方 3C分析の注意点やポイント 3C分析と4C分析・ 6C分析の違いは？ 3C分析の事例 3C分析の情報収集に使えるツール3選 3C分析を活用して事業の戦略や方針を決めよう 3C分析とは？わかりやすく解説 3C分析とは、マーケティング環境を分析するためのフレームワークのひとつです。外部環境や競合の状況から事業のKSF（Key Success Factors：成功要因）を導き出し、事業を成功に導くために用いられます。 Customer：市場・顧客 Competitor：競合 Company：自社 上記の3つの視点で分析を行うため、頭文字を取って「3C分析」と呼ばれます。 市場や顧客のニーズの変化、競合の状況、自社が成功できる要因を明確にすることで、求められている製品・サービスの考案に役立ち、マーケティ
ホームページ運営に欠かせない！ペルソナの設定方法とは？
Webマーケティングを行ううえで最も重要なことは「ターゲット」の選定です。 ターゲットが定まると、どのような集客手段が合っているのか、どのようにアピールすればいいかが決まりやすくなります。 そのターゲットを明確にするために、「ペルソナ」と呼ばれる架空のターゲットユーザーを構築すると、よりターゲットに対する理解を深めることが可能になります。 どのようなホームページでも自分たちの顧客はどんな人なのかを決めることは重要なことです。ペルソナの設定は、ターゲットを定めるだけでなく、自社の強みや弱みも知ることもできますので、必ず行いましょう。 今回は、ペルソナ設定の為に必要な要素を紹介し、設定項目の一例をご紹介します。 ペルソナを定義されていないWeb担当者様や、これからホームページを立ち上げる方はぜひ参考にしてみてください。 ペルソナとは？ 「ペルソナ」は、元々は心理学者のユングが「人間の外的側面」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
