一般社団法人日本人材派遣協会
3年ごとの受講が義務づけられている派遣元責任者講習の、オンライン版申し込みに特化した一般社団法人日本人材派遣協会のランディングページです。全体を構成するのは、クリーンなホワイトと誠実さや信頼感を象徴する深いブルーの配色です。アクセントとして視認性の高いブラウンをコンバージョンボタンや見出しに配することで、ユーザーの視線を迷わず適切な方向へ誘導する堅実なデザインに仕上がっています。このサイトでは「説得」ではなく「不安の解消」に振り切った合理的な構成を採用。本講習の受講は義務であり、訪問者はすでに申し込む前提でサイトを訪れるため、無理に魅力をアピールするのではなく、「まとまった時間が取れない」「オンラインで十分に学べるか」といった受講者のリアルな悩みをファーストビュー直後に提示し、それらを解決する快適さや選ばれる理由を丁寧に紐解くフローを構築しています。さらに、受講料や受講の流れを経て到達する最後の開催日程セクションでは、各日程の定員状況や申込締切日を一覧化して明記。ユーザーに迷う材料を与えず、その場で疑問や懸念をすべて潰したうえでスムーズに申し込みへと導く、ターゲットの心理と状況が緻密に計算されたランディングページです。
一般社団法人福祉経営研究機構
社会福祉法人の経営を支援する、一般社団法人福祉経営研究機構のサイトです。全体を構成するのは、誠実で知的なネイビーと、清潔感のあるホワイトの配色。画面をたおやかに区切る波のような曲線のあしらいが、堅実な支援機関としての信頼感の中に、福祉の現場に寄り添う柔らかな温もりを感じさせています。外部から実績や専門性が判断しづらいという支援機関特有の課題を解決する、緻密なストーリー設計が特徴的。ファーストビューの直後にまず「選ばれる理由」を配置して確かな信頼の裏づけを提示し、そこからサービス、セミナー情報、お役立ち情報へと展開。ユーザーが納得感を持って具体的な支援内容へ読み進められる構成を採用しています。サービス紹介エリアでは、経営相談や第三者評価など5つの項目を明確に分け、詳細ページへのアンカーリンクで迷わず詳細へ到達できるスムーズな導線を構築。さらに、実際の相談のきっかけとなることの多いセミナー情報や調査レポート、ブログなどを継続的に発信できる仕組みを整えており、ターゲットの課題解決に伴走し続ける、戦略的かつ誠実なデザインです。
NPO法人 日本タイポグラフィ協会
文字デザインの追究と啓蒙活動を行うNPO法人日本タイポグラフィ協会の公式ウェブサイトです。文字の美しさを最大限に引き立てるため、装飾を削ぎ落とした薄いグレーの背景と精緻な余白設計が全体を包み込みます。ファーストビューでは、アナログの紙片やデジタルのデバイスが交差するモノクログラフィックを配し、時代を超えて受け継がれるタイポグラフィの普遍的な価値と進化を静かに提示しています。文字を扱う専門機関だからこそ、UIそのものは極限までミニマルな無彩色で構成。ノイズのない静かなトーン＆マナーを採用することで、グラフィックの色彩や細部の造形美を際立たせています。画面の隅やフッターに現れるインク滴のようなロゴマークが、研ぎ澄まされた空間に有機的なアクセントを加えています。スクロールに合わせて形を変えるヘッダーメニューなど、UI設計には主役であるコンテンツを引き立てる徹底した配慮が伺えます。お知らせエリアではホバーアクションで鮮やかな画像を浮かび上がらせて視線を誘導。会員ニューズセクションにおいても、全体のトーンを崩さないアニメーションでインタラクションを美しく可視化。装飾を削ぎ落とした空間に、Webならではの心地よい動きを溶け込ませた、圧倒的な美意識と品格を体現したデザインです。
栄和会館
自動車部品産業の一翼を担う小島グループにおいて、事業基盤と福利厚生を担う組織「栄和会館」のサイト。全体を包み込むのは、働く人々の日常にそっと寄り添うような、優しく穏やかなペールブルーとホワイトの配色。最大の特徴は、ファーストビューからページ全体をゆったりと横断する、太く有機的なブルーのラインです。この角のない滑らかな曲線が、グループ全体をシームレスに繋ぎ、社員の暮らしを裏側から支え続ける組織の包容力や絶え間ない循環を視覚的に表現しているようです。堅実な大企業グループの基盤組織というお堅いイメージを優しく払拭するように、随所に散りばめられた丸みを帯びたカード型UIや、親しみやすいイラストアイコンが効果的に活躍。複雑な事業内容の解説も、図解を交えながら直感的に分かりやすく整理されています。そして何より目を惹くのが、枠にとらわれない自由で有機的な形で切り取られた、現場で働くスタッフたちの自然体な笑顔の写真群です。縁の下の力持ちとしての誠実な使命感と、人を大切にする文化が、柔らかなデジタル空間の中で調和しています。ページ下部の採用情報セクションではアーチ状に並べられたカードのダイナミックなレイアウトが印象的。すっきりとした清潔感と絶対的な安心感と信頼感に満ちたデザインです。
少年少女創造性育成事業|公益財団法人市村清新技術財団
公益財団法人市村清新技術財団が運営する、小・中学生の創造力と発想力を育む少年少女創造性育成事業の公式サイト。全体を包み込むのは、子供たちを優しく迎え入れるような温もりのあるアイボリーの背景色。そこに、好奇心を刺激するオレンジやイエロー、ライトブルーの有機的なシェイプを大胆に重ねることで、堅いイメージを持たれがちな財団法人のサイトに、ワクワクするような親しみやすさと遊び心を吹き込んでいます。そして随所に散りばめられた歯車や電球、鉛筆などの手書き風イラストや、クレヨンで描いたような矢印のあしらいが、自由な発想や「ひらめき」の連鎖を視覚的に表現。ふわふわとした動きをつけることでアイディアが頭の中に浮かぶような印象を与えます。ページ最下部にあるロケットの遊び心が秀逸です。また、真剣な眼差しで工作やアイデアスケッチに向き合う子供たちの実写写真も、丸みを帯びた形で柔らかく切り抜くことで、サイト全体のアットホームな空気感と調和しています。子供向けの自由で楽しい世界観を作り込みながらも、募集要項や活動レポートなどの重要な情報は視認性の高いフォントで見やすく整理。豊かな想像力を後押しする楽しげなデザインと、公益財団法人としての確かな信頼感が心地よく共存する設計です。
とよたフィルムコミッション
無機質でクリーンなライトグレーを背景に、極太でソリッドなブラックのタイポグラフィと、鮮烈なシアンを掛け合わせた、スタイリッシュでモダンな配色設計です。公的団体のサイトでありながら、お堅い行政的なイメージを完全に払拭し、ターゲットのクリエイターに真っ直ぐ響く、洗練されたクリエイティブな空間を作り上げています。大小さまざまなサイズのロケーション写真を、あえて規則性を崩してリズミカルに散りばめたレイアウトが特徴的。このコラージュのような見せ方が、まるで映画のフィルムのコマや、ロケハン中に見つけた風景の断片を連想させ、豊田市が持つ多様で魅力的な撮影スポットを視覚的に語っています。また、画面を斜めに横切るシアンの図形や、黒帯に白抜きされたキャッチコピーが、サイト全体に心地よい緊張感と映画のポスターのようなドラマチックさを与えています。中盤以降のロケーションの詳細や支援実績といった具体的な情報セクションでは、一転してグリッドに沿った端正なレイアウトを採用。画面中央に常にフォーカスマークがありカメラのファインダーを覗いているような遊び心を感じさせます。映像を通して世界とつながるという情緒的なブランドメッセージと、撮影地としての機能性・利便性を伝える情報設計が高度に融合した、優れたデザインです。
クリエイティブアイランド中之島
クリーンなホワイトを基調に、大阪中之島を囲む川や水を連想させる鮮やかで澄んだブルーをメインカラーに据えた、爽やかで知的な配色です。背景に敷かれた淡いブルーのグラデーションが、水辺の心地よい空気感や透明感を視覚的に表現しています。 ファーストビューや随所にあしらわれた、クレヨンのような手書き風のラフなブルーの線画イラストが特徴的で、サイトのアクセントになっています。イベント情報のセクションでは整然としたカード型のグリッドレイアウトを採用して情報をわかりやすく整理する一方で、コンテンツを紹介するセクションでは写真を多角形にマスクし、テキストを自由なレイアウトで散りばめています。この「整頓」と「自由」のコントラストが、アートやカルチャーを発信する拠点にふさわしい遊び心とクリエイティビティを体現しています。CTAのホバー時には、アイコンやボタンが直感的に変化するといったインタラクションで、遊び心のあるビジュアルの中でも、ユーザーを迷わずイベント情報や詳細ページへと導く、ユーザビリティに優れた導線設計となっています。水辺のカルチャーと遊び心を自由に繋ぐ、ワクワクさせるアートマップ。
東京都私学財団
ページ全体に丸みを帯びたアイソメトリック調の柔らかなイラストを展開し、多様な学びの風景や人々のつながりを親しみやすく俯瞰的な視点で表現し、サイトのイメージを特色付けています。もう一つのサイトのユニークポイントは、ページ中盤でまるで書類を整理するようなUXの要素がスティッキーで重なるセクション設計。配色はクリーンなホワイトと淡いミントグリーンを背景に、知性と安心感を与える深いフォレストグリーンを主軸に、教育系のイメージにふさわしい誠実で穏やかなカラーリング。要所に散りばめられた鮮やかなイエローのアクセントが、画面全体に温かな活気と視覚的なリズムを与えています。タイポグラフィは視認性に優れたプレーンなゴシック体を採用し、的確なウェイト差とゆとりのある行間によって、豊富な情報を圧迫感なく丁寧に整理されています。レイアウトは堅牢なグリッドをベースにしながらも、背景に流れるような有機的な曲線やイラスト要素を重ねることで、学びの道筋を優しく描き出すような心地よい視線誘導を実現しています。直線、曲線、角丸のバランスが絶妙で可愛いくなりすぎず、真面目すぎない印象で、細部までこだわり抜かれています。
JAグループ愛知 公式採用サイト
クリーンなホワイトベージュと鮮やかな自然のグリーンをメインに、大地を思わせるブラウンや温かみのあるイエローをアクセントとして用いた、親しみやすく活気のある配色設計です。サイト全体を彩るフラットテイストの温かなイラストは、街と農地が共存する風景や農作業の様子を細やかに描き出し、地域に根ざす事業のスケール感を視覚的に表現しています。配置された写真は自然光を活かした高明度のトーンで統一され、職員の穏やかな表情をクリアに伝えています。タイポグラフィは丸みを帯びたゴシック体を主軸に据え、余白を持たせた字間設計がリラックスした印象を与えます。レイアウトは、厳格な直線グリッドではなく、丘や畑を連想させる波打つような有機的な曲線をセクションの境界線に用いることで、のどかな風景の中を歩むような心地よい視線誘導を実現しています。スクロールに伴うアニメーションは、カードやイラストがフェードインする挙動で統一され、柔らかな世界観を崩さない抑制的な一貫性を保っています。ホバー時にはズームインや色変化などでフォーカス状態を可視化し、十分な余白の中に色分けして配置されたボタン群が、ユーザーを自然に次のアクションへと導く手堅い導線設計となっています。
全ての猫を幸せに。│ 株式会社ねこぜん
肌馴染みの良いベージュとオレンジを基調とし、ブラウンや三毛猫カラーをアクセントに忍ばせた、ぽかぽかと陽だまりのように温かい配色設計。猫ちゃんの幸せを大事にするコンセプトを、色彩の温度感と柔らかさで見事に体現しています。柔らかな流体シェイプとノイズテクスチャが、猫ちゃんの写真と相性120点のファーストビューから始まり、セクションごとの強弱やイラストの配置によって視線が自然に誘導される構成です。要素を丸く切り抜き、アナログな手触り感を持たせることで、丸まった背中や肉球のような柔らかさを視覚的に表現。特にアクティビティセクションでは波形のレイヤーデザインと質感が最も活きています。また、合間から猫ちゃんの手が伸びてきたり、並んで座っていたりと、随所に散りばめられた愛らしいイラストが、ユーザーの心を優しく掴みます。加えて、ループするロゴの猫模様や、魚のアイコンで1・2・3が示される演出などの細部での工夫が、猫ちゃんの茶目っけを連想させるようです。掲載写真も毛並みや仕草の可愛らしさが伝わるものを厳選して配置。保護猫活動やドネーションといった真面目で大切なテーマを、徹底的に優しく、親しみやすいデザインで包み込むことで、ユーザーの共感と応援を自然な形で引き出す、愛情に満ちた導線設計となっています。
