WEBサービス

デザイナーのフォント見本帳「F」

URL / https://f-font.com/

デザイナーのためのフォント見本帳「F」のサイト。木製の本棚に書籍と黄色いフォント見本のポスターを飾ったリアルな写真ビジュアルがおしゃれ。

るるる温泉｜塩原温泉 湯守田中屋オンラインショップ

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

塩原温泉 湯守田中屋のオンラインショップ「るるる温泉」。クラフト紙のような背景に、温泉を食べる女の子のユーモラスなイラストと独特な書体のロゴが楽しい。

花椿 HANATSUBAKI | 資生堂

URL / https://hanatsubaki-journal.shiseido.com/

資生堂のウェブマガジン「花椿」のサイト。ピンクとベージュの背景に幾何学的なグラフィックのスライドを置き、斜めに傾けたナビボタンが遊び心を感じさせる。

Sony Esports Project

URL / 掲載終了

ソニーのeスポーツプロジェクトSony Esports Projectのサイト。中央のカラフルなキャラクターイラストの周りに写真やグラフィックを並べた、賑やかでポップな構成。

映像×Webマーケティング 株式会社NaughtyWorks(ノーティーワークス)

URL / https://naughty-works.co.jp/

映像×Webマーケティングの株式会社NaughtyWorksのサイト。白背景に明朝体のコピーと、細かな図形で組み上げた赤紫の「N」ロゴだけを置いたシンプルな構成。

女性向けホームページ制作・WEBマーケティング | femme[ファム] by UMBER

URL / https://www.umber-femme.com/

大阪を拠点にするUMBERの女性クリエイターによるWeb制作・マーケティングのサイト。丸いバブル型のナビや手描き風の装飾、淡いパステルカラーでやわらかくまとめている。

TownWiFi Ads | GMOアドマーケティング株式会社

URL / 掲載終了

GMOアドマーケティングの位置連動型広告サービス「TownWiFi Ads」のLP。青と黄色のキャッチコピーにフラットな街並みイラストを組み合わせ、サービス内容をわかりやすく伝える。

Magasinn Inc. | MAGASINNは、コミュニティの力で文化的プロジェクトを生み出すチームです。新しい価値をインストールして、豊かな文化を世の中へ広げていきます。

URL / https://magasinn.xyz/

コミュニティの力で文化的プロジェクトを生み出すMAGASINNのサイト。大きなセリフ体とサンセリフを組み合わせた見出しに、写真やイラストを文字の間へはめ込んだレイアウト。

「のんと毎日新聞」特設サイト｜毎日新聞社

URL / 掲載終了

毎日新聞社の「のんと毎日新聞」特設サイト。舞台に立つのんさんを捉えた映画のワンシーンのような写真に、手書き風のロゴを重ねた情緒的なビジュアル。

SLAM DUNK Talkin’ to the Rim 2

URL / https://www.flow-er.co.jp/sdar2/

SLAM DUNKの宮城リョータのドリブル練習を見られるアプリ「Talkin' to the Rim 2」のサイト。網点のモノクロビジュアルと手書き風タイトルが原作の世界観を伝える。

こどもの空気研究所

URL / https://cafc.blueair.jp/

ブルーエアの「こどもの空気研究所」。グレーの家具や家の線画を背景に、カラフルな手描き文字のタイトルと遊ぶ子どもたちのイラストが楽しげな構成。

特集 バンド論。No.005 甲本ヒロトは、こう言った。ロックンロールについて教えてくれた51分54秒 | ほぼ日刊イトイ新聞

URL / https://www.1101.com/n/s/hiroto_kohmoto

ほぼ日刊イトイ新聞の特集「バンド論。」甲本ヒロト回。黒地に赤いTシャツ姿のポートレートと大きな白い見出し、ピンクから緑へのグラデーションが印象的。

Lifit（ライフィット） | 暮らしにフィットするメディア

URL / https://lifit365.com/

暮らしにフィットするメディア「Lifit」。夜の街の玉ボケを背景にした指の写真を大きく敷き、手書き風のロゴと白いナビを重ねたブログサイト。

designing｜デザインビジネスマガジン

URL / https://designing.jp/

デザインビジネスマガジン「designing」。濃紺の背景に大きなベージュの英字を流し、インタビュー写真と見出しを重ねたエディトリアルなトップ。

フリーナンスバーチャルオフィス – 仕事は自宅で。オフィス機能は一等地で。

URL / 掲載終了

GMOのフリーナンス バーチャルオフィス紹介ページ。白地に黄色のアクセントで「月額770円」を大きく打ち出し、キャラクター入りのロゴで親しみやすさを演出。

DEATH.

URL / https://death-pj.com/

「死を想い、これからの生を問う」インタビューメディア「DEATH.」。白地に崩して組んだ大きな黒いロゴと縦書きのコピー、ポートレート写真で構成したミニマルな誌面。

壌（JYOU） –

URL / https://jyou.media/

福祉の視点をもったひと・もの・ことを伝えるメディア「壌（JYOU）」。大きな漢字ロゴと「01」の号数表記を雑誌の表紙のように配した、エディトリアルなデザイン。

iPhone・Mac・ガジェットブログ “monograph（モノグラフ）”

URL / https://number333.org/

iPhone・Mac・ガジェットを扱う個人ブログ「monograph」。黄色い壁の前を歩く人物の写真と筆記体ロゴ、太いドット風の見出しがマガジンのような雰囲気。

demmpa｜もう一人の自分で楽しむSNS

URL / 掲載終了

もう一人の自分で楽しむSNS「demmpa」のサービスサイト。ヒツジやキリンなど動物アイコンをカラフルなタイルに並べた、やさしい配色のファーストビュー。

ノンデザッ！| 3連休で学ぶ！最短最速のデザインレッスン

URL / https://nondeza.jp/

ノンデザイナー向けのデザイン講座「ノンデザッ！」のLP。ピンクと水色のマーカー風見出しと、ノートPCに向かう人物の線画イラストが軽快な印象。

キボウノアカリ｜KIBOUNOAKARI ～みんなの希望が明日を照らす～

URL / 掲載終了

みんなの希望をキューブにするプロジェクト「キボウノアカリ」のサイト。ハートや車、ピアノなどを描いたカラフルな立方体が画面いっぱいに並ぶ。

フォント素材集フリーダウンロードのフロップデザイン

URL / https://www.flopdesign.com/

フリーフォント素材集のフロップデザイン。フォントごとの見本画像を円形に切り抜いたカードで並べ、それぞれの書体の雰囲気がひと目で分かる一覧。

Pococha（ポコチャ）ライバー事務所 株式会社PRIME

URL / 掲載終了

Pocochaのライバー事務所、株式会社PRIMEのサイト。ピンクの枠と水色の背景に大きな「P」のオブジェを据えた、ポップで鮮やかなビジュアル。

株式会社写研

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

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

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

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

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

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

URL / https://wdidearecipe.com/

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

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

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

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

株式会社Helte

URL / https://helte.jp/

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

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

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

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

株式会社フューチャースピリッツ

URL / https://www.future-s.com/

株式会社フューチャースピリッツのコーポレートサイト。鉛筆から伸びる線が街をつなぐアイソメトリックなイラストを、緑と黒でまとめた爽やかなトップ。

Color of the year 2021 — PANTONE

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

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

さらに先を行く、エックスサーバー 次世代のホスティングをリードする国内最速サーバーへ

URL / https://www.xserver.ne.jp/info/leadingserver/

レンタルサーバー「エックスサーバー」の特設ページ。紫の光が流れる背景に、黄色の極太文字「国内最速」を大きく配した迫力のあるメインビジュアル。

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

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

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

おうちのインターネットは　ずばり、OCN！

URL / https://www.ntt.com/personal/services/internet/hikari/campaign/brand21autumn.html
※掲載終了のため、トップページが開きます

OCNの光回線キャンペーンページ。鮮やかな青の背景に黄色の大きなロゴを重ね、笑顔の人物写真とENTRYの帯が元気な印象。

ビービット(beBit) ｜ ユーザ視点からの価値創出を追求するエクスペリエンス・デザイン・パートナー

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

UXコンサルティング会社ビービットのコーポレートサイト。大きな英字コピーの下に鮮やかな黄色の四角を敷いた、力強くシンプルな構成。

AWRD アワード

URL / https://awrd.com/

クリエイター向けのアワード・コンペ情報プラットフォーム「AWRD」のサイト。写真に重なるピンクの図形模様と、白いカードの募集情報が目を引く。

こここ | 個と個で一緒にできること。福祉をたずねるクリエイティブマガジン〈こここ〉マガジンハウス

URL / https://co-coco.jp/

マガジンハウスの福祉をたずねるクリエイティブマガジン「こここ」。吹き出し型のロゴと記事見出しに、ピンクの大きな曲面が柔らかい印象を添える。