日本製革小物・バッグ製造 | 株式会社LAMAC
広大な余白を贅沢に活かしたアシンメトリーなレイアウトと、美しい縦書きの明朝体を組み合わせたエディトリアルデザイン。画像とテキストを規則的に並べるのではなく、あえてずらして配置することで画面に心地よいリズムを生み出し、まるで上質なブランドブックをゆっくりと読み解くような、奥ゆかしい視線誘導を実現しています。色味は温もりのあるアイボリーを背景の基調とし、テキストやフッターには深いダークグレーを配した、上質で落ち着きのある配色。サイト自体に強い色を持たせず無彩色に近いトーンでまとめることで、革本来の深みのある赤や黒、そして職人の手元を捉えたシネマティックな写真の色彩が、圧倒的な世界観を引き立たせています。スクロールに呼応するモーションは、写真やテキストが静かに、そしてゆっくりと浮かび上がる滑らかなフェードインで統一されており、職人が一つひとつの製品と丁寧に向き合う静謐な時間を視覚的に表現しています。CTAにはリッチなサイトらしい、抑制と高級感あるインタラクションで、ノイズなくお問い合わせやサイト内の回遊を促します。
音更電設株式会社
「光」という企業のコアバリューを、鮮やかなイエローのグラデーションと斜めに差し込むダイナミックなシェイプで体現した、躍動感あふれるデザインです。見えないグリッドをベースにしながらも、光の束のような斜めのラインがセクションを横断し、ユーザーの視線を次々と下部へ導くレイアウトを構築。このエネルギッシュな空間を支えるのは、ホワイトとブラックを用いた高コントラストなベース配色です。配置された写真は明度と彩度が高く、作業服のブルーと背景のイエローが美しい対比を生み出し、現場の熱量や社員の誇りをノイズなく伝えています。タイポグラフィには、極太のサンセリフ体の英字と可読性の高いゴシック体の和文を採用。大胆なジャンプ率と十分な余白設計により、強いメッセージ性と読みやすさを両立。ホバーエフェクトが随所に見られ、細部までこだわりが見られ、カーソルを動かさずにはいられない、ユーザーを楽しませる要素が散りばめられています。スポットライトが当たるリンクや、微細に浮き上がるカード、明度を変えるボタンがフォーカス状態を的確に示し、直感的な回遊を促す堅実な導線としても機能しています。
VERYMAN ベリーマン株式会社
メインカラーは広大な余白を活かしたクリーンなホワイトとライトグレーで、清潔感と洗練された雰囲気が印象的。セクション背景やCTAには、深く落ち着いたネイビーブルーを配置し、知的で静謐なコントラストを生み出しています。使用されている写真は、明度が高く彩度を抑えたトーンで統一されており、ポートフォリオのようにプロダクトや風景の質感をノイズなく伝えています。タイポグラフィは和文フォントと欧文フォントで縦書きと横書きを効果的に交ぜて、細字を中心としたウェイト設定と、たっぷりと取られた字間・行間が、まるで洗練された雑誌や書籍のようなデザインの空気感を構築しています。レイアウトは堅牢なグリッドシステムをベースにしつつ、要素をアシンメトリーに配置する大胆な余白設計によって、優雅でゆったりとした視線誘導を実現しています。スクロールに伴うモーションは、画像やテキストが緩やかなイージングでフェードインする挙動に統一され、サイト全体の静かな世界観を損なわない抑制的な一貫性を保っています。ホバー時にはリンクテキストの下線が伸びたり、画像がわずかに明るくなったりする変化でフォーカス状態を可視化しています。ネイビーの円形CTAは、広い余白の中で高い視認性を確保しており、ユーザーを自然に次のアクションへと導く無駄のない導線設計となっています。
Axis.ov-Films
徹底して「映像」をダイナミックに使用して主役に据えるため、無彩色のメインキャンバスに。作品のサムネイルが持つ色彩や温度感が、整然とした空間に鮮やかに引き立ち、ポートフォリオとしての機能を最大限に高めています。幾何学的なサンセリフ体の欧文と可読性の高いゴシック体の和文を併記し、行間を広めに取ることで、ストーリーテリングのような心地よいリズムを形成。セクションの区切りに配置されたCTAにはホバーアクションで絵文字付きのマーキーの遊び心が感じられます。インパクトある動画やアニメーション、エフェクトで視覚的な境界線と導線を兼ねたユニークな構造を作り出し、静的なレイアウトに動的なグルーヴ感を与えています。単調になりがちな縦スクロールに、開始アニメーション、ホバーエフェクト、動画、アニメーションで抑揚を付与。サイトのベースカラーと写真、動画のトーンが合わせられポートフォリオのように世界観を表現。その中でユーザーの回遊を遊び心とともに促し、トレンド感と機能性を両立しています。
terasu歯科
白とグレーを基調とした清潔感ある配色に、明朝体の凛とした美しさが映えるファーストビューで、“Light up the future of your teeth”というコンセプトが誠実な佇まいとともにまっすぐ伝わります。スクロールに合わせてゆっくりとフェードインする写真やテキストは、診断から治療へと進む丁寧なプロセスを想起させ、読み進めるほどに医院への信頼が積み上がっていく設計も秀逸。情報量が多くなりがちな診療メニューも、ゆとりあるカード配置と角の取れたあしらいで圧迫感が消え、視線が迷わず目的へと吸い込まれる感覚です。コンセプト・診療方針・Q&Aが無駄なく接続され、患者の不安を解消しながら「未来の健康」へと視座を引き上げるストーリーを通読できる骨格。空間×言葉×デザインが有機的に連なり、トップからフッターまで一筆書きのように導かれる体験。「患者さんの道を照らす」という医院の哲学を、視覚と情報の両面で深く味わえるサイトです。
ぺんてる
大胆なプロダクトビジュアルと鮮やかな色面が画面いっぱいに立ち上がるファーストビュー。余計な装飾を排しながらも、文具メーカーらしい“色”と“かたち”の魅力を真正面から打ち出し、創造性と信頼感を同時に印象づけます。スクロールに沿って展開する製品情報やブランドストーリーは、整ったグリッドと明快なタイポグラフィで端正に整理され、情報量が多くても視線が迷いません。写真の切り替えやセクションの出入りには控えめなモーションが添えられ、静かなリズムがページ全体を貫いています。プロダクトの質感や筆致のニュアンスを丁寧に伝えるカットの配置、用途やカテゴリごとに分解された導線など、“使う前から品質が伝わる”設計が細部まで行き届いているのも印象的。派手な演出に頼らず、色・形・余白・動きのバランスだけでブランドの歴史と誠実さを語り切る構成です。ものづくりの姿勢とユーザーへのまなざしがUIの隅々にまでにじむ、静かに強い説得力を持ったコーポレートサイトです。
GUNTE Lab.
白背景に伸びやかな余白、角丸のカードと太めの見出しが並ぶ気持ちよい導入。ヒーローでは「WE CAN MAKE ORIGINAL GLOVE」を大ぶりに掲げ、用途別の事例カードをすぐ下にスライドで連ねることで、“作れる・選べる・使える”を数秒で掴ませます。配色はロゴの黒×グレーを軸に、製品写真のカラフルさをアクセントとして活かす抑制設計。説明テキストは短文・改行多めで、プロダクトサイトにありがちな堅さを避けつつ、読み進める速度感を担保しています。中盤の「GUNTE Lab.の特長」は01–04のステップで効用を整理し、続く「ラインナップ」で“種類の多さ→具体の商品像”へと自然に橋渡し。商品カードは写真比率が大きく、キャプションを最小限に抑えたことで、色・素材・サイズ感の違いが直感で比較できます。事例→特徴→商品→発注の順で迷いを削ぎ落とし、BtoBとグッズ制作の“楽しさ”を同居させた編集が秀逸です。
Goodpatch Anywhere｜越境をデザインする
訴求要素は多いのに、見せ方は驚くほどシンプル。魅力を語るコンテンツと、社員の声・実績アピールを主軸に据え、採用に振り切った導線で迷いがありません。シンプルで終わらせず、ファーストビューのダイナミックタイポグラフィと背景で静かに存在感を放つロゴの映像がサイト全体の空気を決め、読み始めの一歩を軽くしています。使用写真はどれも飾らないリアルな表情で、記事ページに入ると読み応えのあるインタビューがいくつも掲載されており、ここでもユーザーの視線をキャッチ。さらに情報の置き方がとても親切です。役割や働き方、事例がきれいに並び、どこから読み始めても応募までの流れが自然にわかります。各ブロックの余白と見出しの強弱でリズムが生まれ、ところどころのホバーや小さな動きが心地よい手触りを足しています。FAQや選考フローは短い文章と箇条書きでサッと読めるつくり。さらに、「ここで働くと何が良いか」を言い切る一文が要所にあり、迷ったときの道しるべになっています。結果として、誠実な雰囲気とチームの熱量が伝わり、そのまま応募してみようという気持ちにつながるサイトです。
