タグ

ブックマーク / directorblog.jp (14)

  • livedoor ディレクター Blog

    2013年12月19日 ディレクターが考える「もし○○が終わらなかったら」〜LINEディレクターブログ締めます〜 カテゴリ:ディレクション Web Director Meetupが今年も開催されます。イベント実施にともないLINE株式会社では会場提供させていただきます。 イベントについては公式サイトをご覧ください。 Web Director Meetup 公式サイト ※イベントはボランティアによるWeb Director Meetup運営実行委員会によって運営されています。 日時や場所 【日時】 2013年12月12日(木)19:00開場 19:30開演 22:30終了予定 【場所】 LINE株式会社 オフィス内カフェスペース 〒150-8510 東京都渋谷区渋谷2-21-1 渋谷ヒカリエ 27階 Access: 東急田園都市線、東京メトロ副都心線「渋谷駅」15駅出口直結 東急東横線、J

    livedoor ディレクター Blog
  • コンバージョンを意識したページクリエィティブの当たり前10項

    はじめまして。昨年末ライブドアに入社しました阿部です。 入社してまだ日が浅いということで、今回は前職でのナレッジを一部ご紹介したいと思います。 前職ではアフィリエイト広告を主軸としたWeb専業の広告代理店で、Webプロモーションのディレクションを担当していました。 アフィリエイト広告の特性上、例えばランディングページ(以下LP)であればコンバージョン(成約)を意識したクリエィティブであることが重要です。なぜならクリエイティブの視点からもコンバージョンを意識する事で、目に見えて広告効果が改善されるからです。 そしてコンバージョンを意識したクリエィティブは、アフィリエイト広告のLPに関わらず、多少なりともコンバージョンアップに気を配るページであれば、流用可能なものばかりです。そのため、知っていて損の無い10項だと思われます。 当たり前の事柄ばかりを集めましたので、現在のLPに漏れが無いか、宜し

    コンバージョンを意識したページクリエィティブの当たり前10項
    inthesoup
    inthesoup 2012/02/02
    通常1ページの縦スクロースは、最長2.5スクロールまでが適切と言われます。
  • ディレクターなら知っておきたい「バナー広告制作の基礎知識」 : LINE Corporation ディレクターブログ

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

    ディレクターなら知っておきたい「バナー広告制作の基礎知識」 : LINE Corporation ディレクターブログ
  • ディレクターの日常業務で役立つGoogle Chromeのアドオン10個 : LINE Corporation ディレクターブログ

    ディレクターの渡邉雄介です。 皆さんは仕事中にどんなWebブラウザを利用していますか? 私の周りは一昔前はFirefoxが多かったのですが、最近はGoogle Chromeをメインで使っている人が増えてきた気がします。 Webブラウザのシェアを調べてみると、10月時点で国内ではChromeが2位のFirefoxに迫る勢い (世界的にはすでにFirefoxを抜いて2位) ということで、今後のWeb開発においてはChromeの存在も無視できない存在になってきたのではないでしょうか。 ※参考: ChromeブラウザシェアがFirefoxを抜いて2位に!IEを抜いてシェアトップになるのは2012年5月中旬頃の予想 | Chrome Life 私自身も1年ほど前にメインで使うブラウザをFirefoxからChromeに変えました。以前はFirefoxほど便利なアドオン (機能拡張) がありませんでした

    ディレクターの日常業務で役立つGoogle Chromeのアドオン10個 : LINE Corporation ディレクターブログ
  • Webディレクターが社会人1年目のころの自分に伝えておきたい9つのこと : LINE Corporation ディレクターブログ

    こんにちは、ポータルグループでWeb広告の制作を担当している阿部です。 ◆はじめに 先日、個人のブログで「今だから分かる、社会人1年目のころの自分に伝えておきたい、7つの大切な心がけ」というエントリーを書いたところ、何件かリツイートしていただいたり、Facebookの「いいね!」をしていただいたりと、一定の関心をいただきました。 せっかくなのでTipを2つ加え、Webディレクターにフォーカスして追記したものを紹介させていただきます。 1. 無口は"思慮深さ”ではなく、"無能”を演出する 先輩、上司はそもそも、新人にグッドアイデアや正論などを期待していません。期待しているのは、新人が何を考えているのか知りたいということと、経験の少なさからくる慣習にとらわれない意見だったりします。そして、会議で熟考していても "思慮深い人” とは受け取ってくれません。"何を考えているのか分からないやつ” ある

    Webディレクターが社会人1年目のころの自分に伝えておきたい9つのこと : LINE Corporation ディレクターブログ
  • 今どきのWebディレクターなら避けては通れないAPIの勘どころ : LINE Corporation ディレクターブログ

    こんにちは。ライブドアのモリウチです。突然ですがWebディレクターのみなさん、「WebAPI」を使った企画や設計をしていますか? APIとは「Application Programming Interface」の略で、特にWebAPIとはあるプログラムが、別のシステム (Webサービス) が持っているデータのCRUD (読み書き削除) や、一連の処理 (機能) の利用を可能にするための技術です。 WebAPIの活用の普及に貢献したのは2005年のGoogleMapAPIでしょう。 WebAPIは、登場当初は地図情報や、都道府県やジャンルなどの静的な情報を取り出して利用することが主流でしたが、最近ではTwitterやFacebookのように利用ユーザーからの許可を受けてユーザーの個人データやソーシャルグラフを取り出して利用したり更新したりできるようなWebAPIが一般化してきました。そして

    今どきのWebディレクターなら避けては通れないAPIの勘どころ : LINE Corporation ディレクターブログ
  • 【スマホ集中連載 第4回】 "HTML5とCSS3で何ができる?" 〜メリット・デメリットを徹底研究! : LINE Corporation ディレクターブログ

    ※この記事はChromeで見るのがおすすめです。 こんにちは。新規開発グループ ディレクター兼マークアップエンジニアの浜です。 スマホ連載の第4回目は、HTML5とCSS3という実装寄りの内容になります。とは言っても難しいコードはあまり出てきません。「HTML5とCSS3で何ができるのか」という事をメインに、知っておくと、構成書を作る時のアイディアベースになったりデザイナー・マークアップエンジニア(コーダー)と打ち合わせをする際に話しやすくなる内容をお送りします。 記事のアウトラインは以下です。 そもそも、HTML5とCSS3ってもう使えるの? HTML5とCSS3を使うメリットは? HTML5とCSS3で何ができるの? そもそも、HTML5とCSS3ってもう使えるの? 使えます。 (※ここから先は、その根拠について説明します。必要ない方は、次の章に飛んでしまっても構いません) 現在のスマ

    【スマホ集中連載 第4回】 "HTML5とCSS3で何ができる?" 〜メリット・デメリットを徹底研究! : LINE Corporation ディレクターブログ
  • サイトのリニューアル時に必要不可欠な課題の見つけ方 : LINE Corporation ディレクターブログ

    はじめまして。ジェイ・リスティングの井上です。 コーポレートサイトのリニューアル、弊社新広告サービスの JLISTING Ads サービスサイトのディレクションを担当し、日(2/1)、共にサイト公開となりました。 今回は、コーポレートサイトのリニューアルにフォーカスを当て、メンバーの想い・要望を知り、意識を共有するために、どういった形で要望を引き出し、まとめたかという点についてお話しさせていただきたいと思います。 課題を知る 関係者の想いや、要望を知り、意識を共有するためにはヒアリングが必要です。しかし、現在のコンテンツを把握していないことには、関係者へのヒアリングすらできません。まずは、ヒアリングを効果的に進め、この案件を無事に成功させるためにも現状分析が必要です。 現行サイトのコンテンツマップを作り、コンテンツのカテゴリー分けと導線の確認を進めつつ、サイトを見ていて気になったことや、

    サイトのリニューアル時に必要不可欠な課題の見つけ方 : LINE Corporation ディレクターブログ
  • ケータイサイトのtableタグの特徴と、5つのデザイン例&ソース : LINE Corporation ディレクターブログ

    ※文中のケータイ livedoorのPVに誤りがあり、修正いたしました (2010/9/22) こんにちは、『プチペット』を担当している吉沢です。 Webサービスのケータイ対応がやっと当たり前になってきたかと思ったら、今度はスマートフォンの対応と、モバイル業界の時の流れはものすごく速いですね。 そんな中、ケータイは新しい端末のシェアが増えていく度に、サイトで表現できる自由度が高くなり、単に作るだけではなく、デザインで差をつける時代が来ています。 それが読み取れる世の中の動きとして、たとえばモバイルデザインアーカイブさんは、年鑑が出るくらい書籍・サイト共に人気ですよね。また、ちょっと前に発売された書籍『ケータイサイト解体新書 デザインパターンから理解する実装テクニック』は、いろいろなデザインパターンからHTMLを引けるため、デザインをする上でとても参考になります。 携帯サイト年鑑2010 著

    ケータイサイトのtableタグの特徴と、5つのデザイン例&ソース : LINE Corporation ディレクターブログ
  • ランディングページをおざなりにしないために最低限実施しておきたいこと : LINE Corporation ディレクターブログ

    こんにちは。ブログビジネス部のイシカワです。 今回は今までの色と変わって、ランディングページ (以下 LP) に関して書いてみたいと思います。 ランディングページとは? インターネット広告や、検索エンジンの検索結果からのリンク先となるウェブページ。広告を見る人にとっては、広告(又は検索結果)をクリックすると最初に表示されるページ。必ずしも自社サイトのトップページである必要はない。 (引用元: インターネット広告用語辞典) 新規ユーザーの獲得には LP が重要な要素になってきます。単に LP と言っても、何を詰め込んで良いか・どう見せれば良いか複雑に考えがちになってしまいます。しかし、ユーザーに対しては簡潔に伝えないと、複雑なものとして敬遠されてしまいます。LP 作成に当たり、最低限以下の要素を精査しておくと良いです。 LP に最低限必要な要素 LP を作成するにあたって大切な要素は沢山あり

    ランディングページをおざなりにしないために最低限実施しておきたいこと : LINE Corporation ディレクターブログ
  • モバイルサイトマークアップ5つの小技 : LINE Corporation ディレクターブログ

    こんにちは。10月の組織編成でブログビジネス部に異動になりました飯田です。 普段はディレクターしてますが、時にモバイルサイトのマークアップをするときがあります。以前、こちらのエントリーでモバイルサイトを作るうえでのノウハウを紹介していますが、エントリーではもう少し実践的な「モバイルサイトで○○を表現するには」をすごく簡潔に紹介してみたいと思います。 ある程度の端末で正常に表示されることを確認していますが、一部を除いて正常に表示されない場合もありますがご了承ください。なお、エントリーで紹介している記述はわかりやすいように style 属性を全てインラインで記述しています。 見出しに背景色 div タグXHTML 対応の端末であれば下記のタグで簡単に見出しに背景色をつけることができます。 <div style="background-color="#0000ff;">ほげほげ</div>

  • 私はこうやってマーケティングデータを集めています。 : LINE Corporation ディレクターブログ

    今年も熱い夏がやってきました。ロックフェスと事業計画の熱い夏が! というわけでこんにちは、佐々木です。 今回は、「予算(事業計画)って、どうやって(何を根拠に)立てているんですか?」というスタッフの質問に答えるために、事業計画のために集めた資料の出典を紹介します。 なお、資料の多くは私が担当するブログ関連事業のものですので、ネットならではのマーケティングデータの集め方といった内容になります。限定的な分野ですが、なにかの参考になれば幸いです。 総務省 情報通信政策研究所(IICP) ・総務省 情報通信政策研究所 まずは総務省調べのデータ。 大規模なリサーチ結果を無料で利用できるので、とても重宝します。 例1)「ブログ・SNSの経済効果の推計」(PDF) 例2)「ブログの実態に関する調査研究」報告書文(PDF) 矢野経済研究所 ・矢野経済研究所 ブログ関連の市場調査で優れたレポートを発表して

    私はこうやってマーケティングデータを集めています。 : LINE Corporation ディレクターブログ
  • 20名超の会議を必ず1時間で終わらせる“ライブドア流”会議術 - livedoor ディレクター Blog

    こんにちは、livedoor Blog を担当しています佐々木です。 「livedoor Blog」プロジェクトの定例会議は、検討する議題が山積みで関係者も多く、いつも20名を超すスタッフが集まります。ですが、長時間の会議はデメリットしか生みませんので、“会議は週に1回1時間だけ”と制限を決めて、そのなかで効率的な会議の方法を試行錯誤しています。 そこで今回は、「アジェンダの作成方法」に焦点をあて、“ライブドア流”会議術の一端をご紹介したいと思います。 【01】アジェンダは前日のうちに関係者にメールする 会議で使用するアジェンダは、前日のうちに関係者にメールして目を通してもらい、補足がある場合には事前に受け付けます。 そうすることで、参加者が予習をするようになり、会議での話がスムースになります。また、アジェンダの内容によって「今回は欠席する」という判断がしやすくなるのもメリットで、参加して

    20名超の会議を必ず1時間で終わらせる“ライブドア流”会議術 - livedoor ディレクター Blog
  • モバイルサイトのデザイン : LINE Corporation ディレクターブログ

    こんにちは、『livedoor 歌詞』や『livedoor グリーティング』を担当している吉沢です。 今回は、モバイルサイトのデザインの決め方、デザイナーとの仕事の進め方をご紹介したいと思います。 モバイルサイトのデザインというと、画面が小さいし容量制限も厳しいし、デザインのやりようがないのでは? と思うかもしれません。 確かに 1 年程前まではそんな状況だったのですが、世間的に 3G 端末が普及し、容量制限の緩和、通信速度の向上とモバイルサイトを華やかに魅せる環境が整いつつあります。 そこで『ケータイ livedoor』も昨年後半あたりから少しずつ 3G 端末をメインとした開発を行っており、今ではモバイルサイトの“こったデザイン”が必須となっています。 これまで、サイト開発時にディレクターがデザイナーにお仕事を依頼するタイミングは、サイトのリリース直前という場合がほとんどでした。最後の仕

    モバイルサイトのデザイン : LINE Corporation ディレクターブログ
  • 1