FlashJet
Vorlage

E-Commerce-Landingpage Dermatologen-Serum

{
  "type": "Mockup einer Skincare-E-Commerce-Landingpage",
  "brand": "{argument name=\"brand name\" default=\"DERMA CALM\"}",
  "color_palette": ["Weiß", "Hellblau", "{argument name=\"primary color\" default=\"dark blue\"}"],
  "layout": {
    "header": {
      "logo": "links ausgerichteter Markenname mit japanischer Unterzeile",
      "navigation_links": {
        "count": 6,
        "labels": ["ABOUT", "PRODUCT", "FEATURE", "INGREDIENT", "VOICE", "Q&A"]
      },
      "buttons": {
        "count": 2,
        "labels": ["マイページ", "今すぐ購入する"]
      }
    },
    "hero_section": {
      "left_column": {
        "headline": "{argument name=\"hero headline\" default=\"敏感な肌にも、毎日つづけられる安心ケア。\"}",
        "subtext": "Absatz, der die Vorteile von geringer Reizung, Feuchtigkeitspflege, Duftstofffreiheit und Alkoholfreiheit beschreibt",
        "buttons": {
          "count": 2,
          "labels": ["今すぐ購入する", "詳しく見る"]
        }
      },
      "center_column": {
        "product": "weiße Pumpflasche mit transparentem Deckel, beschriftet mit {argument name=\"product type\" default=\"Moisture Barrier Serum\"}",
        "props": ["Klecks weißer Creme", "rundes Badge mit der Aufschrift 皮膚科医監修"]
      },
      "right_column": {
        "subject": "{argument name=\"model description\" default=\"young East Asian woman with clear glowing skin touching her cheek\"}",
        "background": "unscharfe Laborglaswaren in einer hellen, sauberen klinischen Umgebung"
      }
    },
    "bottom_features_panel": {
      "left_cards": {
        "count": 3,
        "descriptions": ["95 % Zufriedenheit mit 5 Sternen", "Schildsymbol für reizarm formulierte Pflege", "Tropfensymbol für Unterstützung der Hautbarriere"]
      },
      "right_badges": {
        "count": 3,
        "descriptions": ["Icon für ohne Duftstoffe", "Icon für ohne Alkohol", "Icon für Patch-Test bestanden"]
      },
      "footer": "kleingedruckte Hinweise am unteren Rand"
    }
  }
}
♥ Favoriten
0
published
vor 6 Monaten
Abgeleitete Beispiele · basierend auf dieser Vorlage
Noch keine abgeleiteten Beispiele

Klicken Sie nach dem Remixen auf ⊕ Zur Galerie hinzufügen — werden Sie das erste Beispiel unter dieser Vorlage.

Remixen →