스크린샷 스타일로 만드는 새 웹사이트, 앱, 이메일 화면: 페이지, 랜딩, 모바일, 다크 모드

결과물 예시

서비스 소개

개발자가 만들기 전에 새 페이지가 어떻게 보일지 먼저 확인해 보세요. Shopify, WordPress, Wix, Squarespace, Webflow 테마처럼 직접 운영하는 웹사이트, 앱, 이메일, 템플릿의 스크린샷이나 마음에 드는 샘플 디자인을 올려 주시면, 그 스타일로 새 화면 목업을 만듭니다. 다른 페이지, 랜딩 페이지, 앱 화면, 모바일 버전, 다크 모드, 이메일까지 가능합니다. 색상, 레이아웃, 간격, 분위기가 스크린샷을 따르므로 새 화면도 같은 제품의 일부처럼 보입니다. 화면을 그린 PNG 목업 이미지를 받으시며, HTML이나 CSS 코드, Figma, Sketch, XD 파일, 설치할 수 있는 완성 테마나 템플릿이 아닙니다. 페이지는 이미지를 보고 개발자나 고객이 직접 만듭니다. 목업 속 텍스트는 짧습니다. 자리 표시 줄이나 요청 사항에 적어 주신 제목만 넣으며, 작은 글씨는 완벽하지 않게 나올 수 있습니다. 다른 회사의 사이트를 그대로 베끼지 않습니다. 다른 곳의 샘플은 스타일(레이아웃, 분위기, 색상)만 참고하며 로고, 브랜드, 문구는 절대 사용하지 않습니다. 스크린샷 속 고객 콘텐츠에 대한 권리는 고객에게 있어야 합니다. 이미지는 최대 5장(PNG, JPEG 또는 WebP, PDF는 받지 않음)까지 올리실 수 있고, 완성된 이미지는 각각 그중 한 장으로 만듭니다. 스크린샷과 같은 비율(데스크톱은 가로형, 휴대폰은 세로형)의 약 1.5메가픽셀 PNG 이미지를 받으시며, 화면, 프레젠테이션, 개발자에게 전달할 요청 자료에는 좋지만 큰 인쇄물에는 맞지 않습니다. 이미지를 새로 그리기 때문에 스타일의 색상, 분위기, 레이아웃은 유지되지만 작은 디테일은 달라질 수 있습니다. 작은 글씨, 글꼴, 아이콘, 로고가 조금 바뀔 수 있으니 결과를 확인하고 수정을 요청해 주세요.

포함 사항

• 제공 내용새 화면을 패키지의 목업 수만큼 PNG 목업 이미지로 드리며, 각 이미지는 보내 주신 스크린샷 중 하나로 만듭니다. 패키지보다 적은 수의 파일을 보내시면 남는 이미지는 같은 스타일의 다른 페이지처럼 같은 파일의 다른 버전으로 드립니다. 약 1.5메가픽셀의 PNG 파일은 주문 페이지에 표시되며 바로 다운로드하실 수 있습니다.
• 새 페이지회사 소개, 요금, 연락처, 상품, 블로그 등
• 랜딩 페이지캠페인, 출시, 웨비나, 세일용
• 앱 화면온보딩, 설정, 프로필, 결제, 빈 상태
• 모바일과 다크 모드휴대폰용 화면이나 어두운 색상 버전
• 이메일뉴스레터 스타일의 새 이메일
• 코드가 아닌 목업개발자가 보고 만들 수 있는 이미지

진행 방식

1. 1
   업로드스크린샷을 올리고 필요한 화면을 적어 주세요
2. 2
   목업스크린샷 스타일로 새 화면을 그립니다
3. 3
   납품완성된 PNG 이미지를 주문 페이지에서 받으세요
4. 4
   수정확인하고 패키지 범위 안에서 수정을 요청하세요

준비해 주실 내용

웹사이트, 앱, 이메일, 테마 또는 마음에 드는 샘플의 화면을 한 장에 하나씩 담은 선명한 PNG, JPEG 또는 WebP 스크린샷 최대 5장(PDF 불가). 목업마다 필요한 화면(예: 요금 페이지, 모바일 결제 화면, 다크 모드 설정 화면), 섹션 순서, 표시될 그대로의 제목과 버튼 문구를 적어 주시거나 자리 표시 텍스트를 요청해 주세요. 아주 긴 페이지는 필요한 부분만 보내시거나 여러 목업으로 나눠 주세요.

다음 내용을 여쭤봅니다:

• 어떤 화면이 필요하신가요?
• 각 화면에 무엇을 담을까요?
• 어떤 제목과 버튼을 넣을까요?
• 직접 운영하는 곳의 스크린샷인가요, 마음에 드는 샘플인가요?

패키지 비교

질문과 답변

답을 찾지 못하셨나요? 질문하기