GPT-Image-2를 활용한 앱 스토어 스크린샷 제작 (36일 만에 1,600달러 MRR 달성)

@_frederickjames
영어2일 전 · 2026년 7월 05일
100K
471
27
29
1.5K

TL;DR

이 가이드는 Pinterest를 통한 리서치, Figma를 활용한 MVP 제작, 그리고 GPT-Image-2를 이용한 전문적인 AI 기반 3D 효과를 통해 전환율이 높은 앱 스토어 스크린샷을 빠르게 디자인하는 워크플로우를 상세히 설명합니다.

앱 스토어 페이지는 4가지 전환 변수 중 하나입니다:

마케팅 -> 앱 스토어 페이지 -> 온보딩 -> 페이월.

사람들은 온보딩과 페이월에 집중합니다. 하지만 제품 퍼널은 앱 페이지에서 시작됩니다! 스크린샷이 별로면 사람들이 다운로드하지 않아요!

제 앱은 페이지 조회 대비 다운로드 전환율이 65%입니다.

이것이 제가 1.6k MRR에 이렇게 빨리 도달할 수 있었던 가장 큰 이유입니다.

새 앱으로 이 방법을 적용하는 방법을 알려드리겠습니다!

가장 좋은 점은?

  1. AI를 사용하면 30분도 안 걸립니다!
  2. 대부분의 앱 스토어 페이지는 형편없습니다. 경쟁사를 이기기 위한 노력이 거의 들지 않습니다!필요한 것은 이것뿐입니다:
  3. Pinterest 계정 (무료).
  4. Figma 계정 (무료).
  5. GPT-Image-2 ($20/월 Codex 플랜으로 무료 사용 가능).

1단계: 리서치.

우리는 여성용 마니페스트레이션 앱을 만들 것입니다.

먼저: 해당 틈새 시장의 다른 앱들을 살펴보고 패턴을 찾아보세요.

Frederick James - inline image

출처: "Stella" & "Manifest Affirmations" 앱

눈에 띄는 점:

  • 핑크 & 따뜻한 톤.
  • 매우 "미학적"이며, 이미지에 초점을 맞춤.
  • 결과물을 판매: 제품 자체가 아니라.

**두 번째: Pinterest를 둘러보세요.

**이것은 당신의 틈새 시장에 대한 더 넓은 맥락을 제공할 것입니다.

또한 나중에 사용할 에셋 아이디어도 얻을 수 있습니다.

Frederick James - inline image

공통 트렌드:

  • 키워드: 매혹적인, 건강한, 빛나는, 존재감, 사랑.
  • 부드러운 에너지, 강력한 만트라.
  • 마음에 드는 이미지는 저장하세요:

왼쪽 하단 이미지는 그 자체로 대박입니다.

2단계: Figma MVP

AI로 뛰어난 결과를 얻을 수 있는 꿀팁:

먼저 Figma에서 목업을 만드는 것입니다.

*참고 자료 없이 프롬프트를 입력하면 좋지 않은 결과를 얻을 수 있습니다. 약간의 사전 노력을 투자하는 것이 엄청난 ROI를 가져옵니다.*

1. **템플릿:

**Figma에는 무료 템플릿이 많이 있습니다. 저는 이 템플릿을 사용합니다:

Frederick James - inline image

2. 폰트

모든 사람이 사용하는 두 가지 종류의 폰트가 있습니다:

  • "프리미엄" 고급스러운 느낌: Instrument Serif.
  • 현대적이고 대담한 미니멀한 느낌: SF Pro.

이 둘 중 하나를 사용하면 실패할 일이 없습니다:

Frederick James - inline image

나머지 두 가지 도구는 그라데이션 생성기와 리퀴드 글래스 컴포넌트입니다.

Frederick James - inline image

저는 이 MVP들을 단 몇 분 만에 만들었습니다.

Frederick James - inline image

3단계: AI 마법

이제 GPT-Image-2에 MVP 참고 자료를 프롬프트로 입력하세요.

이 스크린샷들을 더 매력적이고 약간 더 생생하게 만드세요. UI 요소가 미묘하게 튀어나와서, 폰 테두리와 겹치며 3D 효과를 주도록 하세요. 각각 별도의 이미지로 출력하세요.

여기서 한 가지 권장 사항:

모델 노력 수준을 중간으로 유지하세요.

물론 이것저저 실험해보는 것도 좋지만, 제 경우에는 노력 수준이 높을수록 이상한 결과(비정상적인 종횡비, 이상한 텍스트 크기 등)가 나왔습니다.

결과물은 이렇습니다:

Frederick James - inline image
  1. 대비. UI 요소가 "3D"처럼 폰 밖으로 튀어나옵니다. 이것은 시선을 사로잡습니다. 인기 앱들을 보면 거의 모두 이렇게 합니다.
  1. 미묘한 생동감. 색상을 인식하는 글로우와 반짝이는 UI 요소를 추가했습니다. 이러한 작은 업그레이드는 사용자에게 무의식적인 영향을 미칩니다. 최종적인 프로페셔널한 마무리 터치입니다.
  1. 이미지 필터. 모델이 생동감과 채도를 높였습니다. 때로는 과하게 적용될 수 있으니 주의하세요. 하지만 여기서는 확실히 더 매력적입니다!참고 사항:

때때로 AI가 채도를 너무 높여서 이미지가 플라스틱 같고 AI처럼 보이게 만들 수 있습니다. 초기 프롬프트에서 "생동감"을 제거하여 조정하거나, 출력된 이미지를 수정하도록 요청하세요!

MVP가 꽤 괜찮게 나와서 원본에 가깝게 유지했지만, 이 단계에서 과감하게 완전히 재디자인할 수도 있습니다. 중요한 것은 모델이 어떤 방향으로 가야 할지 알 수 있도록 "충분히 좋은" 참고 자료를 제공하는 것입니다.

4단계: 최종 마무리

Apple은 매우 구체적인 해상도를 요구합니다.

이미지 모델은 올바른 방식으로 출력하지 못합니다.

다음 두 가지 방법 중 하나를 선택할 수 있습니다:

  1. Figma에서 수동으로 편집 (권장). 2초면 끝납니다.
  2. Codex나 Claude에게 올바른 크기로 자르도록 요청하세요.

요약:

1. 앱 스토어 & Pinterest 리서치.

2. Figma에서 MVP 제작.

3. AI 마법.

4. Apple에 맞게 올바른 크기 조정.

YouMind에서 다시 만들기

Turn one viral article into a full content workflow

Collect the source, decode the pattern, create assets, draft the story, and distribute from one AI workspace.

Explore YouMind
크리에이터를 위해

당신의 Markdown을 깔끔한 𝕏 글로

직접 쓴 장문을 올릴 때 이미지, 표, 코드 블록을 𝕏에 맞게 정리하는 일은 번거롭습니다. YouMind는 전체 Markdown 초안을 깔끔하고 바로 게시할 수 있는 𝕏 글로 바꿔 줍니다.

Markdown → 𝕏 사용해 보기

분석할 패턴 더 보기

최근 바이럴 아티클

더 많은 바이럴 아티클 보기