Web Designing

ウェブデザイニング | Web Designing | 情報戦略でビジネスを加速させる 毎月18日発売

cover

2015年1月号 vol.162

定価1,530円

  • サンプルデータのダウンロードには、本誌の次号予告ページ(160ページ)に掲載しているIDとパスワードが必要です。
  • サンプルデータに関する詳しい注意点については、このページの下部に記載している「サンプルデータについて」をご覧ください。

特集・特別企画

特集1:事例に学ぶWeb マーケティング

EC、ソーシャル、オウンドメディア‥‥話題の施策をポイント解説

意図したように伝わらない、想いだけが先立ってしまう‥‥。そんな歯がゆい経験は誰もが持っているはずです。伝えたいことがあるとき、いつ、どのように、誰に対してなにを伝えるかを考えることは周知のことですが、わかっていながらできないのもまた然り、ではないでしょうか。それがWebであればなおさらです。目まぐるしく情報が飛び交うなかで、どのように伝えて、いかに伝わっていくのか。Webマーケティングとは、そんな環境において良質なコミュニケーションを図るための「作法」なのかもしれません。本特集を通して、Webのコミュニケーションの作法について考えてみましょう。

Chapter 1 Webマーケティングの基礎知識 ~Eコマースにおける施策のポイント
01_なぜ、Webマーケティングが必要なのか?
02_Webマーケティングの現状とは?
03_Webマーケティングのはじめかた
【レポート】海外事例「Wayfair
【インタビュー】国内事例「竹虎
Chapter 2 Webマーケティングのケーススタディ ~2014年を賑わせたあの施策から
01_Twitterから生まれたコラボ商品「トラベル・オレッタ」
キングジム&東急ハンズのソーシャルマーケティング
02_300万PV/月を稼ぐブログ記事がもたらすもの
Web制作会社「LIG」のオウンドメディア施策
03_YouTubeで670万回再生「忍者女子高生
サントリーが試みたバイラルムービー施策

previewpreviewpreview

特集2:実践的Webトレンド分析2015

海外サイトに学ぶこれからのデザイン、UI、表現技術

Webデザインのトレンドは、制作環境や通信環境、閲覧デバイスの進化などとともに、日進月歩でめまぐるしく変化してきました。では、いま新しくて面白いデザインとはどのようなものでしょうか。そうしたトレンドは、欧米を中心とした海外サイトで発生し、日本国内へも浸透してくることが多くあります。
そこで本特集では、海外で最新のデザインや表現を取り入れたサイトを事例として、2015年に国内でも話題になるだろうというものを紹介していきます。そうしたトレンドを見ていて気づくのは、スマートフォンやタブレットとの親和性の高さによって採用されたものがほとんどだという点です。サイトの存在意義から企画の立て方、デザイン、実装方法まで、デバイス対応を考慮したうえで最適なパフォーマンスを出すために導き出された技術やアイデアの数々を、ぜひ次なるサイト制作のヒントとして活用してください。

訴求内容からデザインを構築するコンテンツファースト
一歩進んだマルチデバイス対応
タッチデバイスと相性の良いナビゲーション表現
ワンページサイトをより魅力的に見せる表現
フルスクリーンで魅せる動画や静止画の多様な表現
時間経過によって変化する背景色
高解像度ディスプレイにも美しく表示できるSVG画像
背景画像や動画となじみの良いゴーストボタン
CSS3によるホバーキャプション
日本語Webフォントとタイポグラフィ

previewpreviewpreview

掲載サイトリンク集

チョコバナナ企画会議

入江慎也(カラテカ)「dotFesを盛り上げます!」

いよいよ開催間近となった「dotFes 2014 福岡」。スピーカーとして登壇するWebクリエイターのなかで、ひと際異彩を放っているのが「入江慎也(カラテカ)」という芸人の名前‥‥。大丈夫なんです、これでいいのです。今回は特別編として、dotFesでカラテカ入江がなにをするのか、その意気込みを明らかにします!

preview

チョコバナナ
dotFes 2014 Fukuoka

Inside Story

早稲田大学_学校サイトの次世代スタンダード

早稲田大学が、6年ぶりにサイトのリニューアルを行いました。写真などのイメージを多用した見せ方、コンテンツの発信に力点を置いたオウンドメディア化、膨大なコンテンツをWordPressで管理などといった、大学のサイトとしては斬新な取り組みが話題を集めています。このサイトの登場により、学校関連のWebサイトに新たな潮流を起こしそうな気配です。そんなリニューアルの制作背景について、早稲田大学広報課と制作を手がけた(株)CINRAの方々に話を聞きました。

preview

早稲田大学

肖像 -Web Craftman's Portrait-

橋本俊行(aircord)_人に驚きを。最新技術を「プラスアルファ」に注ぎ込む

映像作品やプロジェクションマッピング、ガガ・ドールや「四次元ポケットPROJECT」など、最先端の技術をもってさまざまなクリエイティブ携わるaircordの橋本俊行氏。人々を驚かせ感動させるためにテクノロジーを惜しみなく注ぎ込む橋本の目には、今なにが映っているのでしょうか。

preview

aircord

ツクルヒト

吉田ユニ(アートディレクター)_“ふつうの世界”から紡ぎ出すイリュージョン

無重力を思わせるアングルでとらえた、美しき女性たち。現実と想像の境界を飛び越えるビジュアルの数々。アートディレクターの吉田ユニさんは、ファッション広告やCDジャケットなど、数々の領域をふわりとまたぎながら活躍しています。ポップで幻想的な表現に薫る、ひとさじのミステリー風味も見逃せません。その作風は一閃のアイデアのみならず、現場での「しぶとさ」ともいえるこだわりに支えられています。代表作が集った初個展「IMAGINATOMY」で、そのバックステージについて聞きました。

preview

YUNI YOSHIDA

基礎講座JavaScript

XMLとJSONでページ要素を生成しよう

Text:小平麻美、木村壮哉(エンタクルグラフィックス

preview

サンプル01のXMLデータ
サンプル02のJSONデータ
サンプル01を見る
サンプル02を見る
サンプルデータをダウンロードする

応用講座Flash for HTML5

外部から更新できるスライドショーを作ってみよう

Text:沖 良矢

preview

サンプルを見る
サンプルデータをダウンロードする

連載企画

movement

第18回文化庁メディア芸術祭、グランプリ発表!/ガガ専属シューメイカー・舘鼻則孝の2つの展覧会/リアルタイム3Dを駆使するジョン・ジェラード日本初個展/「Yahoo! JAPAN クリエイティブアワード 2014」グランプリ決定 ほか

第18回文化庁メディア芸術祭
Yahoo! JAPAN インターネット クリエイティブアワード 2014

WD Monthly Archive

Webサイトだけではなく、アプリやサイネージなど、編集部が注目した新着デジタルコンテンツを掲載しています。

OK Go|I Won't Let You Down、HONDA The Other side、Francfranc 100 GIFTS Christmas Story、JOVA Construction、LUCKIIS - Photo Production Company. Est.2014、Philip K. Dick、Christmas Journey 2014、SOS Mobiles、巨人モンタージュ、ナルト ファイナルカウントダウン!、REVALCY、「ネスカフェ ドルチェ グスト」ブランドサイト、Lionel Durimel - Digital Designer、SOUNDS OF LIFE SCIENCE

preview

WD Website Front

今月の掲載コンテンツのリンク集へ

Worldwide Creator's Archive

Soap Creative_「PLAY、MAKE、DO」で乗り切る!

Soap Creative

one's view

「デジタル」をやめる時代
Text:清水幹太(パーティ
Google Spotlight Stories

動画広告元年から学んだもの
Text:澤邊芳明(ワン・トゥー・テン・ホールディングス
Monty's Christmas

日常に余白を生み出す、たったひとつの理由。
Text:川田十夢
ADRIAN MERZ

宇宙を目指す理由
Text:菅野 薫
Destiny Planet View

最果タヒの「詩句ハック」

第7回 詩線

shikuhack.jp

工作のじかん

スマートLED照明「hue」で遊ぼう

スマホで操作できるスマートLED照明「hue」。シチュエーションに合わせて種類も増えているこの人気商品をWebやアプリと絡めて遊んでみよう。

preview

Meet hue

Monthly Focus

Evernote_情報整理に最適な定番クラウドサービス

日ごろの作業の情報整理やちょっとしたメモがわりに、定番サービスといえるのが「Evernote」です。年々、多くの改善や機能拡張によって、積極的な進化を遂げてきました。今回は、有料のPremium版も含めて、2014年10月に公開したベータ版による検証を通して、活用方法を探っています。

preview

Evernote

ツール・ド・グラフィーク

第22回 2015年
Text&collage:河村康輔

デザインにできることMonologue

Vol.132 アワードと批評
Text:永原康史

この仕事のカタチ

今でもモザイクしてますか
Text:小泉森弥

モバイルサービス最前線

comolib _子供とのお出かけを支援するアプリは、究極のスリム経営から生まれた
Text:中谷健一(トリムタブジャパン

preview

comolib

News Crawler

「第2回Webグランプリ」大賞発表/「LINE Creators Stamp AWARD 2014」グランプリ発表/「ロンドン・インターナショナル・アワーズ 2014」、グランドLIAに「Ayrton Senna 1989」 ほか

ハギハラ総研

アプリもアクティブユーザーの公表を
Text:萩原雅之

「ニュースと情報」サービスの利用状況

デジタルマーケティングのひみつ

“オムニチャネル”にも求められるクリエイター視点
Text:オオタケンジ

エキソニモの「ウェブにふれる」

VOL.39_連載ボーグ・シリーズ EP.19「ロボットの仕事」

@KeigoTheBot

まんがAC部活動日誌

第四十四回 これが高速紙芝居だ!

AC部

その他

全国Web制作会社リスト
モニター&プレゼント
WD Square
Back Numbers

サンプルデータについて

  • サンプルデータのダウンロードには、本誌の次号予告ページ(160ページ)に掲載しているIDとパスワードが必要です。
  • 各サンプルデータの著作権は、各データの作者に帰属します。
  • サンプルデータをご利用の際の利用条件や連絡先などについては、圧縮データに同梱しているテキスト「readme.txt」をご覧ください。
  • 各サンプルデータの内容に関しては間違いのないように十分注意しておりますが、もしこれらのデータを利用することによってトラブルや損失・損害が発生しても、各データの作者および(株)マイナビは一切責任を負いませんのでご了承ください。