レスポンシブ

CIELIA SDGs initiatives for an ideal society

URL / https://www.cielia.com/m/lp/sdgs/

CIELIAのSDGs取り組み紹介サイト。ちぎり絵のようなカラフルな紙片をコラージュした、やわらかい印象のデザイン。

boco to deco – 正直な、青汁です。

URL / https://www.teinei.co.jp/lp/bocodeco/

正直な青汁「boco to deco」のサイト。空を背景に緑のパッケージを掲げた、すっきりとした爽やかな商品写真。

Miyukichi’s Portfolio

URL / https://miyukichi-design.net/

デザイナーみゆきちのポートフォリオサイト。真下から見上げた観覧車のパステルカラーの写真がトップを飾る。

緑の森どうぶつ病院

URL / https://midori-no-mori.jp/

動物病院のサイト。木々や動物たちを手描き風に敷き詰めた背景の中央に、円形で切り抜いた病院外観写真をやさしく配置。

映画『ヴィレッジ』公式サイト

URL / https://village-movie.jp/

映画公式サイト。横たわる主演俳優の顔をアップで見せる暗い背景に、白抜きの巨大な「Village」タイポグラフィを重ねた導入。

TEGO-LAB [テゴラボ] – 備後のこれからを考えるプラットフォーム

URL / https://tego-lab.jp/

地域プラットフォームのサイト。赤い水玉模様を敷き詰めた中に黄・青・黒のアクセントを効かせたポップな配色が目を引く。

ZOOM —日本発のコンテンポラリーデザインペン

URL / https://www.zoom-japan.com/

ボールペンの製品サイト。青みがかったグレーの背景にペン先を大胆にクローズアップした、静謐で美学を感じさせる写真。

資生堂クリエイティブ株式会社

URL / https://www.shiseidocreative.com/

資生堂グループのクリエイティブ会社サイト。ガラス張りのショップウィンドウと花の意匠ロゴを配した高級感ある写真。

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°暮らそう。」のコピーを重ねる。