Axis.ov-Films
徹底して「映像」をダイナミックに使用して主役に据えるため、無彩色のメインキャンバスに。作品のサムネイルが持つ色彩や温度感が、整然とした空間に鮮やかに引き立ち、ポートフォリオとしての機能を最大限に高めています。幾何学的なサンセリフ体の欧文と可読性の高いゴシック体の和文を併記し、行間を広めに取ることで、ストーリーテリングのような心地よいリズムを形成。セクションの区切りに配置されたCTAにはホバーアクションで絵文字付きのマーキーの遊び心が感じられます。インパクトある動画やアニメーション、エフェクトで視覚的な境界線と導線を兼ねたユニークな構造を作り出し、静的なレイアウトに動的なグルーヴ感を与えています。単調になりがちな縦スクロールに、開始アニメーション、ホバーエフェクト、動画、アニメーションで抑揚を付与。サイトのベースカラーと写真、動画のトーンが合わせられポートフォリオのように世界観を表現。その中でユーザーの回遊を遊び心とともに促し、トレンド感と機能性を両立しています。
Earthboat
自然の中に佇むサウナ付き宿泊施設の魅力を、余白を活かしたミニマルなデザインで引き立てています。配色は自然の景観写真が主役となるよう、背景はホワイトや淡いベージュで抑制し、テキストにはブラックを用いて高いコントラストを確保しています。彩度を抑えたベースカラーにより、サウナの炎や料理のシズル感が鮮やかに際立ちます。タイポグラフィには可読性の高いモダンなサンセリフ体を基調としつつ、英語の見出しには波打つようなアニメーションを施すことで、静寂の中に心地よいリズムを生み出しています。レイアウトとして、グリッドシステムを用いた整然とした構成で情報を整理しつつ、スクロールに合わせて横方向への移動や、3Dモデルによる回転演出を差し込むことで、単調さを回避し没入感を高めています。ファーストビューからコンテンツへの遷移において、写真はゆっくりとフェードし、テキストは下から浮き上がるような滑らかなイージングを採用。ボタンや画像のホバー時に軽やかな動きや透過変化を加え、ユーザーの操作に対して繊細に応答するマイクロインタラクション。導線設計で予約ボタンは常にアクセスしやすい位置に配置され、各拠点情報への遷移もスムーズで、迷いのない回遊を促す設計。全体として、装飾を削ぎ落とした機能美と、自然と調和する静謐な空気がWebサイト全体から感じられる、上質なデザイン。
企画デザイン２時
全体を潔いホワイトを広げ、ユニークなプロダクト写真の色彩を最大限に引き立てる、ギャラリーのようなミニマルさ。ファーストビューでは装飾を極限まで排し、ロゴとコンセプトのみを静かに配置することで、ユーザーの視線を制作実績へと自然に集中させる端正な導入となっています。余白を適切に確保し、タイポグラフィは親しみやすいゴシック体を広めの行間で組むことで、情報の階層を整理しつつ軽やかなリズムを構築。スクロールに呼応してコンテンツが穏やかにフェードインし、ホバー時には画像の透過度が微細に変化するマイクロインタラクションが、ユーザーの「もっと見たい」という探求心とリンク。CTAやナビゲーションは黒のラインやテキストでシンプルに構成され、回遊のノイズを排除した機能美が貫かれています。全体として、配色・余白・抑制の効いたデザインで「ななめ上の発想」という企業姿勢を洗練された形で体験化させた、知性とユーモアが共存するデザインスタジオのサイト。
ソラマメデザイン
屋号を象徴する鮮やかなソラマメのグリーンのアクセントカラーが白や青のベースに光る、親しみやすさと清潔感が同居する配色。また優しく印象付けるのはテクスチャのあるイラスト。デジタルの冷たさを排除した温かい世界観を構築しユーザーを惹きつけます。タイポグラフィは、イラストとマッチするゴシック体を選定。ポイントになるセクションは、デザイナーと愛犬のキャラクターによる「会話形式」でコンテンツを展開するストーリーテリングの手法を採用し、読み手を飽きさせない工夫が凝らされています。モーションは、スクロールに合わせて要素がふわっと浮き上がるフェードインや、背景でゆっくりと流れるテキスト、イラストなど、心地よいゆらぎを感じさせる演出が特徴。CTAボタンは丸みを帯びた形状で押しやすさを担保し、ふわりと変わるエフェクトが、ユーザーの心理的なハードルを下げ、細部まで世界観を崩さないよう設計されています。
アートアクアリウム | ART AQUARIUM
アートとアクアリウムの「闇」と「光」の対比空間をWeb上に完全再現した、没入感あふれるダークトーンのWebサイト。漆黒の背景色が金魚の鮮烈な赤やライティングの極彩色をドラマチックに引き立て、画面全体がひとつの水槽であるかのような妖艶な雰囲気を醸成しています。文字は繊細な骨格を持つ明朝体をゆったりとした字間で組むことで、和の「静寂」と現代アートの「鋭さ」を同時に表現。レイアウトは、クオリティの高い写真の配置と、グリッドを崩して重ねるなど、規則性の中に動きを持たせ、回遊する金魚のような流動的な視線誘導を実現しています。モーションは主にファーストビューの臨場感のある動画や、画像がわずかにズームするパララックス効果を取り入れ、水中の抵抗を感じさせるような優雅な時間軸を構築。CTAとなるチケット購入ボタンをウィンドウ下部に固定し常に視界に入るよう配置され、幻想世界への入り口として機能的にデザインされています。
株式会社Bizconcier（ビズコンシェル）
白を基調とした広大な余白（ホワイトスペース）の中に、黒のタイポグラフィと、生き物のような繊細なラインアートが背景に浮かぶ、極めてミニマルかつ知的な配色設計です。点と線を結ぶ抽象的な幾何学グラフィックによって、企業が掲げる「つながりの価値」やコンサルティングの介在を象徴的に表現しています。タイポグラフィは、幾何学的なサンセリフ体の欧文を大きく配置してモダンな骨格を作りつつ、和文には可読性の高いゴシック体を控えめなウェイトで添えることで、情報の階層構造を視覚的に整理。グリッドにとらわれない自由なレイアウトに見えますが、計算された余白が心地よいリズムを生み、視線を自然と下層へ誘導します。モーション言語は「描画」と「浮遊」をテーマに、見出しのアニメーションは一貫性を持たせ、スクロールに合わせてラインが伸びたり要素がフェードインする演出を施し、静的な情報に動的なストーリー性を付与。マイクロインタラクションも主張しすぎず、あくまでコンテンツの閲覧を最優先する、プロフェッショナルな美学が貫かれたデザイン。
名古屋エステイト社 不動産の総合コンサルタント
ネイビーブルーを全面に敷き、文字や主要素に白を用いることで、高いコントラストによる優れた可読性と、知的で誠実な印象を両立させた配色。抜け感のあるイラストは同系色のトーンで統一し、落ち着きのある洗練された世界観を構築し、「不動産の堅苦しさ」を払拭した親しみやすい設計です。特徴的なキャラクターが多様なポーズを取ることで、「あの手この手で応える」という企業の多角的な提案力を、ユーモラスかつ直感的に視覚化しています。タイポグラフィは、優しさのあるゴシック体で、本文は行間を広めに配置して信頼性を担保しつつ、セクション背景に溶け込ませた大きく薄い欧文のあしらいで、伝統と革新のハイブリッドな企業姿勢を視覚化し、デザイン的なアクセントとしても機能しています。レイアウトは、十分な余白によって視線をスムーズに下方向へ誘導。各セクションには背景色と強く対比する白い角丸のCTAボタンが配置され、次のアクションへの導線が迷いなく認識できる設計となっています。
MI-6株式会社 採用サイト
たっぷりと確保したホワイトスペースに、楕円のグラスモーフィズムと鮮やかな青の対比が映える配色設計です。このコンビネーションをキービジュアルやCTAに一貫して採用することで、「冷静な知性」と「開発のレイヤー」のイメージを視覚化し、清潔感と先進性を同時に印象づけています。タイポグラフィは、ウェイトを抑えたゴシック体を広めの字間で組み、論理的な思考プロセスを想起させる整然としたリズムを構築。レイアウト自体はグリッドを遵守して情報を整理しつつも、ヒーローエリアにあえて有機的な曲線を配置することで、硬くなりがちなテック系の印象に柔軟な創造性をプラスしている。背景のシェイプが緩やかに変容するモーションは、静止画では伝わらない「変革のプロセス」を可視化したもの。抑制の効いたホバーアクションも、ユーザーの関心が深まる心理とリンクし、回遊への没入感を高める良いアクセントになっています。
AOMORI GOKAN ５館が五感を刺激する
ブルーの背景に黒のロゴのアニメーションのファーストビューでインパクト。徹底して「作品」を主役にするため、白を基調とした極めてニュートラルな配色設計。文字色は完全な黒ではなくわずかにグレーを感じさせるトーンに抑え、美術館という場の持つ静謐な空気をWeb上でも再現しています。タイポグラフィは、幾何学的なサンセリフ体の欧文を大きく配置してモダンな骨格を作りつつ、和文には可読性の高いゴシック体を控えめなウェイトで添えることで、情報の階層構造を視覚的に整理しています。レイアウトは、各美術館の情報を均等なグリッドで並列に扱いながらも、広めの余白を大胆に取り入れることで、視線が自然と個々のコンテンツに留まるよう計算されています。モーション言語は「静」を意識し、スクロールに合わせて要素がゆっくりとフェードインする抑制的な演出で、品格を損なわないよう配慮されています。画像のホバー時にわずかな拡大や透過の変化を加えることで、クリックの可能性を直感的に示唆。導線はヘッダーとフッターに集約し、回遊性を担保しつつも、鑑賞体験を阻害しないノイズレスな設計が貫かれています。
ポスタス株式会社 採用サイト
白を基調とした背景にイエローをアクセントとして効かせ、清潔感と活力を共存させた配色設計。写真は自然光を感じさせる明るいトーンで統一され、社員の表情やオフィスの空気がリアルに伝わるようリタッチされています。タイポグラフィは可読性の高いゴシック体を軸に、見出しと本文で明確なウェイト差をつけて情報の階層を整理しつつ、欧文にはサンセリフを用いて先進性を演出。レイアウトは十分な余白を確保して要素を整列させ、視線が自然と下へ流れるようグリッドに忠実な設計がなされています。モーションは、スクロールに合わせて要素が下からふわっと浮き上がるスライドアップやフェードインを多用し、コンテンツを一つひとつ丁寧に提示する「プレゼンテーション」のようなリズムを形成。ボタンのホバー時には背景色の反転やアイコンの移動といった微細な変化を加え、ユーザーの操作に対するフィードバックを直感的に伝えています。ページ下部にはわかりやすいエントリーボタンを配置し、回遊からのコンバージョンを逃さない導線設計が徹底されています。
