y@webディレクター

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

y@webディレクター

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

【shuichiサイトレビュー】尾道ラーメン しょうや｜尾道・福山の絶品醤油ラーメン&名物ヤキメシ

＜概要＞飲食店、尾道ラーメンの公式HP。 ＜レビュー＞【ファーストインプレッション】 ・食欲をそそるメインビジュアル ・店主の人情味を感じる求人情報ページ ・全体的に整理された設計 【配色】 【クレジット】 ・制作会社：Kohta Mizoguchi STUDIOEXPERTSという認定パートナーが制作したとのこと。 ＜全体についての感想＞STUDIOで制作されたHP。 テキストボリュームや級数など、ごちゃごちゃした印象がなく、飲食店ならでは、提供メニューの魅力

y@webディレクター

    • 【Shuichiサイトレビュー】town | 小田急の仲介

      ＜概要＞小田急不動産は「この街」のプロでありたい。メッセージを伝えるコンセプトサイト。 ＜レビュー＞【ファーストインプレッション】 ・白を基調とした淡い色味で人や街の写真が際立つ。 ・スクロールすると人から街へピントがずれる仕掛けが面白く、コンセプトにも合っている。 【配色】 【クレジット】 ・制作会社：株式会社STARRYWORKS ＜全体についての感想＞不動産は人生の中でもお金のかかる買い物であるが故に、コスパだけを謳ってもブランディングになりづらい。 だから

      y@webディレクター

      • 【サイトレビュー】山技屋HP

        ＜概要＞建築資材メーカーのHP ＜レビュー＞【ファーストインプレッション】 ・無駄を削ぎ落とした洗練された世界観 ・シンプルだからこそ製品とメッセージが際立つ構成 【配色】 【クレジット】 ・制作会社：Yuichi Tokuda ＜全体についての感想＞プロダクトの無機質な写真とモノクロのwebサイトがマッチしていて、建築資材に興味のない自分でも惹かれるデザイン。 コピーやメッセージに過剰なスペースを取ることなく、動線を簡素化し、製品を目立たせ、認知、購買に繋げる

        y@webディレクター

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

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

          y@webディレクター

        【shuichiサイトレビュー】尾道ラーメン しょうや｜尾道・福山の絶品醤油ラーメン&名物ヤキメシ

        y@webディレクター

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

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

          y@webディレクター

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

          y@webディレクター

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

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

          y@webディレクター

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

          y@webディレクター

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

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

          y@webディレクター

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

          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ディレクター