デザインのこと

【NB公式】ニューバランス | 996 New Standard

URL / 掲載終了

ニューバランス「996」の特設サイト。赤い背景の中央にグレーのスニーカーを真上から捉えた写真だけを置いた、潔いほどシンプルな構成。

Manami’s Portfolio

URL / https://mkuge-portfolio.studio.site/

Manamiさんのポートフォリオサイト。ピンクから紫へ移ろう空の写真を大きく使い、細身のセリフ体でタイトルを添えたやわらかな印象のトップ。

témamori（てまもり）公式サイト

URL / https://temamori.com/

携帯用ハンドソープ「témamori」の公式サイト。ミントグリーンの背景にボトルと手のイラストを浮かべ、縦書きの「これは、おてての おまもり。」を添えたかわいらしい構成。

学びを、もっと、新しく。 | スタディサプリ BRAND SITE

URL / https://brand.studysapuri.jp/

スタディサプリのブランドサイト。白い背景に青と水色の水玉を散らし、中央に「学びを、もっと、新しく。」を大きく置いたシンプルで明るいトップ。

mono°goen°

URL / 掲載終了

雑貨ブランドmono°goen°の公式サイト。手書き風の英字ロゴやコピー、からし色の手描きモチーフを散りばめた、にぎやかで手づくり感のあるレイアウト。

リクルート | Roseau Pensant Inc.

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

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

目の前を救いたい。ぜんぶそこから始まる。 – We Care More. 世界を変える、心づかいを。 | POLA

URL / https://www.pola.co.jp/wecaremore/menomae/

POLAの企業メッセージ「目の前を救いたい。」の特設ページ。生成り色の背景に、手や地球儀、本などをかたどったカラフルなアイコンを整然と並べたビジュアル。

愛希れいか オフィシャルファンクラブ CLUB CHAPI

URL / https://manakireika.com/

愛希れいかさんのオフィシャルファンクラブ「CLUB CHAPI」のサイト。水色の光の中で黒いドレスをまとう3カットの写真を並べた、華やかなファーストビュー。

motta | リズム、ととのう、ハンカチ。

URL / https://motta-handkerchief.jp/

ハンカチブランドmottaの公式サイト。空を背景にハンカチを口元にあてる女性の写真を大きく使い、淡い水色でまとめた透明感のあるトップ。

エノテカ株式会社リクルートサイト

URL / https://recruit.enoteca.jp/

ワインのエノテカのリクルートサイト。ワインの香りを確かめるスタッフの写真に、明朝体の「ワインとともに生きる。」を重ねた落ち着いた構成。

ほうじ茶 meets キャラメル クリーム フラペチーノ｜スターバックス コーヒー ジャパン

URL / https://www.starbucks.co.jp/cafe/hojicha-caramel/
※掲載終了のため、トップページが開きます

スターバックスの「ほうじ茶 meets キャラメル」キャンペーンページ。オレンジと黄色の背景に、キャラメルがとろりとかかる2つのビバレッジを並べた温かみのあるビジュアル。

Neru inc. | Brand & Service Design Studio

URL / https://ne-ru.com/

ブランド＆サービスデザインスタジオNeruの公式サイト。波形の枠のロゴと、ロゴやキャラクターなどの実績をグレーのタイルで並べたシンプルな構成。

WELCOME MARVEL｜フェリシモ

URL / https://www.felissimo.co.jp/marvel/

フェリシモのマーベルグッズ特設ページ。商店街を歩く2人のパーカー姿の写真に、縦に大きく配したMARVELの文字と縦書きのコピーを重ねた誌面風のデザイン。

OVERA Inc.

URL / https://overa.jp/

クリエイティブカンパニーOVERA Inc.の公式サイト。白地に細い線の巨大なセリフ体を敷き、中央の円の中に「Show Reel」を配した洗練されたトップ。

BOTANICAL ARRANGEMENTS TSUBAKI

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

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

安土 草多

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

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

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

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

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

J.S. PANCAKE CAFE

URL / 掲載終了

パンケーキ専門店J.S. PANCAKE CAFEのブランドページ。バナナや苺、ブルーベリーにシロップがかかるパンケーキの写真と細身の英字コピーでまとめたシンプルな構成。

湖畔の時間 2021

URL / https://shirakaba-lake.com/kohan-no-jikan-2021/

白樺湖畔の野外イベント「湖畔の時間 2021」の公式サイト。夕日に染まる山と湖の写真に、手書きの線で描いたタイトル文字を重ねた情緒あるトップ。

上手に取り入れたい、箱型の収納 ｜ 無印良品

URL / 掲載終了

無印良品のコラム「上手に取り入れたい、箱型の収納」の記事ページ。白い収納ボックスを重ねる手元を大きく捉えた写真で、シンプルな読み物にまとめた構成。

ありがとうSuica20周年 – JR東日本

URL / 掲載終了

JR東日本「ありがとうSuica20周年」の特設ページ。色とりどりの風船にキャンペーン情報を書き込み、Suicaのペンギンを添えたにぎやかで楽しいレイアウト。

アンダー・リバー – 大雨による水害から東京を守る幻の川

URL / https://www.daiho.co.jp/underriver/

大豊建設による地下調節池の紹介サイト「アンダー・リバー」。青白い光に照らされた巨大なトンネル内部の写真に、白いロゴを重ねた迫力あるトップ。

絢香 – AYAKA 15th Anniversary Special WebSite –

URL / https://room-ayaka.jp/15th/

絢香さんのデビュー15周年スペシャルサイト。木漏れ日が顔に落ちる白い衣装のポートレートを大きく据え、白を基調にまとめたシンプルな構成。

meme design

URL / 掲載終了

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

アクアリング – Oneness for good design.

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

Webサイト制作会社アクアリングの公式サイト。白地に水色の大きなリングを置き、「Oneness for good design.」を重ねたシンプルで明快なファーストビュー。

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

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

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

株式会社斎藤佑樹

URL / https://saitoyuki.jp/

元プロ野球選手の斎藤佑樹さんが設立した株式会社斎藤佑樹の公式サイト。淡いブルーグレーの背景に、細い明朝体の縦書きで社名とメッセージを並べた静かな構成。

トーステッド ホワイト チョコレート フラペチーノ｜スターバックス コーヒー ジャパン

URL / https://www.starbucks.co.jp/cafe/toasted-whitechocolate/
※掲載終了のため、トップページが開きます

スターバックスの季節限定「トーステッド ホワイト チョコレート フラペチーノ」のページ。赤とゴールドのホリデーカラーに、クッキーやオーナメントが浮かぶ華やかなビジュアル。

Mrs. GREEN APPLE 『5』 スペシャルサイト

URL / https://sp.universal-music.co.jp/mrsgreenapple/bestalbum5/

Mrs. GREEN APPLEのベストアルバム『5』のスペシャルサイト。白い皿から花や果物、動物があふれ出すようなアートに、細身の英字ロゴを重ねたトップが印象的。

たしろ ゆり：Yuri Tashiro

URL / https://yuritashiro.com/exhibition.html

写真作品を発表する作家のサイト。展示「きみはいいこ」の写真と手書き風のタイトル、縦組みの名前を添えた、余白たっぷりの静かなレイアウト。

キツネとレモン KITSUNE TO LEMON

URL / https://www.morozoff.co.jp/brand/kitsunetolemon/

モロゾフのスイーツブランド「キツネとレモン」のサイト。紙で作ったような森の中にキツネとお菓子を並べた、黄色が鮮やかなジオラマ風のビジュアル。

これだけで基本がしっかり身につく HTML/CSS&Webデザイン1冊目の本

URL / https://firstbook.capybara-design.com/

Web制作入門書『HTML/CSS＆Webデザイン 1冊目の本』の紹介サイト。カピバラのイラストとピンクの手書き風コピーを添えた、やわらかい配色のLP。

Yuriko Ishida Official Homepage | 石田ゆり子公式ホームページ

URL / https://www.yuriko-ishida.com/

女優・石田ゆり子さんの公式ホームページ。白地に手描きの木の扉のイラストと細い英字タイトルだけを置いた、絵本の表紙のような静かなトップ。

MUJI GIFT｜特集 ｜ 無印良品

URL / 掲載終了

無印良品のギフト特集ページ。お菓子の家で食卓を囲む人々を描いた水彩風イラストと、太いゴシックの「MUJI GIFT」の文字が温かい。

NHK連続テレビ小説『カムカムエヴリバディ』

URL / 掲載終了

NHK連続テレビ小説『カムカムエヴリバディ』の番組サイト。木に登った3人のヒロインの写真と、太陽をあしらったオレンジの手書き風ロゴが朗らか。

洋采舎SHINON

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

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

なないろの森音楽教室

URL / https://nanairomusic.com/

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