y@webディレクター

主にファッション、アウトドア系のLPを制作。 noteでは、素敵なwebデザインやわか…

y@webディレクター

主にファッション、アウトドア系のLPを制作。 noteでは、素敵なwebデザインやわかりやすいwebサイトについて考えたことをレビューしています。 週一で投稿します。

【サイトレビュー】怪獣8号

＜概要＞4月から放送開始した怪獣8号のアニメ公式サイト ＜レビュー＞【ファーストインプレッション】 ・迫力あるキャラクターのビジュアルとモチーフカラーで世界観が表現されている。 ・情報過多にならず、ボリュームを制限してスライドにするなど整理されている。 【配色】 【クレジット】 ・制作会社：ソルト株式会社 ＜全体についての感想＞レスポンシブで設計されていて、英語版も言語が変わるだけでなく、レイアウトやビジュアルも異なる。 ユーザーがアニメの情報に接触できる最も手軽

y@webディレクター

    • 【サイトレビュー】リクションシナジーノック公式サイト

      ＜概要＞パイロットの消せるボールペン、フリクションのブランドサイト ＜レビュー＞【ファーストインプレッション】 ・webGLを活かした、製品のビジュアルが際立つデザイン ・グレーをベースとしてカラーパレットのアイコンタップでサイト全体の色味が切り替わるソリッドなデザイン 【配色】 【クレジット】 ・制作会社：合同会社 DESIGN STUDIO K ・企画：ORANGE AND PARTNERS CO., LTD. ・映像：GMO ENGINE 株式会社 ＜全体に

      y@webディレクター

      • 【サイトレビュー】神戸学院大学Dramatic Campus

        ＜概要＞神戸学院大学のブランディングの一環で制作されたサイト ＜レビュー＞【ファーストインプレッション】 ・情緒的な風景写真とコピーで、キャンパスライフが思い描ける 【配色】 【クレジット】 ・制作会社：株式会社ユニエル ＜全体についての感想＞2020年にローンチされた少し前のサイト。大学生が気になるキャンパスライフにフォーカスした手法が斬新。 1日の過ごし方を時間軸で追っていく構成はわかりやすく、体験をイメージさせたい製品のLPなどによく使われている。 大学のブ

        y@webディレクター

        • 【サイトレビュー】CHAMPION WHAT MOVES YOU

          ＜概要＞アパレルブランドCHAMPIONの特設サイト ＜レビュー＞【ファーストインプレッション】 ・力強いビジュアルと端的なコピーでCHAMPIONのブランドが表現されている。 ・アコーディオンの動きがスムーズでまるで下層ページに遷移しているような、コンテンツの豊富さを感じる。 【フォント】 Noto Sans JP - 500 【配色】 【クレジット】 ・制作会社：- ＜全体についての感想＞ムービーやコンテンツの方向性も手が混んでいる。

          y@webディレクター

        【サイトレビュー】怪獣8号

        y@webディレクター

          【サイトレビュー】MERRELL HYDRO NEXT GENHIKER

          ＜概要＞シューズブランドメレルの24ssコレクションページ ＜レビュー＞【ファーストインプレッション】 ・複数人のモデルカットを並べたシンプルな構成にも関わらず、レイアウトやロゴの配置などで洗練されたスタイリッシュな世界観を表現している。 【フォント】 TA Meni v2 - 400 【配色】 【クレジット】 ・制作会社：- ＜全体についての感想＞一見するとモデルのビジュアルが並ぶだけのシンプルな構成だが、3Dの製品画像が回転していたり、ホバーするとロゴの色

          y@webディレクター

          【サイトレビュー】MERRELL HYDRO NEXT GENHIKER

          y@webディレクター

          【サイトレビュー】form and craft HP

          ＜概要＞ウェブ、グラフィック、ムービー等の制作会社のHP。映像をうまく活用し、実績のビジュアルをメインに見せている。 ＜レビュー＞【ファーストインプレッション】 ・グラフィックやコピーを立たせるシンプルなレイアウトとカラーリング ・UIを邪魔しないさりげないパララックスがサイト全体を優雅に見せて、世界観を演出している。 【フォント】 Yu Mincho 5go Kana M - 300 linotype-sabon - 400 YakuHanMPs - 300 【配

          y@webディレクター

          【サイトレビュー】form and craft HP

          y@webディレクター

          HAL大阪　アホ科LP

          ＜概要＞IT、CG、ゲームの専門学校HAL大阪の新設学科のHP ＜レビュー＞【ファーストインプレッション】 ・とにかく迫力のあるデザイン ・オープンキャンパス参加募集のバナーの主張が強い 【フォント】 Shuei Anti+ - 400 【配色】 【クレジット】 ・制作会社：- ＜全体についての感想＞アホ科は存在しないらしいが、4/1 のエイプリルフールにかけたプロモーションの一環で、話題作りの方法として効果的だと感じた。 学校側も、型にとらわれない柔軟な発想

          y@webディレクター

          HAL大阪　アホ科LP

          y@webディレクター

          【サイトレビュー】味覚ゴールデンチャンス

          ＜概要＞サントリーのノンアルレモンサワーのキャンペーンサイト。 ＜レビュー＞【ファーストインプレッション】 ・モデルの顔や食事の切り抜き画像がランダムに配置され、アニメーションも賑やかな印象。 ・キャンペーンサイトで複数下層ページがあることから依然サウナとのタイアップが引の強いコンテンツであることが伝わる。 【フォント】 M PLUS 1p - 800 【配色】 【クレジット】 ・制作会社：- ＜全体についての感想＞ホバーアクションなどサイト内にふんだんに動き

          y@webディレクター

          【サイトレビュー】味覚ゴールデンチャンス

          y@webディレクター

          【サイトレビュー】映画”ボーはおそれている”特設サイト

          ＜概要＞「ボーはおそれている」の告知目的のLP。 ＜レビュー＞【ファーストインプレッション】 ・導入やローディングのエフェクトが興味をそそる ・映像と静止画でメリハリをつけたレイアウト。特徴的なシーンが散りばめられていて、映画のCMのような役割が強い。 【フォント】 Noto Serif JP - 400　YuGothic - 400 【配色】 【クレジット】 ・制作会社：- ＜全体についての感想＞PCではトップにキャンペーン情報などが配置されていて、スムーズ

          y@webディレクター

          【サイトレビュー】映画”ボーはおそれている”特設サイト

          y@webディレクター

          【サイトレビュー】トヨタショートドラマ

          ＜概要＞トヨタのプロモーション目的で、ショートムービーをまとめたLP ＜レビュー＞【ファーストインプレッション】 ・動画のみをまとめたシンプルな作りだが、スマホ用に最適化されたレイアウトで組まれていて、コンセプトや伝えたい情報が絞られわかりやすい。 【フォント】 Shippori Mincho - 400 【配色】 【クレジット】 ・制作会社：- ＜全体についての感想＞スクロールした時の動画の出方など、アニメーションも凝った作り。 スマホでのアクセスを促すQR

          y@webディレクター

          【サイトレビュー】トヨタショートドラマ

          y@webディレクター

          【サイトレビュー】Daytona Park 17th Anniversary ARIGATO!

          ＜概要＞フリークスストアのECサイト17周年を記念して作られたLP。 https://www.daytona-park.com/cp/17thcp/ ＜レビュー＞【ファーストインプレッション】 ・とにかく遊び心盛りだくさんのアニメーションやキャラクター、レイアウトで、LPというよりは、ゲームに近いエンターテイメント性を感じる。 【フォント】 Noto Sans JP - 700 【配色】 【SP設計のポイント】 ・イベントや特典、キャンペーン情報、ゲームなどな

          y@webディレクター

          【サイトレビュー】Daytona Park 17th Anniversary ARIGATO!

          y@webディレクター

          【サイトレビュー】東海汽船グループ10周年記念特設サイト

          ＜概要＞東海汽船グループの10周年特設サイト ＜レビュー＞【ファーストインプレッション】 ・シンプルなフォントとイラストを用いたメッセージ性の伝わりやすいデザイン。 【フォント】 "Zen Old Mincho" - 400 "Zen Antique" - 400 【配色】 【構成】 トップ 就航10周年の船舶 働く船・働く人図鑑 船にまつわる小話 フォトコンテスト お知らせ 【SP設計のポイント】 ・文章量が多い豆知識的なコンテンツは、カード型

          y@webディレクター

          【サイトレビュー】東海汽船グループ10周年記念特設サイト

          y@webディレクター

          【サイトレビュー】NII Recruit 2025

          ＜概要＞日本情報産業株式会社 新卒採用サイト ＜レビュー＞【ファーストインプレッション】 ・お笑い芸人”ニューヨーク”を全面に押し出したビジュアル。採用サイトでタレントをメインビジュアルに持ってくるのは、なかなか見ないため、新鮮。 ・タレントパワーに頼りすぎたデザインではなく、色使いやアニメーションも含めて企業ブランディングを重視して世界観を表現していることが伝わってくる。OGP画像も抜かりない。 【フォント】 見出し："Hiragino Kaku Gothic Pr

          y@webディレクター

          【サイトレビュー】NII Recruit 2025

          y@webディレクター

          【サイトレビュー】ART OF MIKU

          ＜概要＞初音ミク×現代アートの展示”ART OF MIKU”の公式HP。 ＜レビュー＞【ファーストインプレッション】 ・バリエーション豊かな初音ミクのアートが贅沢に流れるトップのスライド。 ・アニメーションやフォント、イラストなどで初音ミクの世界観を総合的に表現している。 【フォント】 見出し：__Urbanist_6c0b91 - 300 本文：__Shippori_Mincho_e72ba3 - 500 【配色】 【構成】 about artist

          y@webディレクター

          【サイトレビュー】ART OF MIKU

          y@webディレクター

          【サイトレビュー】本と美容室

          ＜概要＞美容室と書店を運営する「本と美容室」のブランドやスタッフ募集、パートナー募集などの窓口となるHP。 ＜レビュー＞【ファーストインプレッション】 ・全体的に淡めのイラストを使ってメッセージが際立つ世界観。 ・全ページに渡ってメッセージがボリューム、レイアウト等わかりやすく「本と美容室」を通してしたいことがわかりやすい。 【フォント】 見出し："Yeseva One" - 400 本文：TsukuAOldMinPr6-R - 400 【配色】 【構成】

          y@webディレクター

          【サイトレビュー】本と美容室

          y@webディレクター

          【サイトレビュー】未来の生物のための文化研究会

          ＜概要＞株式会社ラムが主催するプロジェクトの情報をまとめたLP。 ＜レビュー＞【ファーストインプレッション】 ・縁取りのアニメーションや幾何学的は背景、カラフルな色使いなど、パッと見て情報量が多い。少しゴチャついているように感じたが、強烈なインパクトで世界観が表現されていて、興味を持たせるデザインになっている。 ・表面的には、会員参加型のイベントやpodcastなどの内容が告知されているだけだが、プロジェクトとして、DAOでサブカルのコミュニティを作り、主催者、参加者双

          y@webディレクター

          【サイトレビュー】未来の生物のための文化研究会

          y@webディレクター