2016年のデザイントレンドを振り返ろう！印象に残る国内・海外サイト49選
2017年も、Webデザインは益々進化を遂げていくでしょう。
今年のトレンドを予想する前に、2016年のWebサイトのトレンドをふり返ってみましょう。
今回は、2016年に特に印象深かった国内外のWebサイトを49個ピックアップしました。
ユーザーの心をグッと掴んだWebサイト50 -海外編-
1. Paul Valentine
https://www.paul-valentine.com
有名時計ブランド*「Paul Valentine」*のホームページで、エレガントな時計をホームページの主役にパステルピンクとパステルグレーの配色が印象的です。
買い物かごの下の通貨を「EUR」から「JPY」に変えると日本円で購入することができます。
2. The Fourth Phase
The Fourth PhaseはRed Bullが提供するスノーボーディングのドキュメンタリーフィルムです。
この特設サイトは、雪山がマウスの位置に合わせて向きを変えるという面白いギミックが施されています。
3. Future of Design
スタートアップにおけるデザインの調査を行っている会社NEAの2016年の調査内容を報告したサイトがFuture of Designです。
調査内容に合わせて円グラフや棒グラフなどがインフォグラフィックでわかりやすくプレゼンされています。
4. The Cool Club
The Cool Clubはオランダ発のデザインエージェンシーです。
ECサイトではフラットデザイン調のマイケルジャクソンやマリリンモンローなどの絵画を購入することができます。
5. Vallier Bistro
Vallier Bistroはカナダのモントリオールにあるレストランです。
写真は少し彩度を落としており、配色も含めて全体的にレトロな雰囲気を醸し出しています。スクロールするごとに楽しめるパララックスエフェクトも採用されています。
6. Revols
カスタムメイドでワイヤレスイヤホンを注文することができるRevolsは、トップページに全画面のヒーロー動画を薄く敷き詰めて、イヤホンの利用シーンを喚起しています。
サイト後半ではプロダクトにフィーチャーしており、スクロールでふわりと現れる画像のエフェクトも非常に印象的です。
7. Coup de coeur francophone
カナダの音楽フェスティバルCoup de coeur francophoneのホームページです。
トップページは赤とピンクのデュオトーンが印象的ですが、一方でページ下部にはフラットな可愛らしいイラストも掲載されていて2つの世界観がほどよくマッチしています。
8. Artifact
http://www.artifactproperty.co.nz
Artifactはニュージーランドのハウジングメーカーです。
シングルページで、スクロールするごとに背景色やメニューの色が変わり、シックで落ち着いた配色を選択しているのもブランドイメージと合わせていて好感を持つことができます。
9. Carv
Carvはスキーに関するウェアラブルデバイスを開発・販売しているメーカーです。
近未来らしく、ドメインも「.ai」を採用し、スクロールするとテキストや画像が今まで見たこともないエフェクトで登場します。
10. Garden Eight
GardenEightは日本のクリエイティブエージェンシーです。(すべて英語で紹介されているためこちらで紹介しています)
冒頭に現れるGardenEightのロゴも印象的ですが、中央線に沿ってスクロールする独自のUXも非常に印象深い作りとなっています。
11. öny
önyはフランスのファッションブランドで、横スクロールかつ横パララックスを採用したユニークなデザインとなっています。
12. Hannah Purmort
アメリカ・コロラド州のプロダクトデザイナーであるHannah Purmortさんのポートフォリオサイトで、真ん中に赤い線が入っており、この赤いプログレスバーが現在地を示してくれます。
赤・白の配色にモノクロの写真が印象的なホームページです。
13. YouFab Creative Awards 2016
デジタルファブリケーションに関するクリエイティブデザインアワードYouFabのホームページは、赤と黒を基調としたホームページです。
2016年度のYouFabは慶應義塾大学SFCの田中教授が座長を務め、日本人も多く参加しています。
14. Nameless
Namelessはイタリア生まれのシューズブランドです。
ポップでエネルギッシュな配色を使っており、画像の所々に影を効果的に使用しています。
15. Go.arch
http://murren.ru/templates/go-arch/demo/dark/index.html
Go.archはニューヨークを拠点に世界中にオフィスを構える建築・インテリアデザイン事務所です。
ホームページには「light」「dark」の2種類のモードが実装されていて、モードによって雰囲気が大きく変わってきます。本文には細めのサンセリフ書体を取り入れており、モダンな雰囲気を演出しています。
16. KIKK Festival 2016
デジタルとクリエイティブの祭典KIKK Festivalのホームページでは、ブラウン管のテレビノイズのようなエフェクトが印象的です。
審査員の写真にはデュオトーンが使われており、紫色をメインカラーとした艶やかなホームページとなっています。
17. Etq Store
アムステルダムのファッションストアEtq Storeは余白を上手に活用したバランスのいいデザインのホームページを運営しています。
一見するとECサイトとは思えないような大胆なヒーローイメージが最初に読み込まれ、セール情報とともに商品が紹介されていきます。
18. Camden Town Brewery
http://www.camdentownbrewery.com
Camden Town Breweryは、イギリス・ロンドンの地ビールを販売しているお店です。
ページ上部に並んだ8つのビールにそれぞれマウスカーソルを合わせると、もともと赤かった背景色が黄色や青などの別の原色に変化します。ビビッドな配色を使ってユーザーの注意を惹きつける手法を採用しています。
19. CHART
デンマーク・コペンハーゲンのアートミュージアムCHARTのホームページです。
スクロールすると「CHART」の後ろの文字が変化する、ユニークなアニメーションを取り入れています。少し見えにくいですが、ページ右側に細い線がいくつか並んでいて、この線を押すとアトリエの画像が切り替わるカルーセルになっています。
20. Milano Contract District
イタリア・ミラノの不動産事業・デザイン事業を手がけるMilano Contract Districtのホームページは、大胆な黄色の背景に黒の太めのボーダー・サンセリフ書体を使っています。
ボーダーとボーダーで囲まれたブロックには、不動産の画像が現れたり、メニューとしてクリックすることが可能です。画像部分には矢印が付いており、押すと画像が切り替わるカルーセルになっています。
21. DIGITAL DESIGN DAYS & AWARD 2016
こちらもイタリア・ミラノで行われている、デザインアワードとワークショップのイベントDIGITAL DESIGN DAYS & AWARDのページです。
黒をベースに薄紫とエメラルドグリーンというデジタルな配色を採用し、背景動画にはパーティクルが撒き散らされたようなアニメーションがかかっています。
22. Haute Haulogerie - New models and trends for 2016
https://trends.hautehorlogerie.org#!/en/2016/home
スイスに拠点を置く高級時計財団Haute Haulogerieの、2016年の新モデルとトレンドを紹介している特設ページです。
ページ上部では時計のコレクションを追いかけるヒーロー動画が敷き詰められており、ページ下部では時計の新モデルやニュース記事を読むことができます。
23. VR Sessions
VR Sessionsは、スマートフォンを使った360度のVR(バーチャルリアリティ)で音楽セッションを行う啓蒙活動をしているホームページです。
微細なパララックス、ふわりと現れるサムネイル、メニューや画像にカーソルを合わせるとかかるわずかなアニメーションなど、2016年のトレンドをふんだんに取り入れたホームページとなっています。
24. Tío Luchín
Tío Luchínはハイチにあるレストランのホームページです。
こちらもわずかに取り入れたパララックス、シングルページレイアウト、ページ下部のシネマトグラフなど、2016年のWebデザイントレンドが目立っています。グレーをバックにして鮮明に料理の画像が登場するので、思わず出かけたくなりますね。
ユーザーの心をグッと掴んだWebサイト50 -国内編-
25. 株式会社パレンテ
株式会社パレンテはコンタクトのEC事業、自社オリジナルコンタクトの製造販売を行っています。
スクロールするたびに様々な方向から登場するアニメーションは、マイクロインタラクションの手法をしっかりと押さえて、ユーザーのエンゲージメントを高めています。
26. 音楽と暮らし
http://ongakutokurashi.tumblr.com
音楽と暮らしは、2016年12月に静岡市で行われたフェスティバルの告知サイトです。
オレンジとブルーをメインカラーに、スプリットした画面が印象的なホームページで、欧米文字はゴジック、日本語文字は明朝体を採用し、独特な世界観を演出しています。
27. PLAN-B RECRUIT 2018
https://www.plan-b.co.jp/recruit_2018/
デジタルマーケティング事業を行うPLAN-Bの採用ホームページです。
漫画のような世界観で学生を惹きつけつつ、ビジョンやミッションが語られているページは余計な装飾を外した洗練されたデザインで、エントリーボタンが押しやすいように右下に固定されているという工夫も施されています。
28. たてよこWebアワード
http://tategaki.github.io/awards/
たてよこWebアワードは、Web上での縦書きの可能性を感じることができるサイトを募集し、表彰するアワードです。
CSS3のwriting-modeを使用した縦書きや斜めスクロールなど、日本語によるWebデザインの可能性を感じることができます。
29. 株式会社ユニオンネット
株式会社ユニオンネットは、Webサイトの制作・コンサルティング事業を展開しているクリエイティブ企業です。
まるでCMの後半にでも出てくるような可愛らしいアニメーションが最初に登場し、白と水色を使った清潔感のある配色チョイスにも注目です。
30. 白雲荘
https://nisekohakuunso.com/ja/
北海道ニセコにある宿泊施設白雲荘のホームページです。
ニセコはアジアでもその規模とクオリティーを誇る最大スキーエリアで、ホームページでもぱらぱらと雪が降っているアニメーションがかかっています。
31. SFC Open Research Forum 2016
http://orf.sfc.keio.ac.jp/2016/
SFC Open Research Forumは、慶應義塾大学湘南藤沢キャンパス(SFC)のオープンリサーチフォーラム開催案内サイトです。
「かえる」という文字に込められた思いがアニメーションで切り替わり、手書きで書いたような歪な赤丸がフォーラムのアイデンティティアイコンになっているのも印象的です。
32. 丸京染色株式会社
岐阜県で老舗の染色加工業を営む丸京染色株式会社のホームページには、スクロールするごとに染物の機械や素材などが様々な方向から登場します。
ページトップの色が変化するヒーロー動画は、染物を行なっている会社にぴったりのデザインです。
33. 株式会社グッドライフ
株式会社グッドライフは、オフィスのトータルソリューションを提供する会社です。
ページの最初に現れるヒーロー動画は、まるでパラパラ漫画を見ているかのような面白い手法で作成されています。
34. おやつのアトリエmoco
岐阜県美濃加茂市にあるおやつのアトリエmocoは、誰もが安心して食べられるお菓子を提供しています。
クッキーやマフィンなどのお菓子にあう薄いブラウンの配色に、あざやかなお菓子の写真が並びます。ボタンやリンクに使われているマイクロインタラクションにもぜひ注目してみてください。
35. HELLO CYCLING
HELLO CYCLINGは、東京を中心にシェアサイクリングを利用できるサービスです。
スクロールするごとに様々な要素がポップアップするアニメーションを採用しています。所々に黄色いカラーが取り入れられており、ブランドカラーを効果的に押し出した好例の一つです。
36. きづき
きづきはOM Solar inc.が発信する、日常のささやかなきづきを提供するWebマガジンです。
明朝体を採用し、白い背景をそのまま使い、余白を活かすことで、日本のサイトに定番の「素朴さ」を上手に演出しています。
37. INDUSTRIAL JP
工場音楽レーベルを謳うINDUSTRIAL JPのホームページです。
機械の動きが奏でる音楽を動画で楽しむことができ、縦長の極細ゴシックを使い、近未来の世界観を演出しています。
38. STUDIO DETAILS
名古屋のデザイン事務所STUDIO DETAILSのホームページでは、シングルページを採用し、左側のメニューで現在の階層がわかるようになっています。
微細なパーティクルが散っているアニメーションも、独特な世界観を醸し出しています。
39. GINA
GINAは、西麻布にあるフレンチレストランのお店です。
黒い背景に、素材や料理の写真が鮮やかに配置されていて、見る人全員の食欲をそそります。所々に使われているワインレッドの配色により、大人のレストランを想起させています。
40. GUCCI
GUCCIの日本版オフィシャルサイトです。
ページ上部・中部・下部でレイアウトがわかれており、商品は大胆に、ニュース記事はすっきりと配置され、余白を十分にとることでブランド品がエレガントに写っています。
41. ADOT
ADOTは音楽を徹底的に活用した広告代理店です。
冒頭のロゴマークを含むアニメーションは、まるでウルトラQを想起させるかのようなノイズのかかったユニークな動きをしています。シングルページで、スクロールするとページ上部にナビゲーションメニューが固定されます。
42. 小林製麺工業
創業明治39年、福岡県うきは市の小林製麺工業のホームページをご覧ください。
冒頭のフェードで切り替わる写真は、コントラストを強めに、彩度を落とすことによってレトロな雰囲気を醸し出しています。中段の2カラム・下段の3カラムと、グリッドレイアウトも上手く組まれています。
43. 株式会社〆
クリエイティブコンサルティングを行っている株式会社〆のコーポレートサイトです。
トップページの「のれん」のようなページには時計が使われており、時間帯により色が変わるギミックが施されています。サイト全体では、マテリアルデザインを取り入れたパーツが見どころです。
44. carborocco
carboroccoは、大分市のイタリアンダイニングのホームページです。
細い線でシンプルに描かれた可愛らしいアイコンが非常に印象的で、装飾は最小限に抑え、写真を効果的に見せたミニマルなホームページとなっています。
45. UZUZ
UZUZは既卒・第二新卒にフォーカスを当てた就活サポートカンパニーです。
こちらのページでは、ページを読み込むと早速ギター音とともにユニークなアニメーションが始まり、ページを下部にスクロールするとギター音が小さくなり、また戻ると大きくなるという面白いギミックを採用しています。
46. アダチ伝統木版画
https://foundation.adachi-hanga.com
木版画の保存を目的とした公益財団法人のアダチ伝統木版画のホームページです。
あえてブルーの原色を固定ナビゲーションに採用しているところが、木版画のアバンギャルド感を演出しています。
47. BULAN
中目黒でビンテージ古着を販売しているのがBULANです。
シングルページを採用し、右側に配置されているナビゲーションをはじめ、全体的にシンプルな幾何学模様で装飾されています。
48. INDETAIL
東京・札幌のアプリ開発企業、INDETAILのコーポレートサイトを見てみましょう。
平行ではなく、斜めに切ったコンテンツの配置が非常にユニークでショーイングアニメーションが写真を引き立たせます。モノクロ写真とカラー写真を相互に配置し、重要な写真を目立たせる手法を取り入れています。
49. 水曜日のカンパネラ
音楽バンド水曜日のカンパネラの公式ホームページです。
絵の具が混じったような背景にメンバーの顔写真を切り合わせたようなインパクトのある画像が来訪者を惹きつけます。マウスカーソルを動かすと水面が揺れるようなアニメーションにも注目してみてください。
まとめ
今回は、2016年にもっとも印象に残った、海外・国内のWebサイトを49個紹介しました。
ホームページを制作する時には、他サイトからインスピレーションを得るという行為は非常に大切です。
アニメーション、レイアウト、配色、写真や動画の使い方……etc
それぞれのホームページに独特の良さがあるので、2017年これからホームページを制作する時に参考にしてみてはいかがでしょうか。
- Webサイト
- Webサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ１ページ)の集まりのことです。
- Webサイト
- Webサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ１ページ)の集まりのことです。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- トップページ
- インターネットのWebサイトの入り口にあたるページのことをトップページといいます。 一般的には、階層構造を持つWebサイトの最上位のWebページをさします。サイト全体の顔としての役割も果たすため、デザインなどで印象を残すことも考えたサイト作りも有効となります。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- トップページ
- インターネットのWebサイトの入り口にあたるページのことをトップページといいます。 一般的には、階層構造を持つWebサイトの最上位のWebページをさします。サイト全体の顔としての役割も果たすため、デザインなどで印象を残すことも考えたサイト作りも有効となります。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- ウェアラブルデバイス
- ウェアラブルデバイスとは、手首や腕、頭など体の一部に装着して使用するコンピュータデバイスのことを指します。Googleの開発しているGoogleGlassやサムスンのGalaxyGear、AppleのAppleWatchなどがあります。メガネや腕時計のような形で身に付けることができ、スマートフォンにかわる端末として注目されています。
- ドメイン
- ドメインとは、インターネット上で利用可能なホームページやメールなどを識別するときの絶対唯一の綴りを言います。電話番号や自動車ナンバーが同一のものがないのと同様に、インタネットにおいても、２つとして同じドメインは存在できない、といった唯一無二の綴りです。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- テキスト
- テキストとは、純粋に文字のみで構成されるデータのことをいいます。 太字や斜線などの修飾情報や、埋め込まれた画像などの文字以外のデータが表現することはできませんが、テキストのみで構成されたテキストファイルであれば、どのような機種のコンピューターでも共通して利用することができます。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- UX
- UXとは、ユーザーエクスペリエンス（User Experience）の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI（ユーザーインターフェイス、User Interface）がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- セッション
- Googleアナリティクスは、ホームページに適切に組み込めばアクセス状況を把握できる便利なサービスです。Googleが無料で提供しており、日本でも大手企業や金融機関、政府など、その利用のシェアを広げています。そこで、もっとも基本的な単位がセッションです。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- サムネイル
- サムネイルとは、多数の画像や動画など、読み込みに時間のかかる情報の概要をおおまかに把握するために作られた縮小画像のことです。 一般的にはサイズ・画質が落とされた画像が採用され、該当の画像や動画を読み込むかどうかを判断するための「見本」として使われます。 元々は親指の爪（thumb nail）という意味を持つ言葉で「サムネ」と略して呼ばれることもあります。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト（ウェブレイアウト）」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- インタラクション
- 交流、相互作用、対話などの意味を持つ英単語で、ふたつ以上の存在が互いに影響を及ぼしあうことです。ITの分野においては、主に人間とシステム（コンピューター）の間の情報のやりとりのことを指し、人間の操作や入力に対するシステムの反応や出力（アクションとリアクション）、対話的な操作方法、の意味で用いられることが多いです。
- エンゲージメント
- エンゲージメントとは、企業や商品、ブランドなどに対してユーザーが「愛着を持っている」状態を指します。わかりやすく言えば、企業とユーザーの「つながりの強さ」を表す用語です。 以前は、人事や組織開発の分野で用いられることが多くありましたが、現在ではソーシャルメディアなどにおける「交流度を図る指標」として改めて注目されています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- マーケティング
- マーケティングとは、ビジネスの仕組みや手法を駆使し商品展開や販売戦略などを展開することによって、売上が成立する市場を作ることです。駆使する媒体や技術、仕組みや規則性などと組み合わせて「ＸＸマーケティング」などと使います。たとえば、電話を使った「テレマーケティング」やインターネットを使った「ネットマーケティング」などがあります。また、専門的でマニアックな市場でビジネス展開をしていくことを「ニッチマーケティング」と呼びます。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- CS
- CSとはCustomer Satisfactionの略称で「顧客満足度」を意味します。顧客との関係維持、サービスの発展に関するマーケティング戦略に関わる用語です。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- Webサイト
- Webサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ１ページ)の集まりのことです。
- コンサルティング
- ビジネスはより高度化し専門的になっています。そこで、事業者のみならず専門家を呼び、彼らからアドバイスを受けながら、日々の活動を確認したり、長期の戦略を考えたりします。その諸々のアドバイスをする行為自体をコンサルティングといい、それを行う人をコンサルタントと言います。特別な資格は必要ありませんが、実績が問われる業種です。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- リンク
- リンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。
- インタラクション
- 交流、相互作用、対話などの意味を持つ英単語で、ふたつ以上の存在が互いに影響を及ぼしあうことです。ITの分野においては、主に人間とシステム（コンピューター）の間の情報のやりとりのことを指し、人間の操作や入力に対するシステムの反応や出力（アクションとリアクション）、対話的な操作方法、の意味で用いられることが多いです。
- シェア
- シェアとは、インターネット上で自分が見つけて気に入ったホームページやブログ、あるいは、Facebookなど自分自身が会員登録しているSNSで自分以外の友達が投稿した写真、動画、リンクなどのコンテンツを自分の友達にも共有して広めたいという目的をもって、SNSで自分自身の投稿としてコンテンツを引用し、拡散していくことをいいます。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- ポップアップ
- ホームページにおいてポップアップとは、現在見ているホームページの上に、重なるような状態で、新たな画面が開き、その最前面面に表示されることを言います。より目立つ、注目を集めることが出来る反面、見ている画面を遮るように表示されるので、不快に受け取られる傾向があります。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト（ウェブレイアウト）」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- 広告
- 広告とは販売のための告知活動を指します。ただし、広告を掲載するための媒体、メッセージがあること、広告を出している広告主が明示されているなどの３要素を含む場合を指すことが多いようです。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- ナビゲーション
- ナビゲーションとは、もともと「目的地までの経路」や「道順案内」を意味する英単語です。しかし、インターネットの分野では、ホームページにある主要コンテンツをまとめたリンクを指します。これがあることで、ユーザーは目的のページがどこにあるかを短時間で見つけることができます。また、検索エンジンのクローラー（検索ロボット）に対して、効率的にサイト内を巡回させるという効果もあります。 ナビゲーションには「グローバルナビゲーション」と「ローカルナビゲーション」の二つがあります。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト（ウェブレイアウト）」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- コンサルティング
- ビジネスはより高度化し専門的になっています。そこで、事業者のみならず専門家を呼び、彼らからアドバイスを受けながら、日々の活動を確認したり、長期の戦略を考えたりします。その諸々のアドバイスをする行為自体をコンサルティングといい、それを行う人をコンサルタントと言います。特別な資格は必要ありませんが、実績が問われる業種です。
- コーポレート
- コーポレートとは、日本語の「企業」のことです。インターネット上で「コーポレートサイト」という場合は、企業のホームページであることを表します。また、コーポレートは接頭語として使われることが多く、「コーポレートガバナンス（企業内統制）」などのように、他の単語と組み合わせて使うことが多いようです。会社そのものを指すことが多い「カンパニー」とは使い方が異なります。
- トップページ
- インターネットのWebサイトの入り口にあたるページのことをトップページといいます。 一般的には、階層構造を持つWebサイトの最上位のWebページをさします。サイト全体の顔としての役割も果たすため、デザインなどで印象を残すことも考えたサイト作りも有効となります。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ナビゲーション
- ナビゲーションとは、もともと「目的地までの経路」や「道順案内」を意味する英単語です。しかし、インターネットの分野では、ホームページにある主要コンテンツをまとめたリンクを指します。これがあることで、ユーザーは目的のページがどこにあるかを短時間で見つけることができます。また、検索エンジンのクローラー（検索ロボット）に対して、効率的にサイト内を巡回させるという効果もあります。 ナビゲーションには「グローバルナビゲーション」と「ローカルナビゲーション」の二つがあります。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ナビゲーション
- ナビゲーションとは、もともと「目的地までの経路」や「道順案内」を意味する英単語です。しかし、インターネットの分野では、ホームページにある主要コンテンツをまとめたリンクを指します。これがあることで、ユーザーは目的のページがどこにあるかを短時間で見つけることができます。また、検索エンジンのクローラー（検索ロボット）に対して、効率的にサイト内を巡回させるという効果もあります。 ナビゲーションには「グローバルナビゲーション」と「ローカルナビゲーション」の二つがあります。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの（エクセル・ワード等）作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン（メール・ゲーム・カレンダー等）のことをアプリと呼ぶことが主流になりました。
- コーポレート
- コーポレートとは、日本語の「企業」のことです。インターネット上で「コーポレートサイト」という場合は、企業のホームページであることを表します。また、コーポレートは接頭語として使われることが多く、「コーポレートガバナンス（企業内統制）」などのように、他の単語と組み合わせて使うことが多いようです。会社そのものを指すことが多い「カンパニー」とは使い方が異なります。
- コンテンツ
- コンテンツ（content）とは、日本語に直訳すると「中身」のことです。インターネットでは、ホームページ内の文章や画像、動画や音声などを指します。ホームページがメディアとして重要視されている現在、その内容やクオリティは非常に重要だと言えるでしょう。 なお、かつてはCD-ROMなどのディスクメディアに記録する内容をコンテンツと呼んでいました。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- Webサイト
- Webサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ１ページ)の集まりのことです。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト（ウェブレイアウト）」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
この記事を書いたライター
おすすめ記事
関連記事
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●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・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
●課題
●その他
