デザイン参考

DESIGNS

プロダクトのWebデザイン参考

02件

製品そのものを、仕様の表より先に、使う場所の写真で見せているサイトです。VeSync Japanの空気清浄機はリビングに一つ置かれ、除去率などの数値は脇のカードに浮かびます。機能の説明はアプリの画面に預け、ヒーローのボタンは「さらに詳しく」ひとつです。

プロダクトサイトを組むときは、機能を箇条書きで埋めず、使う場所の写真と、一つだけ残す行動の参照にしてください。

  • 黒地の中央に GSAP animations, every framework.。下段は Zoom Through Text、Paragraph Indent、Scribble Highlighter、Rotating Words。右に New と scroll、画面下に 115 matching

    黒地に GSAP animations, every framework. を置き、その下を同じ寸法のカードで埋めるアニメーション集。見本が先で、名前と scroll や ui-component はカードの下に揃う。

    プロダクト/motion/components
    詳細を見る
  • リビングにLevoit Eleva 300Xを置いたヒーロー。新発売のバッジと数値のカードが浮かび、下にPRODUCTSが始まる
    VeSync Japan

    新発売の一品を部屋の写真で見せ、価格と保証はその下に静かに並べる公式ストア。

    EC/プロダクト/日本語/リテール
    詳細を見る