【公式】ツクリオ(Tsuklio) | 手料理サブスク
角を丸めた豊富な写真レイアウトと、フラットで可愛らしい食材のイラストレーションの組み合わせが特徴的なサイトです。単なる美味しそうな料理の写真だけでなく、家族が笑顔で食卓を囲むシーンや、温かな光が差し込むキッチンの風景を多用することで、このサービスを利用することで得られるゆとりある時間や幸せな日常といったベネフィットを情緒的に訴求。また、見出し回りなどに散りばめられた野菜や調理器具のシルエットイラストが、手作りのような温もりと楽しさを演出しています。カラーリングは清潔感のある柔らかなオフホワイトをベースに、食欲を刺激し、家庭的な温もりを感じさせるオレンジをメインカラーに据えた、非常に親しみやすくアットホームな配色。アクセントとして新鮮な野菜を連想させるグリーンを配置することで、食品を扱うサービスとしての安心感とフレッシュさを表現しています。配色とイラスト、写真の色彩がこのサイトの清潔感と温かさのイメージを決定づけています。スクロールに呼応するモーションやレイアウトは奇をてらわず、見出しがポンと浮き上がり目を引き、要素がじわっとフェードインするバランスの取れたモーション。オレンジの背景色で視覚的な区切りを明確に行うことで、豊富なコンテンツ量を感じさせず、さらにホバーアクションなどの細かなこだわりを細部まで感じさせ、心地よいリズムと高いユーザビリティを実現した導線設計となっています。
ナッツの美味しさが開花する 【caica カイカ】
爽やかで抜け感のあるペールブルーを背景の基調とし、パッと目を引く色鮮やかなレッドやピンク、オレンジを用いた花のイラストを大胆に配置した、ポップで心躍るような配色設計。ブランド名であるcaica（開花）のコンセプト通り、画面全体に華やかさとポジティブなエネルギーが満ち溢れています。フラットで少しレトロな手描き風のグラフィックアートと、ナッツやチョコレートの質感・シズル感を極限まで引き出した高解像度のプロダクト写真の大胆な掛け合わせです。写真をあえて真円ではなく、いびつな円形やアーチ型でマスクすることで、有機的で温かみのある世界観を強調。また、ポップなビジュアルに対して、見出しにはエレガントなセリフ体のタイポグラフィを採用することで、ただ可愛いだけでなく、お菓子としての上質さやプレミアム感をしっかりと担保しています。スクロールに呼応するモーションは、波打つような境界線やイラストがゆっくりと現れるような、優しく遊び心のある挙動。ホバー時には、各プロダクトの丸いボタンや画像が直感的に反応するインタラクション。鮮やかな色彩とリズミカルな円形レイアウトがユーザーの視線を自然と下へ下へと誘導し、ショッピングのワクワク感を高めながら購入へと繋げる設計です。
たまご専門 本巣ヱ（もとすえ）
和紙を思わせる温かみのあるオフホワイトと、墨のような深いブラックを組み合わせた、静謐で品格のある和モダンの配色設計。背景から過度な装飾や色彩を削ぎ落とすことで、暗背景に浮かび上がるような商品写真の美しさや、たまごの黄金色、焼き目の香ばしいトーンが圧倒的なシズル感と存在感を持って際立っています。広大な余白を贅沢に活かした中央揃えのレイアウトと、縦書きの美しい明朝体を組み合わせたエディトリアルデザインで、情報を詰め込まず、洗練された言葉一つひとつに重みを持たせることで、老舗のお品書きをゆっくりと紐解くような、優雅で奥ゆかしい視線誘導を実現しています。スクロールで発火するかいしアニメーションは、静かに浮かび上がる滑らかなフェードインで統一され、ブランドに流れる上質で穏やかな時間を視覚的に表現しています。削ぎ落とされた無彩色の空間が、暗闇に浮かぶ菓子の黄金色を最高潮に引き立てるデザインです。
Diffar_Fragrance Hair Oil
粗い粒子感のあるモノクロームの写真や映像を背景に敷き、その上に極めて鮮やかで多色使いのプロダクトを配置した、強烈なコントラストが目を引く設計。背景から徹底して色彩を排除することで、商品自体が持つポップなカラーリングが浮き上がるように際立ち、まるでアートピースのような存在感を放っています。構成は、画面いっぱいのフルスクリーン背景の上を、プロダクトと最小限のテキストのみがスライドする、大胆かつミニマルなレイアウトを採用。広大な余白と洗練されたタイポグラフィが、ユーザーの視線を迷うことなく中央の鮮やかなパッケージへと誘導します。スクロールに呼応するモーションは、背景のシネマティックな白黒写真が商品に合わせて変化し、各プロダクトがじわっと浮かび上がる挙動で統一され、エッジの効いた世界観の中に心地よいリズムを生み出しています。商品詳細へのボタンをホバー時にはわかりやすく色反転のみで、空間のノイズにならない抑制されたインタラクション。極めて洗練された設計で、プロダクトへの絶対の自信があるからこそ無駄を削ぎ落とした、ブランドの世界へユーザーを深く没入させます。
SOUZO by maruman
クリーンなライトグレーとホワイトを基調に、テキストにソリッドなブラックを配した明快でモダンな高コントラスト配色です。あえて強いアクセントカラーを持たせず、プロダクト自体が持つ鮮やかなオレンジや深みのあるブルーなどの色彩を主役として引き立てています。配置された写真は、ライティングを活かしたクリアな明度と彩度で統一され、文房具の美しいテクスチャをノイズなく伝えています。タイポグラフィは視認性の高いモダンなゴシック体を主軸とし、ファーストビューやフッターに配置された極太で幾何学的なロゴタイプが、サイト全体にアートピースのような強い視覚的インパクトを与えています。本文にはゆとりのある字間・行間を持たせ、洗練された空気感を担保しています。 レイアウトは堅牢なグリッドシステムをベースにしつつ、画面幅を大胆に使った画像配置によってポートフォリオのようで、上質なカタログをめくるような心地よい視線誘導と世界観を実現しています。ホバー時には画像の微小なズームや滑らかなリンクの変化でフォーカス状態を可視化し、たっぷりの余白の中に配置されたミニマルなテキストリンクが、ユーザーを自然に詳細ページへと導く無駄のない導線設計となっています。
ぶどうのワンピース – budou-no-onepiece
太陽の光をたっぷり浴びた果樹園の空気感と、作り手の温もりが伝わる、上品で物語性のあるデザイン。柔らかなベージュとクリーンなホワイトをメインカラーに、ブランドを象徴する深みのあるグレープパープルをアクセントに効かせることで、自然の恵みと洗練された品格を両立した配色を構成しています。配置された写真は、木漏れ日や自然光を活かした明るく暖かみのあるトーンで統一されており、瑞々しいぶどうの質感や、農園で働く人々の穏やかな笑顔をクリアに伝えています。タイポグラフィは繊細で美しい明朝体を主軸に据え、縦書きと横書きを効果的に交差させるレイアウトを採用。たっぷりと取られた余白の中にテキストやイラスト、写真をゆったりと配置することで、まるで上質なカタログをめくるような心地よい視線誘導。スクロールに呼応するモーションは、ゆったりとフェードインする挙動に統一されており、穏やかな時の流れを感じさせます。ホバー時には画像やリンクテキストが微細に変化する控えめなインタラクションでフォーカスを可視化。グリッドレイアウトの見やすさと明るい世界観をダイレクトに感じられるブランドサイトです。
YURUMARU
ファーストビューは、やわらかな色合いと丸みのあるビジュアルを軸に、親しみやすさが一瞬で伝わる構成。大きすぎないタイポグラフィと余白を活かした配置によって、肩の力が抜けた空気感をつくりながらも、サービスの輪郭ははっきりと提示されています。ビジュアルやコピーが前に出すぎず、「生活にそっと寄り添う」スタンスが自然に感じられる導入です。イラストや写真、背景のトーンは全体で丁寧に揃えられており、スクロールしても世界観が崩れない一貫性のある設計。色数を抑えつつも、やさしいアクセントカラーが随所に効いていて、情報量が増えても圧迫感を感じさせません。コピーは難しい言葉を避け、話しかけるような文体で構成されており、視線の流れに合わせて自然に読み進められる設計。情報設計は整理されているため迷子にならず、それでいて堅くなりすぎないバランス感覚が際立ちます。全体として、派手さよりも温度感と統一感を重視し、「やさしく、まじめに暮らしを支える」という姿勢を体験として届けるデザイン。装飾や動きはあくまで補助に徹し、見る人の気持ちをそっと整える、安心感のあるライフスタイル系サイトに仕上がっています。
