スクロール

Awwwards – Website Awards – Best Web Design Trends

URL / https://www.awwwards.com/

Webデザインアワードサイト。紫のグラデーション背景にスニーカーの立体的なビジュアルを配した受賞サイト紹介ページ。

映画『怪物』 公式サイト

URL / https://gaga.ne.jp/kaibutsu-movie/

映画公式サイト。カンヌ国際映画祭出品を伝える赤地に、主演の子役2人の写真と大きな毛筆体タイトルを組み合わせた構成。

coe──未来世代のちいさな声から兆しをつくる | CINRA

URL / https://www.cinra.net/specialfeature/coe

Webメディアの特集ページ。白黒の線画イラストに囲まれた、カラフルなグラデーションのロゴタイポグラフィが目を引く。

Summer Afternoon

URL / https://summer-afternoon.vlucendo.com/

ゲーム風インタラクティブサイト。麦わら帽子の少年が村の道に立つ、ジブリ風の柔らかい色使いのイラストが印象的。

東京都立大学

URL / https://www.tmu.ac.jp/

大学の公式サイト。コンクリート打ちっぱなしの吹き抜けホールを見下ろして捉えた、荘厳な建築写真が特徴的。

AINO — DESIGN AND TECHNOLOGY AGENCY

URL / https://aino.agency/

デザイン・テクノロジー会社のサイト。黒背景に白のASCIIアートで人物ポートレートを表現したユニークなビジュアル。

2024年度定期採用｜フェリシモ

URL / 掲載終了

新卒採用サイト。クラフト紙にスクラップブック風の写真とイラストを貼り付けた、手作り感のあるノート風デザイン。

青森県立美術館

URL / https://www.aomori-museum.jp/

美術館の公式サイト。太い線画の和文タイポグラフィと展覧会ポスターを組み合わせた、シャープで読みやすいレイアウト。

東野産婦人科

URL / https://www.toono.or.jp/

産婦人科医院のサイト。青系の幾何学模様イラストに「未来は、女性から生まれる。」というメッセージを添えた構成。

iDID

URL / https://idid.team/

クリエイター向けサービスのサイト。カラフルな幾何学ブロックを持ち上げる人物イラストが賑やかで楽しい雰囲気。

taannerr

URL / https://taannerr.com/

革財布ブランドのサイト。錆びた工作機械の上にオレンジ色の財布を置いた対比が印象的な、質感を感じる物撮り写真。

Mirai Moriyama Official Web Site | 森山未來 公式サイト

URL / https://www.miraimoriyama.com/

俳優のオフィシャルサイト。白背景にモノクロの明朝体ロゴタイプと出演作品のサムネイルをグリッドで並べた構成。

キャピタルモータース株式会社｜新卒採用情報

URL / https://capital-recruit.jp/newgraduate/

新卒採用サイト。オレンジのグラデーション背景に、タクシー会社らしい街並みの実写を切り抜いて配置したデザイン。

株式会社セブンデックス

URL / https://sevendex.com/

マーケティング会社のサイト。白背景にオレンジの幾何学アイコン群と力強い英字コピーを組み合わせたシンプルな構成。

Today’s Flyer | 今日のフライヤー

URL / https://abstract.jp/flyer/

海外フライヤーのキュレーションサイト。サイケデリックからレトロまで多様なポスター画像をグリッドで一覧表示。

tegusu

URL / https://tegusu.com/

制作会社のコーポレートサイト。細い線のロゴタイプのみを大きく配置した、余白を活かしたミニマルな導入画面。

おかげさまで創業70周年 | 株式会社ぐしけん

URL / https://www.gushikenpan.com/

製パン企業のサイト。クリーム色の背景にパン商品を敷き詰めた写真と、カエルのマスコットキャラクターが親しみやすい。

omi – Photographer and Creator

URL / https://omikim.jp/

フォトグラファーのポートフォリオサイト。作業机を俯瞰で捉えたモノトーン写真に「CREATIONS」の文字を重ねた構成。

2024年卒 新卒採用サイト｜バケモノ株式会社

URL / https://bakemono.co.jp/recruit/

新卒採用サイト。新聞を読む人物の線画イラストと水色のトーンで「RECRUITING SITE」を大きく見せる導入。

dof inc. | CASES | JR東日本 – 行くぜ、東北。

URL / https://dof.jp/cases/ikuze/

制作会社の実績紹介ページ。青いトラス橋のトンネルを進む電車の写真に筆文字コピーを重ねた広告キャンペーンのビジュアル。

ぺんてる株式会社

URL / https://www.pentel.co.jp/

文具メーカーのサイト。赤い背景に色鉛筆や絵の具、修正液など文房具を並べたカラフルな物撮り写真が目を引く。

さんかく屋根の下

URL / https://komeda-sankaku.com/

コーヒーチェーンのファンコミュニティサイト。喫茶店に集う人物たちの線画イラストが、茶系の温かみあるトーンで描かれる。

アユムホーム AYUMU HOME 自由設計の注文住宅

URL / https://ayumu-home.co.jp/

注文住宅会社のサイト。モノクロのドット柄フィルターがかかった住宅写真に、白抜きロゴを重ねた印象的な導入部。

ASOBISYSTEM Co., Ltd. | アソビシステム株式会社

URL / https://asobisystem.com/

芸能事務所のサイト。赤いリボンを頭に巻いたアーティストの写真とカラフルなコラージュ画像を並べた賑やかな構成。

インユース MOONSTAR

URL / https://products.inuse.jp/

スニーカーブランドの特集ページ。線画の子供イラストがスニーカーを履いて歩く姿を描いた、シンプルで温かい表現。

メロン オブ メロン フラペチーノ®｜スターバックス コーヒー

URL / 掲載終了

季節限定ドリンクの特設ページ。鮮やかな緑地に、メロンとオレンジのグラデーションが美しいフラペチーノの写真。

MELECT（ミレクト）- 私が選ぶ、私のためのスキンケア

URL / https://melect.jp/

スキンケアブランドのサイト。水色とベージュの背景に美容液ボトルを傾けて配置した、透明感のある上品な物撮り写真。

5ive Inc.

URL / https://5ive.jp/

制作会社のサイト。余白を大きくとった白背景に青いロゴと「問いを、最適な解に。」のコピーを配したミニマルな構成。

Crulib(クルリブ)

URL / https://crulib.jp/

家具ブランドのサイト。木の温もりを感じるリビング写真にネイビーのソファを配し、「360°暮らそう。」のコピーを重ねる。

株式会社FINDERS

URL / https://www.finders-tokyo.co.jp/

不動産サイト。3カラムのレイアウトでおすすめ物件・街を見つめる人物イラスト・連絡先を並べたシンプルな構成。

映画『サイド バイ サイド 隣にいる人』

URL / https://happinet-phantom.com/sidebyside/

映画公式サイト。苔むした森を頭に載せた俳優の横顔を描いたアートワークが、幻想的で詩的な印象を与える導入。

HAND CREAM Neco ｜ アジュバンコスメジャパン

URL / https://neco-handcare.jp/

ハンドクリームの製品サイト。淡いグレーの背景にチューブを配した、静かで上品な物撮り写真が特徴のブランドサイト。

palpitodesign-パルピトデザイン-

URL / https://palpitodesign.studio.site/

Webデザイナーのポートフォリオサイト。モノクロの人物・花の写真をコラージュした、上品でエレガントな構成。

MONKEY DRIVE

URL / https://monkey-drive.com/

デジタルデザイン会社のサイト。黒背景に忍者風キャラクターのイラストと「突き進め」の力強い和文タイポグラフィ。

好きが、売れる。BASE・10周年特設サイト

URL / 掲載終了

ネットショップサービスの10周年特設サイト。ティピーテント型のロゴマークとネイビー×白のグラフィカルな配色。

相鉄東急直通記念ムービー「父と娘の風景」

URL / 掲載終了

鉄道会社の特設サイト。電車内で吊革につかまる父娘の写真に「父と娘の風景」という明朝体のタイトルを重ねた構成。

HAA 公式オンラインストア

URL / https://haajapan.com/

ウェルネスブランドのサイト。夕焼け空を見上げる女性の写真と「こころと身体に、深呼吸を。」のコピーで穏やかな世界観。