2022年のウェブサイトカテゴリー&ピックアップサイト課題

2022年のウェブサイトカテゴリー&ピックアップサイト課題

2022年06月09日 /最終更新:2022年06月13日
2022年のウェブサイトカテゴリー&ピックアップサイト課題

この記事の目次

ウェブサイトカテゴリー&ピックアップサイト課題(2022年提出分)

みなさんが提出してくれた課題をまとめています。(2022年提出分)
時間の関係上、全てを紹介することはできないですが、気になったものを強調しています。

カテゴリ:ポートフォリオサイト

かまぼこのへや

大きく作品を見せて強い印象を与えることで、自己紹介や制作実績をアピールしているから。

黒澤世莉オフィシャルサイト

ただ政策実績を見せるだけでなく、自分がよく言うことをまとめて目立つところに配置し、興味を持ってもらった上で実績を見せているから。

Megumi Iwata | 東京のブランディングデザイン事務所

開く前のワクワク感が好き
スライドさせた時に映像が変わっていくので見ているだけで面白いなと思う。
女性が多く見ると思うので、女性が好きそうな色合いや背景になっていてかわいいなと思った。

初めの蝶々のエフェクトがおしゃれで目を引いた。シンプルなデザインで見やすい。
どういう目的で作ったのかやテーマが書いてあり分かりやすい誰が何を担当したのか、また掲載年も書いてあり見やすい。

九州のドローン空撮サービス | 九州空撮隊(熊本・福岡・鹿児島・長崎・大分・宮崎・佐賀・沖縄)

スライドさせると文字が動くということは考えになかったので発想が面白いなと思った。
背景の映像も動いていて実際にどんなものが撮れるのかが想像できていいなと思った。

背景の動きと上にある文字の動きのバランスがよくてまとまりがあって見やすく素敵だと感じました。
空のみの映像で、九州それぞれの県の良さを最大限に生かしているのがいいと思いました。

最初に表示された空に”九州の空”と書かれたサイトが印象的であったが、スクロールしていくと”九州の空”から”の”が上にスライドされて”空”が上に上がり”空撮隊”と変化するなど文字が次々にスライドして次の文章になるところとバッグ背景も変わっていってかっこいいと思った。

空撮の壮大な映像もあってすごいと思った。

takaone | Works | Kazuki Noda Portfolio

自分で色を変えられたり、カーソルを合わせると画面の写真が変わったりとすごく手が込んでるのが見るだけで伝わったからです。
あとは音楽が流れており、サイト自体のとおしゃれな感じの統一性がうかがえたからです。

Portfolio – Projects – Achievements Mathieu Lévesque | Photographer Advertising Director | Culinary Food Product Still Life | Mathieu Lévesque

数多くのポートフォリオが紹介してあって、スクロールするたびに芸術的な画像や動画を見ることができるからです。どの画像もCMで使われててもおかしくないようなもので、一つの展示会を見ているような感じがしました。

HOLO.g

背景の色が黄色で目立っていた。文字の目立たせ方がすごく魅力的に感じた。文字の大きさの使い分けやアニメーションが見やすく興味がわいたから。

Elena Iv-Skaya – La Dolce Vita On The Beach

モデルさんの表情や風景がすごく目に留まった。文字自体は少なくて写真がメインな感じで見やすかった。文字がたくさん書いてあると読みにくいと思うから、写真を際立たせるほどの文字だけでとても全体のレイアウトがきれいだったから。

Mise En Abyme

まず、サイトを開いたらすごくミステリアスなもののサイトなんだというのが目に入った。マウスを動かすと人体や壁が歪んだりノイズが発生するなど、なお一層ミステリアスを感じた
サイトをロード中にもカウントダウンのように数字が表示されたり、カラフルにするのではなくあえて白黒にする部分をすることで、不思議な雰囲気を醸し出していた。

Folio-19

全面的にそのサイトの特色が出ている
伝えたいことをところどころに大きくしてちゃんと読んでなくてもスクロールするだけで伝わるからなんとなく気になってサイトを見たという人がわかりやすい構図になっている。また、シンプルで見やすいデザインだからこそ伝わってきやすいものがあるのだと思った。

WHITEOUTWORKS 商業建築デザイン・プロジェクトマネジメント

ポインターを当てるとポインターの周りだけ別の背景が浮かび上がって面白かったです。また、文字や背景が白と黒でまとめられていて見やすかったです。

中澤季絵

サイトを開くときれいな花のイラストが出てきて印象的でした。画面を動かすと花が絶妙に移動してきれいで、個人的にかなり気に入りました。

Doogdesign

マウスの矢印が丸い球体に代わっており、ページの世界観を崩していないのがいいと感じたから。

Kazuki Noda Portfolio

マウスを操作すると丸い球体を動かせる点はその1と似ているけれど、その丸い球体に合わせてバナーに色が付く感じでページが変化していくのが新鮮でいいと感じたから。

Isabel Moranta

下へスクロールすると、右から左に文字が動き、上へスクロールをすると、左から右に文字が戻ってくるところが、便利だと思ったから。また、文字のデザインが私好みだったため。

WHITEOUTWORKS

最後のページで、英語が書かれているのですが、その英語の文字にカーソルを合わせると、日本語訳が出るのが面白いと思いました。また、マウスのカーソルに合わせて、映像が動いたりするので、興味を持ち、サイトを見る時間が長くなると思ったから。

カテゴリ:ブランド・サービスサイト

カウブランド赤箱 牛乳石鹼共進社株式会社

色合いが牛乳みたいでかわいい
ひとつひとつの枠が商品の箱みたい

マンボビピ&ヨウソロー

スクロールで物語が進んでいって楽しい

愛でたまご

Webデザインクリップの掲載サイトの中で、サムネイルが特別目に留まったから。

開いてみると、愛でたまごというブランドたまごの紹介ページで、下部には企業のPR情報も載っていた。

Webサイトの種類に関する記事から、ブランドサイトの説明文を見つけた。

「主力商品一つにつき、一つのブランドサイトを作成することも珍しくない」
「商品やサービス、企業自体の魅力をまとめるサイト」

という内容を見て、自ブランドたまごと企業の魅力アピールをまとめたこのサイトは、ブランドサイトに当てはまるのではないかと思った。

リールス

普段、気にすることのないことが詳しく書いてあって、もっと知りたいと興味がわいてくる
カテゴリーの中で、一つ一つ写真がついていて、見やすい。

Gショック

次々と、他の時計の写真を出しているので比較しやすい。背景がシンプルで、時計に目がひかれる写真だけでなく、YouTubeでの紹介があるのでわかりやすい。

カテゴリ:WEBマガジン

ティッカートーク

デフォルメ絵の配置や動きがとても素晴らしかった
主に項目ごとに台詞が変わったり 吹き出しが動くしかけにはとてもハッとさせられた。
また、絵を多く使っているのにサイトにすごくまとまりがありサイト全体がとても見やすいのがいい点だった

人気の記事や新着の記事が分けられていて見やすい。
投稿した日付も書いてあるので分かりやすい。
質問したい時に分かりやすいところに質問ボタンがある

kappo

サイト全体の色のバランスがあり、とても落ち着いた雰囲気のサイトで見るターゲットによく合わせてあるデザインだった。主にトップ画面のスライドショーの選別がとてもよくてついついじっと眺めてしまうような工夫がされてありすごいなと思った。

カテゴリ:デザイン・制作会社のwebデザイン

2022年卒 採用サイト バケモノ株式会社

見ていた画面の中で一番惹かれたから。水色・黒・白で統一されていたところがかっこいいなと思った。会社の特徴・気になる情報が少しの説明とイラストでわかるのでいいなと思った。

We are ZIZO – Digital and Creative agency in Japan

ミニイラストがすごくかわいい。会社紹介がゲーム風になっていて楽しみながら見れるところがいいと思った。建物や小物もすごく丁寧にかわいく描かれていてすごくいいと思った。

isai Inc.

画面全体に色と文字があって、スクロールをしたら画面全体が動くので見ていて楽しめるサイトだと思いました。色味に統一感があって見やすいデザインだと感じました。

東京の映像・企画・イベント制作会社 株式会社真面目

映像制作会社だけあって、映像がかっこいい。
ッグの文字が動いたり、会社のロゴ?が動くのもユーモアがあっていいと思った。
カテゴリーがスライドの途中から出てくるのが、珍しくどうやって表示させているのか気になった

カテゴリ:リクルート・アルバイトサイト

新卒採用情報 エムスリー株式会社

文字が組み合わさっているデザインで、なんとなくプログラミングを連想させていた。医療とITをかみ合わせて世界を変えることを目標としており、最先端を行く会社だと思った。最先端さをうまく表現していると感じた。

SINGNIF – Official Web Site

いろんなジャンルのグラフィックを担当している会社でも、作品紹介では大きなグラフィックを使ってないところ。大きなグラフィックを使っていなくても、一つ一つ紹介している作品に少しだけ動きがついていて、きれいにまとまっているかつ興味を惹かれる作りだった。

採用情報|ブリヂストン

Webサイトの種類に「リクルートサイト」があったので、Webデザインクリップから探した。

飛行機のモデルが大きく掲載されたサムネに惹かれ、開いた。

採用情報だけでなく、会社の魅力や働き方など、就活中の人に向けたページばかりのサイトなので、リクルートサイトに当てはまると思った。

tona by RIKA KAWATO

色合いが茶色と肌色で今流行っている色なのでとても可愛かったのと、とても画面が見やすいと思ったから。
英語も書いてあるので外国人の方にも見やすい

新卒採用情報|エムスリー株式会社【M3, Inc.】

就活で大事な言語をwebサイトで取り入れるのがすごいと思ったのとサイトを開いたときに一気に映し出されていて迫力があると思ったから。