世界中のデザインを表彰!「Awwwards」で2016年ノミネートされたホームページ33選
Webデザインのトレンドを追うには様々な方法があります。
ホームページをカテゴリ別に掲載する*「ギャラリーサイト」*は、最新のデザイントレンドを採用しているホームページがカタログのように掲載されています。
数あるギャラリーサイトの中でも、ユニークな方法を使ってホームページを掲載している*「Awwwards」*というサイトがあります。
ユーザーに様々な項目で投票してもらい、掲載順位を決めるAwwwardsでは、今年どのようなサイトが上位を占めているのでしょうか。
今回は、Awwwardsでノミネートされたホームページの中から、特に高評価だった33のホームページをピックアップしてご紹介します。
Awwwardsを通して*「今年のWebデザイントレンド」*を確認してみましょう。
世界中のデザインを表彰するホームページ「Awwwards」とは?
Awwwardsは、世界中から投票されたホームページを様々な方法で、日ごと・週ごと・月ごと・年ごとに採点・投票を行い、順位付けを行っているホームページのギャラリーサイトです。
応募条件を満たしていれば誰でも応募でき、ユーザー登録をすることで誰でも投票や採点ができます。
ログインすると、*「VOTE ON THIS SITE」*というリンクからそれぞれのサイトを採点することができます。投稿者は、以下の4つの項目で採点をします。
デザイン:50%
クリエイティビティ:25%
ユーザビリティ:15%
コンテンツ:10%
この4つを加重配分したのが、一人あたりの平均投票スコアとなります。
しかし、このユーザーの投票は、残念ながらサイトとしてのスコアリングには反映されません。
Awwwardsの「審査会(Jury)」に参加する8人の審査員(そのうち平均点から最も遠い1名の点数は除外される)と、投票ユーザーの中で貢献度が特に高いメンバー(Honorary Members)の平均点が正式なスコアとなります。2016年の審査会メンバーは180名程度で、その中には、SHIFTBRAIN Inc.のアートディレクター鈴木慶太朗氏など、日本人が4名選出されています。
今回は、日ごと・週ごと・月ごとのノミネートが多かったサイトをピックアップしてご紹介していきます。
Awwwardsで2016年ノミネートされたサイト33選
1. Ignition (アメリカ)
Ignitionはアメリカのカリフォルニアに拠点を置くクリエイティブエージェンシーです。
画像のサムネイルにマウスを合わせるとサブタイトルが出てくるなど、ホームページもインタラクティブな作りになっています。
2. Deux Huit Huit (カナダ)
Deux Huit Huitはカナダのモントリオールにあるグラフィックデザイン企業です。幻想的なレインボーカラーが現れては一瞬で消えて、シンプルなページに遷移しますが、スクロールするとまたもや大胆な写真とタイポグラフィが現れるなど、メリハリのあるレイアウトとなっています。一番下までスクロールすると、意外なメッセージも残されています。
3. FCINQ (フランス)
パリを拠点とするクリエイティブスタジオFCINQのホームページを覗いてみましょう。
ファーストビューでは紫のデュオトーン調背景に、まるで文字を書いているかのようなアニメーションでヘッダーがあらわれます。FCINQは、最近では公開中の映画「ローグ・ワン/スター・ウォーズ・ストーリー」の公式ホームページのチャットボットを開発している実力派の企業です。
4. Huncwot (ポーランド)
インタラクティブなWebデザインに強いポーランドのデザイン企業Huncwotのホームページでは、幾何学模様と原色を大胆に使ったモダンなホームページになっています。
今話題のマイクロインタラクションも取り入れられており、いつまでも触っていたくなるホームページです。
5. Epiphany (イギリス)
https://www.epiphanysearch.co.uk
EpiphanyはイギリスのリーズにあるSEOに強いデジタルマーケティング企業です。
聡明でイノベーティブなイメージを彷彿させるイラストや写真で企業を紹介しつつ、シングルビューをスクロールでスライドのように切り替えていくユニークなページの遷移方法を採用しています。
6. Akaru (フランス)
フランス・リヨンに拠点を構えるクリエイティブ企業Akaruのホームページでは、まるで折り紙でも折ったかのような可愛らしい狐が出迎えてくれます。
こちらのホームページでもたくさんのマイクロインタラクションが採用されているので、ぜひ様々な場所にマウスカーソルを合わせてみてください。ページ遷移中のローディングアニメーションにロゴを採用している点もユニークです。
7. Spring/Summer (デンマーク)
コペンハーゲンからは、デジタルマーケティング企業Spring/Summerが登場しました。素朴な写真のヒーローイメージにセリフ書体が似合います。
スクロールしていくと、所在地を表すテキストがさらっと切り替わって心地良くなります。余白を効果的に使ったよい手本となるでしょう。
8. Epic (ベルギー)
ベルギーのEpicは、大胆な色使いとレイアウトに定評のあるクリエイティブ企業です。
ホームページでは制作実績が確認できますが、VRや3Dモデリングなどさまざまな最新技術を使って実験的なデザインにも挑戦しています。
9. Cartelle (オランダ)
Cartelleは、オランダ・アムステルダムのクリエイティブエージェンシーです。
ホームページではVRを使ったインタラクティブな映像を体験することができます。
ワニがUFOにさらわれたり、宇宙空間で服を選んだりと、いつまでも触っていたくなるユニークなコンテンツばかりです。
10. SHIFTBRAIN Inc. (日本)
渋谷のSHIFTBRAIN Inc.はAwwwardsの常連ですが、今年も人気の高いホームページを多数制作しています。
コーポレートサイトでは、ストーリー性のあるヒーロー動画、マイクロインタラクション、ユニークなページネーションなどを使って、かなりクオリティの高い仕上がりになっています。
11. Merci-Michael (フランス)
フランスのクリエイティブ企業Merci-Michaelは、人物にフィーチャーしたインタラクティブなホームページ制作を得意としています。
肌の色味と服装・化粧・背景などのコントラストを上手に使ったグラフィックが多用されています。
12. Jam3 (カナダ)
トロントの制作会社Jam3のホームページを見てみましょう。
3Dアニメーションに強い制作会社らしく、ホームページではマウスオーバーすると破片のようなものがマウスカーソルに合わせて動き、中央のコピーもマウスを合わせると切れてしまうような面白い動きをします。
実績一覧では独創的な世界観のホームページを垣間見ることもできます。
13. Anonymous (フランス)
パリの映像制作に強いデジタルプロダクションAnonymousのホームページは、まるで映画のトレーラーのような映像が背景に全面で映し出されています。
メニューにマウスオーバーすると一瞬暗転しますが、またカーソルをメニューから離すと動画が再開します。
メニューをクリックするとそれぞれの映像作品をYouTubeで観ることができます。
14. Build in Amsterdam (オランダ)
Build in Amsterdamはその名の通りオランダに拠点を持つeコマースなどのコンサルティング企業です。
ホームページはカタログのように写真が並び、横スクロールに対応している珍しいホームページです。
使っている写真もビビッドカラーとパステルカラーを混在させているあたりが非常にユニークです。
15. Good Morning (ノルウェー)
ノルウェー・オスロのクリエイティブ企業Good Morningは、大胆なグリッドレイアウトを採用したホームページを持っています。
サムネイルに画像を合わせると微妙にずれて動く挙動をするのも面白いです。見出しは太いサンセリフ書体、本文はセリフ書体を採用し、新聞を彷彿させます。
16. Stinkdigital (アメリカ)
ニューヨークのデジタルクリエイティブ企業Stinkdigitalはどんなホームページを制作しているのでしょうか。
一見するとしっかりしたグリッドデザインを採用していますが、スクロールするごとに左右のグリッドが微妙にずれていくという興味深いインタラクティブ体験を提供してくれます。
いくつかのサムネイル自体が映像のように動いているのも面白いですね。
17. UZIK (フランス)
パリの制作会社UZIKのホームページです。アクセスすると、まず白背景に黒文字のシンプルなページが出てきますが、スクロールすると全画面を使った巨大なメニューに出会います。メニューのタイトルにあたるヘッダーがスクロールするごとにくっついてくる動きもユニークです。
18. Jean-Cristphe Suzannne (フランス)
今までは企業を紹介してきましたが、もちろんAwwwardsでは個人でも参加可能です。
フランスのフロントエンドエンジニアJean-Cristphe Suzanneさんのポートフォリオサイトでは、スクロールするごとに彼のこれまで制作してきた作品をイニシャルとともに紹介してくれています。
19. Active Theory (アメリカ)
アメリカのデジタルプロダクションActive Theoryは、VRも含めた3Dアプリケーション制作が得意で、そうした作品を体感できるようホームページで全面的に紹介しています。制作作品一覧では、スクロールしながら、全画面で作品を動画で観ることができます。
20. Tool of North America (アメリカ)
世界地図や宇宙など、空間や建造物をモチーフとしたWebサイトのデザインが得意なTool of North Americaのホームページを確認してみましょう。
制作一覧ページでは、カード型メニューに横スクロールのカタログのようなデザインを採用しています。
上部のメニューにマウスカーソルを移動すると、コロコロと切り替わるアニメーションが楽しめます。
21. Benjamin Guedj (フランス)
フランスのデザイナーBenjamin Guedjさんのポートフォリオサイトでは、ビビッドな色使いをした写真に大胆で大きなセリフ書体のタイポグラフィが印象的です。
また、上にスクロールして右にサイトが動くという、従来の既成概念とは違った動き方をするページの移動方法もユニークです。
22. B-Reel (アメリカ)
ロサンゼルスのテクノロジー企業B-Reelのホームページを見てみましょう。白・黒・紫という独特の配色に、正方形のサムネイルが印象的です。制作しているどのプロジェクトにもストーリーテリングの手法がふんだんに取り入れられています。
23. 84.Paris (フランス)
http://www.84paris.com/en/home
自らをアイデア企業と名乗る84.Parisのホームページでは、正方形を上手く活用したレイアウトを採用しています。
正方形にマウスカーソルを合わせると、その部分だけが動画で再生される仕組みになっており、思わずクリックしたくなります。
24. UNIT9 (イギリス)
イギリスのUNIT9のホームページは、わくわくするようなアクロバティックな動きをしたヒーロー動画を全面に敷いています。
各ページのメニューも全面に画像を敷きつめたポスターのような構成になっており、より図版率が高くジャンプ率が低いレイアウトになっています。
25. Immersive Garden (フランス)
アニメーションにも強いパリのデジタルプロダクションImmersive Gardenのホームページです。
アクセスすると、うっすらとしたグレーのアニメーションが背景で上映されます。スクロールすると、数字とともにこれまでの制作実績を紹介してくれます。
26. Dogstudio (ベルギー)
ベルギー・ナミュールのクリエイティブスタジオdogstudioでは、特徴的なシルエットの切り抜きに制作実績が映し出されるという独創的な演出を仕掛けています。
制作実績では、古き良きヨーロッパを思い出させてくれるアンティーク調の作品が出迎えてくれます。
27. Legwork Studio (アメリカ)
コロラド州デンバーの制作会社Legwork Studioのホームページは、実際の写真にシュールなイラストを描き加える独特の雰囲気を醸し出しています。
全体的にポップなデュオトーンを用いている点やスライドのようにページを遷移するページネーションが面白いです。
28. Superhero Cheesecake (オランダ)
http://superherocheesecake.com
アムステルダムのクリエイティブ企業Superhero Cheesecakeはブラウザにとらわれないクロスプラットフォームでインタラクティブなホームページを作るのが得意な制作会社です。
ホームページでは、多くとも3カラムでデザインされており、情報がすっきりと整理されていて見やすくなっています。
29. AQuest (イタリア)
淡いヴィンテージ写真のような画像を使う美しいホームページ制作が得意なイタリア・ヴェローナのAQuestのホームページを覗いてみましょう。
全画面で最大4カラムを使ったグリッドレイアウトを採用し、サムネイル画像を合わせると画像が横に少しだけズレるちょっとしたインタラクションが楽しめます。左上の「AQ」の固定位置のロゴも印象的です。
30. ultranoir (フランス)
パリの制作会社ultranoirのホームページでは、ページ遷移にストレスを感じないほどのスムーズなページ遷移が実装されています。
また、制作実績のページでは、まるで自宅で見たい番組を選ぶかのような感覚でプロジェクトを閲覧することができます。
31. MediaMonks (オランダ)
オランダのMediaMonksはUberやドミノピザなどのグローバルブランドのホームページを手掛けるグローバルなクリエイティブ企業です。
ホームページではややトーンを落としたグレーを背景に、全画面グリッドを採用し、制作実績を確認することができます。
32. Resn (ニュージーランド)
ニュージーランドのウェリントンからは、クリエイティブエージェンシーResnがランクインしました。
グリッドレイアウトを崩して使うような斬新な手法を好むResnのホームページでは、スイッチを見つけることではじめて出てくるメニューや、枠の外にある一覧ページなど、既成概念を壊すクリエイティブな手法を学ぶことができます。
33. Hello Monday (アメリカ)
2016年最も人気をさらった作品を多く残したのが、ニューヨークのHello Mondayです。
ホームページでは、全画面のボックスをスクロールで遷移していきますが、遷移時のアニメーションではバキュームで吸い込まれるかのように文字や写真が消えていって楽しむことができます。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- www
- wwwとは、World Wide Webの略称であり、世界中のホームページをインターネットを通じて閲覧することができる仕組みのことです。一般的に Web(ウェブ)とも呼ばれています。
- www
- wwwとは、World Wide Webの略称であり、世界中のホームページをインターネットを通じて閲覧することができる仕組みのことです。一般的に Web(ウェブ)とも呼ばれています。
- www
- wwwとは、World Wide Webの略称であり、世界中のホームページをインターネットを通じて閲覧することができる仕組みのことです。一般的に Web(ウェブ)とも呼ばれています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- www
- wwwとは、World Wide Webの略称であり、世界中のホームページをインターネットを通じて閲覧することができる仕組みのことです。一般的に Web(ウェブ)とも呼ばれています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- リンク
- リンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。
- www
- wwwとは、World Wide Webの略称であり、世界中のホームページをインターネットを通じて閲覧することができる仕組みのことです。一般的に Web(ウェブ)とも呼ばれています。
- サムネイル
- サムネイルとは、多数の画像や動画など、読み込みに時間のかかる情報の概要をおおまかに把握するために作られた縮小画像のことです。 一般的にはサイズ・画質が落とされた画像が採用され、該当の画像や動画を読み込むかどうかを判断するための「見本」として使われます。 元々は親指の爪(thumb nail)という意味を持つ言葉で「サムネ」と略して呼ばれることもあります。
- タイトル
- ホームページのソースに設定するタイトル(title)とは、ユーザーと検索エンジンにホームページの内容を伝えるためのものです。これを検索エンジンが認識し検索結果ページで表示されたり、ユーザーがお気に入りに保存したときに名称として使われたりするため、非常に重要なものだと考えられています。「タイトルタグ」ともいわれます。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ファーストビュー
- ファーストビューとは、ユーザーがホームページを訪問した際、スクロールせずに表示される範囲のことです。ディスプレイのサイズや解像度によって、ファーストビューは異なります。
- ヘッダー
- WEBページの上部スペースに位置し、どのページが開かれても常に共通して表示される部分です。ヘッダーの役割は、まずWEBページを目立たせ、ブランドイメージを訴求することにあります。会社のロゴなども通常はここに置きます。また目次となるメニューを表示し、自分が今どのページにいるかを分からせることもあります。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- インタラクション
- 交流、相互作用、対話などの意味を持つ英単語で、ふたつ以上の存在が互いに影響を及ぼしあうことです。ITの分野においては、主に人間とシステム(コンピューター)の間の情報のやりとりのことを指し、人間の操作や入力に対するシステムの反応や出力(アクションとリアクション)、対話的な操作方法、の意味で用いられることが多いです。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- SEO
- SEO(Search Engine Optimization)とは、GoogleやYahoo!などのサーチエンジン(検索エンジン)で、特定キーワードで検索が実行されたとき、ホームページが表示される順位を上げるためのさまざまな施策のことです。
- マーケティング
- マーケティングとは、ビジネスの仕組みや手法を駆使し商品展開や販売戦略などを展開することによって、売上が成立する市場を作ることです。駆使する媒体や技術、仕組みや規則性などと組み合わせて「XXマーケティング」などと使います。たとえば、電話を使った「テレマーケティング」やインターネットを使った「ネットマーケティング」などがあります。また、専門的でマニアックな市場でビジネス展開をしていくことを「ニッチマーケティング」と呼びます。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- インタラクション
- 交流、相互作用、対話などの意味を持つ英単語で、ふたつ以上の存在が互いに影響を及ぼしあうことです。ITの分野においては、主に人間とシステム(コンピューター)の間の情報のやりとりのことを指し、人間の操作や入力に対するシステムの反応や出力(アクションとリアクション)、対話的な操作方法、の意味で用いられることが多いです。
- マーケティング
- マーケティングとは、ビジネスの仕組みや手法を駆使し商品展開や販売戦略などを展開することによって、売上が成立する市場を作ることです。駆使する媒体や技術、仕組みや規則性などと組み合わせて「XXマーケティング」などと使います。たとえば、電話を使った「テレマーケティング」やインターネットを使った「ネットマーケティング」などがあります。また、専門的でマニアックな市場でビジネス展開をしていくことを「ニッチマーケティング」と呼びます。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- テキスト
- テキストとは、純粋に文字のみで構成されるデータのことをいいます。 太字や斜線などの修飾情報や、埋め込まれた画像などの文字以外のデータが表現することはできませんが、テキストのみで構成されたテキストファイルであれば、どのような機種のコンピューターでも共通して利用することができます。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- コンテンツ
- コンテンツ(content)とは、日本語に直訳すると「中身」のことです。インターネットでは、ホームページ内の文章や画像、動画や音声などを指します。ホームページがメディアとして重要視されている現在、その内容やクオリティは非常に重要だと言えるでしょう。 なお、かつてはCD-ROMなどのディスクメディアに記録する内容をコンテンツと呼んでいました。
- www
- wwwとは、World Wide Webの略称であり、世界中のホームページをインターネットを通じて閲覧することができる仕組みのことです。一般的に Web(ウェブ)とも呼ばれています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- コーポレート
- コーポレートとは、日本語の「企業」のことです。インターネット上で「コーポレートサイト」という場合は、企業のホームページであることを表します。また、コーポレートは接頭語として使われることが多く、「コーポレートガバナンス(企業内統制)」などのように、他の単語と組み合わせて使うことが多いようです。会社そのものを指すことが多い「カンパニー」とは使い方が異なります。
- インタラクション
- 交流、相互作用、対話などの意味を持つ英単語で、ふたつ以上の存在が互いに影響を及ぼしあうことです。ITの分野においては、主に人間とシステム(コンピューター)の間の情報のやりとりのことを指し、人間の操作や入力に対するシステムの反応や出力(アクションとリアクション)、対話的な操作方法、の意味で用いられることが多いです。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- コンサルティング
- ビジネスはより高度化し専門的になっています。そこで、事業者のみならず専門家を呼び、彼らからアドバイスを受けながら、日々の活動を確認したり、長期の戦略を考えたりします。その諸々のアドバイスをする行為自体をコンサルティングといい、それを行う人をコンサルタントと言います。特別な資格は必要ありませんが、実績が問われる業種です。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- サムネイル
- サムネイルとは、多数の画像や動画など、読み込みに時間のかかる情報の概要をおおまかに把握するために作られた縮小画像のことです。 一般的にはサイズ・画質が落とされた画像が採用され、該当の画像や動画を読み込むかどうかを判断するための「見本」として使われます。 元々は親指の爪(thumb nail)という意味を持つ言葉で「サムネ」と略して呼ばれることもあります。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- サムネイル
- サムネイルとは、多数の画像や動画など、読み込みに時間のかかる情報の概要をおおまかに把握するために作られた縮小画像のことです。 一般的にはサイズ・画質が落とされた画像が採用され、該当の画像や動画を読み込むかどうかを判断するための「見本」として使われます。 元々は親指の爪(thumb nail)という意味を持つ言葉で「サムネ」と略して呼ばれることもあります。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- タイトル
- ホームページのソースに設定するタイトル(title)とは、ユーザーと検索エンジンにホームページの内容を伝えるためのものです。これを検索エンジンが認識し検索結果ページで表示されたり、ユーザーがお気に入りに保存したときに名称として使われたりするため、非常に重要なものだと考えられています。「タイトルタグ」ともいわれます。
- ヘッダー
- WEBページの上部スペースに位置し、どのページが開かれても常に共通して表示される部分です。ヘッダーの役割は、まずWEBページを目立たせ、ブランドイメージを訴求することにあります。会社のロゴなども通常はここに置きます。また目次となるメニューを表示し、自分が今どのページにいるかを分からせることもあります。
- www
- wwwとは、World Wide Webの略称であり、世界中のホームページをインターネットを通じて閲覧することができる仕組みのことです。一般的に Web(ウェブ)とも呼ばれています。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- Webサイト
- Webサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ1ページ)の集まりのことです。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- サムネイル
- サムネイルとは、多数の画像や動画など、読み込みに時間のかかる情報の概要をおおまかに把握するために作られた縮小画像のことです。 一般的にはサイズ・画質が落とされた画像が採用され、該当の画像や動画を読み込むかどうかを判断するための「見本」として使われます。 元々は親指の爪(thumb nail)という意味を持つ言葉で「サムネ」と略して呼ばれることもあります。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ジャンプ率
- ジャンプ率とは、ホームページや商品パンフレットのデザインにおける、本文のサイズに対する見出しの大きさの比率のことをさします。本文のサイズに対して、見出しが大きければジャンプ率が高い、小さければジャンプ率が低い、となります。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- フォーム
- フォームとは、もともと「形」「書式」「伝票」などの意味を持つ英単語です。インターネットの分野では、パソコンの操作画面におけるユーザーからの入力を受け付ける部分を指します。企業のホームページでは、入力フォームが設置されていることが多いようです。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- サムネイル
- サムネイルとは、多数の画像や動画など、読み込みに時間のかかる情報の概要をおおまかに把握するために作られた縮小画像のことです。 一般的にはサイズ・画質が落とされた画像が採用され、該当の画像や動画を読み込むかどうかを判断するための「見本」として使われます。 元々は親指の爪(thumb nail)という意味を持つ言葉で「サムネ」と略して呼ばれることもあります。
- インタラクション
- 交流、相互作用、対話などの意味を持つ英単語で、ふたつ以上の存在が互いに影響を及ぼしあうことです。ITの分野においては、主に人間とシステム(コンピューター)の間の情報のやりとりのことを指し、人間の操作や入力に対するシステムの反応や出力(アクションとリアクション)、対話的な操作方法、の意味で用いられることが多いです。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
おすすめ記事
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●Webマーケティング手法
- SEO(検索エンジン最適化)
- Web広告・広告効果測定
- SNSマーケティング
- 動画マーケティング
- メールマーケティング
- コンテンツマーケティング
- BtoBマーケティング
- リサーチ・市場調査
- 広報・PR
- アフィリエイト広告・ASP
●ステップ
●ツール・素材
- CMS・サイト制作
- フォーム作成
- LP制作・LPO
- ABテスト・EFO・CRO
- Web接客・チャットボット
- 動画・映像制作
- アクセス解析
- マーケティングオートメーション(MA)
- メールマーケティング
- データ分析・BI
- CRM(顧客管理)
- SFA(商談管理)
- Web会議
- 営業支援
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
- フォント
- 素材サイト
●目的・施策
- Google広告
- Facebook広告
- Twitter広告
- Instagram広告
- LINE運用
- LINE広告
- YouTube運用
- YouTube広告
- TikTok広告
- テレビCM
- サイト制作・サイトリニューアル
- LP制作・LPO
- UI
- UX
- オウンドメディア運営
- 記事制作・ライティング
- コピーライティング
- ホワイトペーパー制作
- デザイン
- セミナー・展示会
- 動画・映像制作
- データ分析・BI
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング