海外

Mr. Panda’s Psychologically Safe Portfolio

URL / https://www.mr-pandas-psychologically-safe-portfolio.com/

ノートの罫線を背景に、手描き風のイラストと文字で綴ったユーモアたっぷりの個人ポートフォリオ。

Reliable Robotics

URL / https://reliable.co/

自律航空機開発企業Reliable Roboticsの公式サイト。濃紺の背景に等角図で描いた小型機と、部品を青い光でハイライトする技術的な見せ方。

The Search for Work Happiness Book

URL / https://www.findworkhappiness.com/

幸福をテーマにした書籍のプロモーションサイト。ビルの断面図に細密な線画で人々の暮らしを描いたイラストが見どころ。

Rocketpanda motiongraphics and animation studio

URL / https://www.therocketpanda.com/

モーショングラフィックス制作会社のサイト。PUMAの企画で、街のシルエットに赤い卵形のモチーフを浮かせたイラスト。

AKUTO STUDIO · CHORD MACHINE AKT-0.1

URL / https://akutostudio.com/

AKUTO STUDIOの新製品「CHORD MACHINE」特設サイト。石のテクスチャを背景に丸いキーが並ぶ楽器のプロダクト写真。

Awwwards – Website Awards – Best Web Design Trends

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

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

AINO — DESIGN AND TECHNOLOGY AGENCY

URL / https://aino.agency/

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

Good Times

URL / https://go-od.co/

デザイン会社のサイト。「GO:OD」の大きなタイポグラフィと黄色いフォルダアイコンを並べたポップな構成。

MKTLM

URL / https://mktlm.obys.agency/

Obysが手がける「MKTLM」のプロジェクトサイト。赤い装飾的な欧文タイポグラフィ「MAGIC KEY TO LITTLE ME」が優雅で印象的。

Spline – Design tool for 3D web browser experiences

URL / https://spline.design/

3Dデザインツール「Spline」のサイト。ダークな背景にカラフルな立体図形とうさぎのキャラクターを配置した、遊び心あるグラフィック。

Know Your Beetle by Kaploom

URL / https://www.knowyourbeetle.com/

カブトムシの教育サイト「Know Your Beetle」。赤い大胆な欧文タイポグラフィ「KNOW YOUR BEETLE」の下にカブトムシのシルエットが並ぶ。

Aro | Reclaim Family Time

URL / 掲載終了

家族のスマホ時間を減らすためのデバイス「Aro」のサービスサイト。木蓋の白いボックスとスマホを並べた製品写真と、落ち着いたセージカラーの背景が上品。

Elegant Seagulls – A Digital Creative Agency

URL / https://www.elegantseagulls.com/

デジタルクリエイティブエージェンシーElegant Seagullsのサイト。淡い藤色の筆跡のような形にカモメの写真を切り抜いたビジュアルが軽やかで目を引く。

Violet Office

URL / https://violetoffice.com/

ニューヨークのデザインスタジオViolet Officeのサイト。画面幅いっぱいに組んだ大きな黒文字と、黄色地に繰り返される「COLLABORATION」のタイポグラフィが力強い。

Natz | Hard Seltzer

URL / https://www.drinknatz.com/

フランスのハードセルツァーブランドNatzのサイト。「INFUSION REVOLUTION」の極太タイポグラフィの下に、パステルカラーのボトルと花を並べた写真が華やか。

Adam Widmanski

URL / https://widman.ski/

デジタルクリエイターAdam Widmanskiのポートフォリオサイト。明るいグレーの余白に、ボルゾイたちのモノクロ写真とセリフ体のテキストを配した上品なレイアウト。

Workspace in Cardiff

URL / https://www.coalhouse.co.uk/

カーディフのワークスペース「COAL HOUSE」の告知サイト。ダークな背景に端正なセリフ体のタイトルと、オリーブ色の幾何学的なライン装飾が映える。

Sitting time | Vitra

URL / https://findmy.vitra.com/en-en/questionnaire/chairs/questions/sitting-time

Vitraのオフィスチェア選びをサポートする診断コンテンツ。多彩なチェアの切り抜き写真を画面いっぱいに散りばめ、座る時間をスライダーで選べるインタラクティブな構成。

Capsul’in Zero Impact

URL / https://www.capsul-in-pro.com/home-compost-capsule/

家庭でコンポストできるコーヒーカプセル「Capsul'in Zero Impact」の紹介ページ。紙のような質感の背景に、カプセルの線画と「Oxygen Barrier」の大きな文字を重ねている。

MUPLUS

URL / http://muplus.co.kr/2021_renewal/html/Main/main.html

韓国のUI/UXコンサルティング会社MUPLUSのサイト。深い赤のグラデーションに有機的な曲線の形を重ね、白い大きなロゴを据えたインパクトのあるトップ。

Color of the year 2021 — PANTONE

URL / https://color-of-the-year.com/ultimate-gray-illuminating

PANTONEの「Color of the year 2021」特設サイト。画面の上半分をイエローの色面、下半分を白地に黒のロゴで分けた、色見本のように潔いレイアウト。

Pitchfork Music Festival Paris

URL / https://pitchforkmusicfestival.fr/

パリで開催される音楽フェスティバルの公式サイト。パステルのにじむような背景に、黄色の大きな文字で出演者と日程を詰め込んだ大胆なデザイン。

Web oficial Leo Messi

URL / https://messi.com/

サッカー選手リオネル・メッシの公式サイト。トロフィーを掲げて喜ぶ選手たちの写真を全面に敷き、白い字間の広い英字コピーを重ねている。

Animus Studios

URL / https://www.animusstudios.com/

クリエイティブスタジオ「Animus Studios」のサイト。木のブロックを敷き詰めた写真に、白い筆記体のロゴと色付きのコーナーを重ねた印象的なビジュアル。

Loivie

URL / 掲載終了

ブランド「LOiViE」の韓国語版サイト。淡いベージュの背景に、手の影が落ちるアーチ型の写真と青いセリフ体のロゴを重ねた上品なファーストビュー。

Gucci Beauty

URL / 掲載終了

GUCCIのビューティーライン「Gucci Beauty」のサイト。青紫の背景に、青とピンクの手鏡に映る顔を写したユニークな写真が印象的。

Playthings to Love

URL / 掲載終了

木のおもちゃブランドKOTOKのサイト。動物や人の顔を描いたカラフルな木製人形を、白木のブロックの上に並べた写真が楽しい。

Studio Willen

URL / https://studiowillen.net/

Studio Willenのサイト。白地に袋文字の大きな「Latest Work」と、グレー背景で撮った白いオブジェの写真をずらして配したミニマルなレイアウト。

Memory Cloud

URL / https://www.memorycloud.org.uk/

亡くなった大切な人の思い出を残せるMarie Curieの「Memory Cloud」。黄色い背景に花びらが舞い、優雅なセリフ体の「Remember」が中央に置かれる。

Spaced | Social Distancing App

URL / 掲載終了

ソーシャルディスタンスを保つためのアプリ「Spaced」のサイト。青紫の背景に太い欧文の見出しと、イラスト入りのスマホ画面を傾けて配置している。

Taubmans Chromatic Joy

URL / 掲載終了

塗料メーカーTaubmansのカラートレンドサイト「Chromatic Joy」。色とりどりの幾何学パーツで組んだタイトル文字と、白黒の市松模様の縁取りが目を引く。

社團法人台灣人體生物資料庫學會

URL / 掲載終了

台湾人体生物資料庫学会の公式サイト。白い背景に銀色のDNAの二重らせんを大きく描き、円形のルーペで一部を拡大して見せる演出が印象的。

版塊設計 Block Studio

URL / https://blockstudio.tw/

台湾のデザイン事務所「版塊設計 Block Studio」のサイト。台北の地図を紺と白の線で描き、時計や気温、問い合わせなどのパネルを枠線で区切ったユニークなレイアウト。

Clemens Wenger: Physics of Beauty

URL / https://physicsofbeauty.art/

Clemens Wengerの音楽作品「Physics of Beauty」の特設サイト。曲名と再生時間を薄いグレーの画面に散らすように並べた、ミニマルなタイポグラフィ。

Phosphor Icons

URL / https://phosphoricons.com/

無料のアイコンセット「Phosphor Icons」の公式サイト。黄色の背景にペンやクリップ、タブレットのイラストを散らした、ポップで手触りのあるデザイン。

Rainbow Hunt | Ultimate rain simulator

URL / https://rainbowhunt.com/

雨音を楽しめるシミュレーター「Rainbow Hunt」のサイト。雨粒のついた窓越しに見る山道の風景に、雨の種類を選ぶ六角形のアイコンを重ねたユニークな画面。

Weedensenteret

URL / https://weedensenteret.no/

ノルウェー保健局による大麻の啓発サイト「Weedensenteret」。淡い水色の背景に立体の脳と大麻の葉を重ねた、クールで印象的な3Dビジュアル。