競合が多い東京駅界隈。ドクター1名でやっている矯正歯科が医院の強みを活かしたコンテンツマーケティングを行った結果、1年半でPV数30倍、Web予約数10倍を達成。その際に行ったコンテンツ作成ノウハウを公開します。 矯正歯科の背景本事例は、競合が多い東京駅から徒歩3分にある、矯正歯科専門の歯医者さんです。通常の虫歯の治療は行わずに、矯正歯科を専門に行っています。2012年に開業し、来院のほとんどが口コミや一般歯科からの紹介で、開業と同時にWebサイトもオープンしていましたが、アクセスは少なく、Webサイト経由での予約は月に数件のわずかなものでした。 口コミや一般歯科医に紹介されて来院する方の満足度は非常に高く、また他院で行っている治療に満足がいかずセカンドオピニオンとして来られる方もいました。高い技術や診察眼を買っている人は多かったのですが、開業してまだ数年で、その知名度を広める術がありませ

スクリーンショットにコメントをつけてシェアできるツールWebサイトに修正指示を出す時、どんなツールで、どのようにシェアしていますか？該当ページのスクリーンショットを撮影し、その画像に指示を入れていく…という方が多いかな、と思います。今回はWebサイトの制作者のみならず、制作者に指示をだす人や、クライアント側も使える、修正指示がグンと楽になりそうなツールをいくつか紹介します！ AUN[あうん]AUN[あうん]はふせん紙の感覚で Web サイトや画像にコメントを残し、共有できるツールです。登録不要！無料で気軽に利用できるところが魅力的。対象となる Web サイトの URL を入力するだけでスクリーンショットを撮影でき、指示やコメントを残していけますよ。さっそく試してみましょう。 サイトから URL を入力し、読み込みが終わると、画面をトリミングするかどうかの選択画面が表示されます。読み込んだス

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

Webサイトのデザインの方向性決めというのは、検討が長引いたり、スケジュールの遅れに繋がったりする要注意ポイントの一つです。弊社も例外ではありませんが、一方で、デザインに至った過程を丁寧に解説することで、スムーズに進めることは可能であるとも感じています。ここでは、デザインコンセプトを自然に理解していただくために弊社が行っている提案方法を共有しようと思います。 以下のスライドは、実際に使われたスライドです。公開用に細部は少し変えましたが、内容はほとんどそのままです。 クライアントは、株式会社マネジメントサービスセンター（以下、MSC）という企業の人事戦略や人材育成の支援を行っているB2B企業です。ターゲットは人事部や経営層などで、前段として戦略、設計が完了し、ベースとなるデザイン案を初めて提案する際に使ったものです。こちらを元に、ステップごとに細かな解説をします。（スライド中に出てくる検討プ

今月盛り上がりを見せているInstagramキャンペーン事例をまとめてご紹介！ こんにちは、SMMLabの赤松です。 毎週お届けしている“話題のソーシャルメディアキャンペーン事例”。 今回は、“Instagram”を活用したキャンペーンをピックアップ！ ■おさらい・・Instagramとは？ ・写真や動画をアート作品のように、フィルタ加工できる画像共有スマホアプリ。 「フィルター加工した写真＋ハッシュタグ」が20代女性を中心に人気。 ・MAU（Monthly Active Users・月間アクティブユーザー数）： 全世界で3億人を突破！(アメリカ以外のユーザーが70%以上) ・1日に投稿される写真は、平均約7, 000万枚 参考：http://business.instagram.com/ 企画内容や「話題」となったポイント、マーケティングプランを参考に、人気・拡散されるコンテンツの秘訣を

デザインのこつが分かる！確実に身につけておきたいプロ直伝の50のデザインテクニック -Pro Design Tips

毎年恒例「はてなTシャツ」の2015年バージョンの販売を開始します。今年は「はてなロゴ」「はてなブログ」「はてなブックマーク」「B!KUMA」「Mackerel」の5つのデザインからお選びいただけます。 2015年バージョンでは、初の試みとして「B!KUMA」Tシャツ限定でガールズサイズもご用意しました。 ぜひはてなの公式ストア「Hatena Official Store」をのぞいてみてください。（発送は2015年8月上旬以降の予定です） プレゼントキャンペーンを実施します！ はてなTシャツ2015の販売開始を記念して、プレゼントキャンペーンを実施します。応募方法は、この記事をはてなブックマークに追加するだけ。ぜひご参加ください。 はてなブックマークに追加して応募する キャンペーンは終了しました。たくさんのご応募、ありがとうございました。 キャンペーン概要 応募期間 2015年7月9日（木

と呪文のように書いてきたが、いい加減ちゃんと整理して理解しよう。 いろいろ調査した結果、以下の考え方で理解できると思う。 まず、実際の液晶の解像度は一旦忘れろ。 <meta name="viewport" content="width=480">と指定したとする。 するとそこに幅480pxの仮想的なウインドウが作られる。幅480pxの液晶モニターがあることをイメージして欲しい。これをviewportと呼ぶ。 ブラウザはviewportにレンダリングする。viewportの中では、あたかも本当に480pxのモニターを使っているかのような環境になっている。なので、JSのdocument.documentElement.clientWidthなんかも480を返すし、media queryの条件判定でも480pxの画面幅が使われる。 次にviewportを実際の液晶画面に表示する。この時、view

こんにちは、NHN Japanのマッチングサービス事業部でマーケティングを担当しているotakeです。 今回は担当サービスの運用業務と並行して出稿も担っている忙しいディレクターさんやこれから出稿業務に携わる方のために、チャッチャと読んで現場ですぐに使える実戦的なナレッジの一部を「バナー広告制作の基礎知識」として書かせていただきます。 当事者意識を持たせるAttentionを考える ユーザーの購買行動において、バナー広告が担うポジションはAttention（注意）喚起にあたりますが、一般的にバナー広告は誰に注意を促すものなのでしょうか。 検索から目的を持って能動的に何かを探しているわけではないが、潜在的な関係性を秘めているのがバナー広告の対象となる潜在層。ここに位置する対象には”この広告はあなたに関係あるものです”、”おそらくあなたの話です”といった潜在欲求に気づきを与える「当事者意識を高め

ハンバーガーメニューは「メニューだとわかりづらい」と言われることも多いですが、特にスマートフォンサイトなどでは実装する機会はやはり多くはなってきているので、今回はそのハンバーガーメニューをクリックした時（メニューが展開しているときなどのアクティブ時）のエフェクトをCSSで実装したサンプルをまとめました。 よく見る「×」のようなクローズボタンに変化するものから矢印に変化するものまで全12種類あります。

フィリピンのSEO/デジタルマーケティング会社「leapfrogger」が「The Ultimet SEO Checklist」（ザ・アルティメット・SEO・チェックリスト）を公開しています。 SEO対策において必要なチェック項目を、 リサーチ ページ内のSEO ページ外のSEO その他 の４項目に分けてインフォグラフィック形式でまとめています。ちなみにかなり縦長の画像でちょっと載せきれないため、リンク先で確認してください。 SEO対策で結果を出すためにはやることがたくさんありますが、このチェックリストを見れば抜け漏れが無いかザッと確認する事ができます。 中には海外でしか通用しないノウハウも含まれていましたが、普通に全国共通でチェックすべき項目を日本語で紹介させてもらいます。 こういうSEOのタスクをチェックリスト化したインフォグラフィック、僕もいつか作りたいなと思っていたのですが、こっち

.htaccess とは.htaccess のルールファイル名コメントアウト文字コードと改行httpd.conf転送と有効範囲正規表現Apache のモジュールと .htaccess で利用可能なディレクティブモジュールとディレクティブ一覧HTTP環境変数後方参照RewriteRuleの後方参照RewriteCondの後方参照まとめ.htaccess とは[1] Apache HTTP Server Webサーバソフトウェアが "Apache" である必要があります。 .htaccess とは、Webサーバの動作を制御するための設定ファイル [1] です。設定例としては、特定のファイルやディレクトリのアクセスを禁止したり、HTTP 404(Not Found：未検出)エラーページをカスタマイズすることもできます。.htaccess は設置しなくともWebサイトは問題なく動作しますが、セキュ

造ったそばから車が売れていくーー。「スバル」ブランドの自動車メーカー、富士重工業は絶好調の米国市場で贅沢な”悩み”を抱えている。 2014年に新型モデルに刷新した主力のSUV（スポーツ多目的車）の「アウトバック（日本名：レガシィ アウトバック）」は、発売直後から品薄状態が続く人気ぶり。富士重工業の吉永泰之社長によれば、4月の米国販売は約1万2500台（前年同月比17.6％増）だったが、全米のディーラーの在庫は4400台。つまり、たった10日分の在庫しかなかった。スバル全車種の平均在庫日数は20日強だから、アウトバックは極端に少ない。 「まったく足りないと言われている」 契約を済ませて納車を待つ日本のユーザーと違い、米国のユーザーは店舗にある車をその場で購入して乗って帰る習慣がある。売れ筋の在庫が不十分だと販売機会の損失につながりかねない。現地のディーラーからは「まったく足りないと言われてい

フォーム周りでCSSを使ってスタイリングしていく際に、個人的によくど忘れしてしまうものや便利だと思うプロパティやスニペットをまとめました。 全体的に普段からCSSをよく触っている人にとっては特別目新しいものはないかと思いますが、まだCSSを触り始めて間もない方やこれからCSSを触ってみようという方は覚えておくと便利だと思うのもいくつかあるので参考にしてみてください。 紹介している内容はブラウザ（特にIE9以下）によっては使用できないものや表示確認ができないものもいくつか含まれています。 各要素のデフォルトスタイルを削除 フォームで使用するinputやtextareaなどの要素はブラウザやデバイスによって見た目は異なりますが、予めボーダー・グラデーション・角丸といったスタイルが適用されています。 特にこだわりがなければこのまま使用したり、多少手を加えるだけということもありますが、異なるブラウ

ゲームを起動するたびに流れるタイトルムービー、実際にゲームをプレイし、その世界を冒険するにつれて、『時のオカリナ』のすべてが、その一分半に満たないムービーに、そこにある空気に集約されていくのを感じることができる。 ゼルダの伝説 時のオカリナ オープニング - YouTube ゲームのタイトルにしては、異様なほど暗く、静謐な幕開け。月が沈み、愛馬エポナの足音が静けさを強調する。移り変わる空の色合い。タイトルのロゴが浮かび、朝もやをかき分けながらリンクが平原を駆ける。オカリナの澄んだ音色が、世界に染みわたるように響く。 比類のない美しさ、深さ、気高さ、質感。当時にしては革新的だったとしても、『NINTENDO64』の限られた容量で、テレビに近づけばドットが判別できるほどのポリゴンで、雑味の混ざる電子音で、どうしてこのようなことが出来たのだろうか？ このムービーだけを見てもピンとこないかもしれな