クラウドローン株式会社
ローンや金融という本来お堅く見えがちな業種のイメージを覆す、親しみやすさと先進性が融合したモダンなデザインです。ユーザーを惹きつける特徴的なファーストビューの、“Turn someday into steps” というメッセージを体現するように、パネルや水滴を思わせる有機的で柔らかなグラデーションシェイプが画面全体に浮遊し、ユーザーの心理的ハードルを優しく下げています。配色は、安心感や成長を連想させる鮮やかなグリーンを主軸にしつつ、パステルカラーを散りばめることで温かみを演出。一方で、要所に配置された黒のカプセル型ボタンや、太字のサンセリフ体タイポグラフィが、画面全体をシャープに引き締め、単なる可愛いサイトで終わらせない金融×テック企業としての信頼感と洗練さを担保しています。サービス紹介エリアでは背景をグリーンに切り替え、クリーンなUIイラストを用いることで複雑な仕組みを直感的に伝達。チームの自然体な写真と柔らかなあしらいが見事に調和し、テクノロジーの力でユーザーに寄り添う企業のスタンスが、視覚体験を通して伝わってくる優れたコーポレートサイトです。
BLUEDGE（ブルーエッジ）
海や大空を連想させる爽やかなブルーをメインに、物流という複雑で課題の多い業界での事業としての力強いビジョンを表現したコーポレートサイト。社名であるBLUEDGEを体現するように、ファーストビューでは水平線や岬の先端に立つ二人の人物のフラットイラストが大胆に描かれ、未来を見据える確かな先見性と、広大な物流の世界を切り拓いていく企業の揺るぎない意志が直感的に伝わってきます。全体の構成は、清潔感のあるホワイトの余白を画面全体にたっぷりと取り、角を丸めたカード型UIで情報を美しく整理。専門的でお堅くなりがちなコンサルティングやシステム開発のサービス内容を、親しみやすいトーンの人物イラストと、濃淡を変えたライトブルーの背景ブロックを交えて丁寧に解説することで、ユーザーの心理的なハードルを大きく下げています。また、安定感のあるゴシック体を用いた視認性の高いタイポグラフィが、BtoBビジネスに不可欠な強固な信頼感をしっかりと担保。カモメが舞うような海辺のモチーフを用いながらも決して単調にならず、洗練されたIT企業のスマートさと人に寄り添う温かみが心地よく同居する優れたデザイン設計です。
Goodpatch Anywhere｜越境をデザインする
訴求要素は多いのに、見せ方は驚くほどシンプル。魅力を語るコンテンツと、社員の声・実績アピールを主軸に据え、採用に振り切った導線で迷いがありません。シンプルで終わらせず、ファーストビューのダイナミックタイポグラフィと背景で静かに存在感を放つロゴの映像がサイト全体の空気を決め、読み始めの一歩を軽くしています。使用写真はどれも飾らないリアルな表情で、記事ページに入ると読み応えのあるインタビューがいくつも掲載されており、ここでもユーザーの視線をキャッチ。さらに情報の置き方がとても親切です。役割や働き方、事例がきれいに並び、どこから読み始めても応募までの流れが自然にわかります。各ブロックの余白と見出しの強弱でリズムが生まれ、ところどころのホバーや小さな動きが心地よい手触りを足しています。FAQや選考フローは短い文章と箇条書きでサッと読めるつくり。さらに、「ここで働くと何が良いか」を言い切る一文が要所にあり、迷ったときの道しるべになっています。結果として、誠実な雰囲気とチームの熱量が伝わり、そのまま応募してみようという気持ちにつながるサイトです。
UM English Lab.｜洋楽で英語を学ぶ
深い余白とくっきりしたタイポに、ジャケット風のビジュアルが響くファーストビュー。ロゴカラーを筆頭にカラフルな配色ながら、トーンや用いるシェイプに統一感があり、このサイトの核となるポップで楽しそうな世界観を丁寧に作り込めていると感じます。スクロールに沿って並ぶ Feature／Interview／Study のカードは、音楽メディアの読み口を思わせる設計で、目と耳の記憶に寄り添う導線です。各セクションのレイアウトはシンプル。しかし、ホバーアクションの細やかさと大胆な余白運用が唯一無二の手触りを生み、自然と好奇心を引き上げます。なかでも Keywords セクションは象徴的で、配色・シェイプ・モーションの要素が過不足なく重なり、全部クリックしたくなる心理を巧みに設計。終盤では、教職員向け副教材のダウンロードへとさらりと橋渡しし、編集的な厚みと実用導線が一筆書きでつながります。“読む・聴く・学ぶ”を心地よく往復できる、ブランドの魅力と学びの楽しさを両立させたサイトです。
原宿サン・アド – Harajuku Sun-Ad
薄いグレー×黒のミニマル配色に、たっぷりの余白と骨太なタイポが基調。冒頭では “Showreel” のティーザーが静かに立ち上がり、視線を下へ導きながら世界観へ滑らかに招きます。ヘッダーの「原宿, 東京／時刻・天気」というマイクロインタラクションが“今ここ”を可視化し、サイトに呼吸感を与える設計。スクロールやホバーに応じた軽やかなフェードやスライドで要素が表情を変え、体験にリズムを付与。クリエイティブカンパニーらしいworksのクオリティの高さがサイトのリッチ感をさらに向上させ、そのコントラストの目立たせるところ、スッキリシンプルに魅せるところとのメリハリも効いています。最下部から導線が下層への回遊を自然に促し、トップで生まれた興味を次の理解へとつなぎます。
GOOD FOODS Worlds｜ニッスイグループ
白と赤のミニマルな配色に、全面写真を重ねた大胆な構成で “GOOD FOODS” の世界観が一気に立ち上がります。スクロールに寄り添う飛行機がページの拍子を刻み、読み進めるほど旅の余韻が積み上がっていく設計も魅力的。単調になりがちな2カラムのカードデザインも、背景で回るテキストの無限ループでによって奥行きを感じられ、視線が自然に滑る感覚です。縦組みの小見出し、繊細なホバー、ところどころの動くイラスト等、手数の多さが丁寧な作り込みを物語り、信頼感につながっています。さらにメガメニューへの導線をページ下部の中央に置くレイアウトは、常識から半歩外した好奇心の喚起で、「もっと見たい」をうまく引き出します。写真×タイポグラフィ×モーションが3位1体で連なり、ファーストビューからフッターまで一筆書きのように駆け抜ける体験。ブランドの「旅する食の図鑑」というテーマを、視覚と触感の両面で味わえるサイトです。
秀英書房｜人文書、実用書、教育書を中心に発行
出版社の伝統や知性を感じさせる深みのある赤に、色とりどりの書籍の表紙が帯状に2段ループする印象的なファーストビュー。まるで書店の棚を眺めているようなワクワク感を創出しています。歴史ある出版社ならではの深み・おもしろさ・上品さに加え、アート的で感性的なデザインが目を惹きます。文学的でありながら読みやすいフォント “Vollkorn SC” がサイト全体の方向性を示し、大文字ならではの見出しの存在感を放っています。ウェブ連載セクションのブログ表示は、プッシュインやプルダウンではなくポップアップでスライドインを採用し、逆サイドのブログを隠すレイアウトにより、視覚的な情報整理が瞬時に行われ、読み終えてページに戻るまでの動線も美しくつながっています。そして魅力的なのが書籍一覧CTAセクションのサークルホバーエフェクト。まるで本屋で本を探すかのような体験を提供するユニークな演出で、会社への興味や秘められたおもしろさを感じさせるワクワク感は、間違いなくこのサイトの象徴です。合わせて、背景に流れる英字タイポグラフィなど横方向の動きの装飾が、単調になりがちな情報サイトにダイナミックなリズムをプラス。本というアナログな商材の魅力と、Webとしての洗練された見せ方が融合した、読者の知的好奇心を深く刺激するデザインです。
全ての猫を幸せに。│ 株式会社ねこぜん
肌馴染みの良いベージュとオレンジを基調とし、ブラウンや三毛猫カラーをアクセントに忍ばせた、ぽかぽかと陽だまりのように温かい配色設計。猫ちゃんの幸せを大事にするコンセプトを、色彩の温度感と柔らかさで見事に体現しています。柔らかな流体シェイプとノイズテクスチャが、猫ちゃんの写真と相性120点のファーストビューから始まり、セクションごとの強弱やイラストの配置によって視線が自然に誘導される構成です。要素を丸く切り抜き、アナログな手触り感を持たせることで、丸まった背中や肉球のような柔らかさを視覚的に表現。特にアクティビティセクションでは波形のレイヤーデザインと質感が最も活きています。また、合間から猫ちゃんの手が伸びてきたり、並んで座っていたりと、随所に散りばめられた愛らしいイラストが、ユーザーの心を優しく掴みます。加えて、ループするロゴの猫模様や、魚のアイコンで1・2・3が示される演出などの細部での工夫が、猫ちゃんの茶目っけを連想させるようです。掲載写真も毛並みや仕草の可愛らしさが伝わるものを厳選して配置。保護猫活動やドネーションといった真面目で大切なテーマを、徹底的に優しく、親しみやすいデザインで包み込むことで、ユーザーの共感と応援を自然な形で引き出す、愛情に満ちた導線設計となっています。
株式会社アンパサンド | AmpersAnd INC.
ファーストビューでインクスプラッシュのようなビジュアルがゆっくりと動き、「想像力を発展させて、世界を創造する」というコンセプトをダイナミックなグラフィックで表現。クリエイターたちの爆発的な情熱やアイデアの広がりを視覚化しています。細部までこだわったモーションをサイトの随所に設置し、ユーザーを次へ次へと促す仕掛けを施しています。また、シンプルかつ上質なカラーリングとレイアウトで、クリーンで都会的、理路整然とした企業姿勢を提示。角を丸めた写真やマーキー、横スクロール、ホバーエフェクトなどの遊び心を加えることで、スタイリッシュさを演出しながらエッジが効きすぎない絶妙な親しみやすさも担保しています。中盤にはダークトーンのセクションと地球のモチーフを配置し、視覚的なスケール感を一気に拡張させています。白と黒の明確なコントラスト、そして静のレイアウトと動のグラフィックという相反する要素を高度に調和させ、ユーザーに知的でエモーショナルなブランド体験を提供。快適で没入感のあるWeb体験を実現するコーポレートサイトです。
