제품 마케팅 - 3D 저축 앱 UI 목업

목록으로 돌아가기

1 / 1

제품 마케팅 - 3D 저축 앱 UI 목업

출처: Ilia

UI 디자인openai/gpt-image-2#UI 디자인#미니멀리즘#이커머스#시네마틱#풍경#3D 렌더링

고급 금융 기술 응용 개념 메인 시각적 모형 · 스타일: 부드러운 3D 유리 UI, 다크 민트 그린 그라데이션, 사실적인 스마트폰 렌더링, 부드러운 스튜디오 조명, 고대비, 절묘한 제품 디자인

10.7w명이 사용 중

4:5권장 사이즈

2.1w저장됨

프롬프트 템플릿

{
  "type": "premium fintech app concept hero mockup",
  "style": "sleek 3D glassmorphism UI, dark mint green gradients, realistic smartphone render, soft studio lighting, high contrast, polished product-design presentation, subtle blur and glow, cinematic shadows",
  "canvas": {
    "aspect_ratio": "16:9 landscape",
    "background": "smooth teal-to-emerald gradient fading to near-black at the bottom, minimalist tech presentation backdrop"
  },
  "layout": {
    "centerpiece": "one large black iPhone-style smartphone centered slightly right, front-facing, rounded corners, dynamic-island camera cutout, thin black bezel, realistic side buttons and reflections",
    "left_text_block": {
      "position": "left middle",
      "headline": "{argument name=\"headline text\" default=\"Store your savings in one secure place\"}",
      "style": "large light-gray sans-serif text, two lines, soft opacity"
    },
    "right_text_block": {
      "position": "lower right",
      "paragraph_count": 2,
      "text": [
        "This app is a concept. I will be developing it with Claude. Follow for more progress",
        "The idea behind - is to easily manage saving in one app with beautiful UI"
      ],
      "style": "small muted gray sans-serif text"
    },
    "top_badges": {
      "count": 2,
      "items": [
        {
          "position": "top left",
          "text": "Saving App",
          "shape": "rounded translucent mint pill"
        },
        {
          "position": "top right",
          "text": "{argument name=\"creator handle\" default=\"@Ilia Zolotukhin\"}",
          "shape": "rounded translucent mint pill"
        }
      ]
    }
  },
  "phone_screen": {
    "status_bar": {
      "time": "9:41",
      "icons": "cell signal, Wi-Fi, battery",
      "count": 4
    },
    "top_controls": {
      "count": 2,
      "items": [
        {
          "position": "top left",
          "text": "{argument name=\"savings progress\" default=\"$1350 / $5,000\"}",
          "icon": "small flame or droplet icon",
          "shape": "mint translucent rounded pill"
        },
        {
          "position": "top right",
          "icon": "settings gear",
          "shape": "mint circular button"
        }
      ]
    },
    "main_visual": "large translucent glass jar with metallic mint lid, centered on screen, jar filled at the bottom with stacked silver coins; glossy refractions, vertical highlights, 3D depth, dark green interior background",
    "micro_instruction": "Shake your phone to add new amount",
    "stats_card": {
      "position": "bottom of phone screen",
      "shape": "large dark rounded rectangle glass card",
      "title": "Total Saved",
      "main_amount": "{argument name=\"saved amount\" default=\"$1,350\"}",
      "time_toggle": {
        "count": 3,
        "labels": [
          "D",
          "W",
          "M"
        ],
        "active": "D"
      },
      "metrics": {
        "count": 3,
        "items": [
          {
            "value": "$50",
            "label": "Added"
          },
          {
            "value": "12 Days",
            "label": "Streak"
          },
          {
            "value": "15 Apr, 2026",
            "label": "Created"
          }
        ]
      }
    },
    "bottom_buttons": {
      "count": 2,
      "items": [
        {
          "text": "Stats",
          "style": "dark rounded button"
        },
        {
          "text": "Add Money",
          "style": "bright mint rounded button"
        }
      ]
    }
  },
  "rendering_notes": "make the jar the visual focus, realistic glass transparency and coin geometry, clean modern typography, balanced negative space, no clutter, product-shot quality, suitable for a savings app landing-page teaser"
}

제품 마케팅 - 3D 저축 앱 UI 목업

관련 영감