WordPress

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

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

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

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

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

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

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

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

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

tokyobike

URL / https://tokyobike.com/

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

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

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

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

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

URL / https://wdidearecipe.com/

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

RYDEN

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

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

FUGA Inc. ｜ 大阪・南堀江

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

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

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

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

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

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

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

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

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/

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

リクルート | Roseau Pensant Inc.

URL / https://roseaupensant.jp/recruit/

Roseau Pensantの新卒採用サイト。白黒に分割した画面に、大きな明朝体の縦書きと上下反転した文字を組み合わせた実験的なタイポグラフィが目を引く。

BOTANICAL ARRANGEMENTS TSUBAKI

URL / https://tsubaki-tokyo.jp/

植物のアレンジメントを手がけるBOTANICAL ARRANGEMENTS TSUBAKIの公式サイト。コンクリートの壁と格子窓の前に、苔とシダの吊り鉢を下げた写真が印象的。

安土 草多

URL / https://s-azuchi.com/

ガラス作家・安土草多さんの公式サイト。雪の上に置かれた、ひび模様のガラスのコップを捉えた透明感のある写真を全面に使ったトップ。

sol｜和歌山県田辺市のヘアサロン

URL / https://sol-hair.net/

和歌山県田辺市のヘアサロンsolの公式サイト。A字形の木製ミラーが並ぶ明るい店内写真を大きく据え、縦書きのメニューを添えたすっきりとした構成。

meme design

URL / 掲載終了

Webデザイナーのポートフォリオサイト「meme design.」。グレーと白の2分割の画面に、ノートPCに向かう女性の線画イラストを添えたすっきりとしたトップ。

まちごとシェアオフィス WASITA MINO

URL / https://wasita.co.jp/

岐阜県美濃市のまちごとシェアオフィスWASITA MINOの公式サイト。古い町並みを自転車で走る写真に、白い屋根形のロゴを重ねたのどかなトップ。

洋采舎SHINON

URL / https://shinon-deli.com/

洋惣菜の店「洋采舎SHINON」のサイト。器に盛ったキッシュやローストビーフを俯瞰で捉えた写真と、縦書きのえんじ色のコピーが食欲をそそる。

なないろの森音楽教室

URL / https://nanairomusic.com/

リトミックを教える「なないろの森音楽教室」のサイト。親子レッスンの明るい写真に縦書きの教室名とカラフルな三角形のロゴを添え、緑のアクセントでまとめている。

FLIG | フリグ

URL / https://flig.jp/

FLIG（フリグ）のサイト。生成り色の背景に細い線で大きなアルファベットを描き、黒いロゴと英文コピーを小さく添えた余白の多いミニマルなトップ。

+SHIFT

URL / https://plusshift.jp/

ワークスタイルデザインオフィス「+SHIFT」のサイト。街並みと人々を描いた線画イラストに、丸みのある英字コピー「On Your Life」を大きく重ねた親しみやすいトップ。

SUPER FUNKASTIC MARKET｜大阪・箕面のイケてるセレクトショップ

URL / https://sfmarket2018.com/

大阪・箕面のセレクトショップSUPER FUNKASTIC MARKETのサイト。鮮やかな水色の背景にモノクロ写真と縦書きのタグ風見出しを散らした、遊び心のあるレイアウト。

株式会社わざわざ

URL / https://waza2.co.jp/

薪窯パンと日用品を販売する株式会社わざわざのサイト。黄色い布でつながって走る人々の手描きイラストと、縦書きの見出しが温かい。

SHE’S

URL / http://she-s.info/

バンドSHE'Sの公式サイト。青空の下の砂浜に立つメンバー4人の写真を白地の中央に大きく置き、四角い枠のロゴを添えたシンプルな構成。

Branch FROM FIELD Corp

URL / https://branch.fieldcorp.jp/

デザイン事務所「Branch FROM FIELD Corp.」のサイト。緑の葉の写真と淡いブルーグレーの質感を左右に並べ、筆記体のロゴを添えた落ち着いたトップ。

YARN | from New Zealand メリノウール インナーウェア

URL / https://yarn-nz.com/

ニュージーランド産メリノウールのインナーウェアブランドYARNのサイト。白を基調に、グレーのストールをまとって座る女性の写真と明朝体のコピーが静かで上品。

昴へ留学！ – 三重県立昴学園高等学校

URL / http://www.mie-c.ed.jp/hsubar/mirai/

三重県立昴学園高等学校の「昴へ留学！」サイト。清流のほとりで学ぶ生徒の写真に、オレンジ・紺・青緑の3色のボタンを並べた明るいレイアウト。

京都市伏見・山科・醍醐地区 小野幼稚園

URL / https://www.onoyou.jp/

京都市伏見区の小野幼稚園のサイト。青空と木々の下で遊ぶ園児たちの写真に、白い花形のロゴと英字の園名を重ねた爽やかなトップ。

朝日新聞デジタルマガジン＆[and]

URL / https://www.asahi.com/and/

朝日新聞のデジタルマガジン「＆[and]」のサイト。大きな黒い「&」のロゴと、くすんだピンクの色面に記事タイトルを載せた人物写真がエディトリアルな印象。

kitchen & makers ｜ オリジナルキッチン・家具制作

URL / https://kitchen-makers.net/

大阪・天王寺のオリジナルキッチン・家具制作「kitchen & makers」のサイト。木の吊り戸棚を開ける人物を捉えたキッチンの写真に、白い家形のロゴを重ねている。

コダマプロジェクト

URL / https://kodama-p.com/

上流の山と下流の街の人をつなぐ「コダマプロジェクト」のサイト。雲がかかる山並みの写真に、木のロゴと手書きのコピーを白で重ねた素朴で静かなトップ。

curation｜ 吹田・山田のイタリアンをベースとした料理店

URL / https://curation-eat.com/

大阪・吹田のイタリアンをベースにした料理店curationのサイト。古材の柱や梁が残る店内と、野菜が並ぶショーケースを捉えた写真が素朴で温かい。

weac.

URL / http://weac.jp/

アパレルブランドweac.のサイト。白壁と窓のある空間に立つモデルを大きく写し、2021年春夏コレクション「traveling」のタイトルを白文字で重ねたシンプルなトップ。

KINASHI art gallery GION

URL / 掲載終了

京都・祇園のアートギャラリー「KINASHI art gallery GION」のサイト。カラフルな花束を描いた絵画を左に大きく置き、右に白地のメニューを並べた余白の多い構成。