デザインのこと

津藤秀雄写真館

URL / https://hideotsuto.com/photo/

津藤秀雄写真館のサイト。青みがかった光の中で針仕事をする女性の横顔を捉えた、静かで印象的な写真を全面に使っている。

菅田将暉 | COLLAGE（コラージュ）

URL / https://sudamasaki-music.com/collage/

菅田将暉のアルバム「COLLAGE」の特設サイト。タイトルどおり紙を切り貼りしたコラージュでジャケットを構成し、赤やオレンジの鮮やかな色が重なる。

PACE（ペース）| LUCUA osaka（ルクア大阪）

URL / https://www.lucua.jp/special/pace/

ルクア大阪の「PACE」特設ページ。パフェやカップ、刷毛など大きな雑貨の間を小さな人々が行き交う、遊び心のあるイラストが楽しい。

映画「Ribbon」公式サイト

URL / https://www.ribbon-movie.com/

映画「Ribbon」の公式サイト。リボンをまとった主人公のアップ写真に、白い大きなタイトルと「ゴミじゃない。」の縦書きコピーを重ねたビジュアル。

羊文学 Official Website

URL / https://www.hitsujibungaku.info/

バンド・羊文学の公式サイト。白い画面いっぱいに一筆書きのようなサインロゴが走り、その下にメンバー写真を配した余白の多い構成。

イヌパシー | 愛犬の気持ちを心拍から読み解く

URL / https://www.inupathy.com/

犬の心拍から気持ちを読み解くデバイス「イヌパシー」の製品サイト。サーモンピンクの背景に大きな「How are you feeling」とトイプードルの写真が印象的。

さくら ストロベリー 白玉 フラペチーノ®｜スターバックス

URL / 掲載終了

スターバックスの桜シーズン限定ビバレッジのキャンペーンページ。満開の桜と苺、白玉を散りばめたピンク一色のビジュアルが華やか。

映画『余命10年』オフィシャルサイト

URL / https://wwws.warnerbros.co.jp/yomei10-movie/

映画『余命10年』の公式サイト。逆光に包まれた主演2人のメインビジュアルに、ピンクの縦書きタイトルとキャッチコピーを重ねた情感あるファーストビュー。

公立大学法人長岡造形大学

URL / https://www.nagaoka-id.ac.jp/

長岡造形大学の公式サイト。白いアトリエで大きなキャンバスに向かう学生の写真をファーストビューに据え、制作の現場をそのまま伝える構成。

平野歩夢公式サイト

URL / https://www.ayumuhirano.tokyo/

スノーボーダー・平野歩夢の公式サイト。スケートボードとスノーボード、2つの競技の滑走写真を左右に並べた分割レイアウトが印象的。

YEN TOWN BAND

URL / http://yentownband.jp/

YEN TOWN BANDの公式サイト。モノクロのライブ写真を全面に敷き、太いサンセリフのバンド名と手書き風の「Official Website」を重ねた硬派なトップ。

株式会社写研

URL / https://sha-ken.co.jp/

写植・書体メーカー写研の公式サイト。青い背景に『銀河鉄道の夜』の一節を大きな明朝体の縦組みで流し、書体そのものを見せる構成。

tokyobike

URL / https://tokyobike.com/

自転車ブランドtokyobikeの公式サイト。ブロック塀の前で自転車を押す写真を大きく据え、店舗やコラムをタイル状に並べた落ち着いたレイアウト。

川栄李奈さんが茨城県でのんびり癒し旅［月刊旅色］2022年1月号

URL / https://tabiiro.jp/book/monthly/202201/

旅行誌『月刊旅色』の川栄李奈さん茨城特集ページ。川辺に立つ横顔の写真に、筆文字風のタイトル「常陸大宮でゆるむ時間」を添えた誌面のような構成。

積奏バターサンド – 公式オンラインショップ

URL / https://seki-sou.com/

バターサンド専門店「積奏」の公式オンラインショップ。深い青緑の背景で撮った断面が美しいバターサンドの写真を散らし、縦書きコピーを添えた上品なレイアウト。

Freyia （フレイヤ）

URL / https://freyia-brands.com/

スキンケアブランドFreyiaの公式サイト。くすんだ青緑のグラデーションにボトルを掲げる手のシルエットを浮かべ、大きなセリフ体のロゴを配した静かなトップ。

Häagen Home Project｜ハーゲンダッツ ジャパン

URL / 掲載終了

ハーゲンダッツのおうち時間企画「Häagen Home Project」の特設ページ。黄色いデスクに青海波の紙やノート、アイスを並べた俯瞰写真と手書き風ロゴが楽しい。

現場で使えるWebデザインアイデアレシピ サポートサイト

URL / https://wdidearecipe.com/

書籍『現場で使えるWebデザインアイデアレシピ』のサポートサイト。グレーの背景に眼鏡の女性のイラストを配し、黄色をアクセントにしたシンプルな構成。

RYDEN

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

企画制作会社RYDENの公式サイト。ざらついた白地に巨大な「RYDEN」の文字と黒帯の見出しを組み合わせた、雑誌の扉のような大胆なタイポグラフィ。

Wanna

URL / 掲載終了

デザイン会社Wannaの公式サイト。鮮やかな黄色一面に子どもの写真を連続で並べた年賀状風のビジュアルと、手がけた取引先の英字リストが目を引く。

FUGA Inc. ｜ 大阪・南堀江

URL / https://fuga-works.com/

大阪・南堀江のリノベーション会社FUGA Inc.の公式サイト。家族がキッチンに立つ温かみのある写真を大きく据え、左に縦書きの英文コピーを添えた落ち着いた構成。

お金と幸せ | ポップカルチャーの総合誌『ブルータス』

URL / https://brutus.jp/daily-b/20211111-039/

雑誌『ブルータス』のウェブ連載「お金と幸せ」の記事ページ。コーラルピンクの背景に、関連書籍を3×3で並べた俯瞰写真と赤い大きな見出しを重ねたビジュアル。

2021 AW COLLECTION | ROPÉ PICNIC ロペピクニック

URL / 掲載終了

ロペピクニックの2021秋冬コレクション特設ページ。雪をかぶった枝の写真を背景に、ブランド名の文字の形に切り抜いたモデル写真を並べた遊び心あるビジュアル。

映画『ドライブ・マイ・カー』公式サイト

URL / https://dmc.bitters.co.jp/

映画『ドライブ・マイ・カー』の公式サイト。赤い筆記体のタイトルロゴと、赤い車の前に立つ3人のメインビジュアルを白地に並べた、ポスターのような構成。

メゾンハーゲンダッツ　8つのしあわせストーリー

URL / 掲載終了

ハーゲンダッツのショートストーリー企画「メゾンハーゲンダッツ」の特設ページ。夜のアパートの前を駆ける映像に、手書き風のタイトルを重ねた映画のようなトップ。

人と尾道 | 広島県尾道市シティプロモーション

URL / https://hito-onomichi.jp/

広島県尾道市のシティプロモーションサイト「人と尾道」。古い商店街で水をまく店主の写真に、縦書きのコピーを重ねた温かみのあるファーストビュー。

D2C ブランディング & ECコンサルティング | STUDIO OT

URL / https://www.studio-ot.jp/

D2Cブランディング会社STUDIO OTの公式サイト。グレージュの背景に、白い袋文字のひらがなを斜めに大きく流したタイポグラフィが印象的。

HITOTOKI by 旅する2人

URL / 掲載終了

ホテル紹介メディア「HITOTOKI」の公式サイト。黄色い円の上に、スーツケースを持つ2人とホテルの街並みを線画で描いたイラストがかわいらしい。

働くあなたを今日も乗せて＜会うって、特別だったんだ。＞｜ＪＲ東海

URL / 掲載終了

JR東海のキャンペーン「会うって、特別だったんだ。」の特設ページ。運転士の横顔と新幹線の車体の写真を並べ、青からピンクへのやわらかなグラデーションでまとめた構成。

かしこまらない写真館「日日花（にちにちか）」

URL / https://nichinichica.com/

写真館「日日花」の公式サイト。ボーダーの服でそろえた家族の集合写真を大きく使い、右側に縦書きのロゴとコピーを添えた親しみやすいレイアウト。

Webコンサルティングスタジオ 株式会社ARUTEGA

URL / https://arutega.jp/

Webコンサルティングスタジオ ARUTEGAの公式サイト。黒い背景に大きな白文字「あの手 この手 が在る」を配し、下に実績写真を横並びにした力強い構成。

MOJI（モジ）｜福島県郡山市｜デザイン事務所・WEB制作

URL / https://moji.ooo/

福島県郡山市のデザイン事務所MOJIの公式サイト。白い背景に実績のパッケージ写真を1点ずつ大きく見せる、余白を生かしたミニマルなレイアウト。

株式会社スピッカート

URL / https://spicato.com/

Web・グラフィック制作会社スピッカートの公式サイト。木目の机にノートとスマートフォンを置いた俯瞰写真で、制作実績の画面をそのまま見せる構成。

株式会社Helte

URL / https://helte.jp/

株式会社Helteの公式サイト。白地にサーモンピンクの波線が横切り、オレンジの机を俯瞰した写真を角丸で切り抜いた、やわらかな印象のレイアウト。

LOCAL CO-CREATION PROJECT in 紀の川

URL / https://kinokawa-lcp.com/

和歌山県紀の川市の地域共創プロジェクトのサイト。桃や柑橘、山並みを思わせる図形を鮮やかな色面とドット柄で組み合わせた、ポスターのようなビジュアル。

SUNNY DAYS COFFEE｜鹿児島市新屋敷町にあるコーヒーショップ兼フォトスタジオ

URL / https://sunnydayscoffee.com/

鹿児島市のコーヒーショップ兼フォトスタジオSUNNY DAYS COFFEEの公式サイト。窓越しに公園を眺める写真に、ロゴや天気の表示を重ねた日常感のあるトップ。

hueLe Museum ｜ヒューエルミュージアム

URL / https://www.huelemuseum.com/

セレクトショップhueLe Museumの公式サイト。黒いケイトウの花とファッション写真を並べ、縦書きのロゴを添えたギャラリーのような余白のあるレイアウト。