얻을 수 있는 것
- 홈, 서비스, 가격, 플랜 페이지, 작업, 사례 연구, 소개, 과정, 연락처, 약관, 404가 있는 오프라인 HTML 사이트 한 개
- 추천 패키지 하나, 비교표, 선택 사항인 분기 결제가 있는 플랜 격자
- 스크린샷이 아니라 HTML로 만든 휴대폰과 브라우저 화면이 있는 사례 연구
- 경로, 데이터 무결성, 접근성, 샘플 잔여물을 확인하는 검증 도구
- 선택: 견적을 확인한 뒤 PopNow로 만드는 초상 누끼와 프로젝트 이미지
이럴 때 좋아요
- 프리랜서 UI, UX, 브랜드, 웹 디자이너
- 패키지를 파는 1인 개발자, 일러스트레이터, 사진가
- 범위가 정해진 제안을 하는 컨설턴트와 코치
이럴 때는 맞지 않아요
- 팀과 많은 서비스 라인을 가진 에이전시
- 실물 상품을 파는 온라인 쇼핑몰
- 차분하고 이미지 중심인 포트폴리오
사용 방법
Claude·ChatGPT에서
PopNow 스킬 사용: “프리랜서 디자이너 웹사이트”(freelance-designer-website). 할 일: 제 사이트를 만들어 주세요. 저는 리즈에서 일하는 프로덕트 디자이너 Dana Oyelowo입니다. 패키지는 Audit 1,200 GBP(1주), Sprint 4,800 GBP(3주), Retainer 3,500 GBP/월입니다. 프로젝트는 notes/projects.md에 있습니다.
코딩 에이전트에서
/popnow-freelance-designer-website 제 사이트를 만들어 주세요. 저는 리즈에서 일하는 프로덕트 디자이너 Dana Oyelowo입니다. 패키지는 Audit 1,200 GBP(1주), Sprint 4,800 GBP(3주), Retainer 3,500 GBP/월입니다. 프로젝트는 notes/projects.md에 있습니다.
이어서 해 보기
히어로용으로 photos/me.jpg에서 제 초상을 오리는 견적을 주세요.
프로젝트 두 개에는 사진이 없습니다. 같은 시리즈로 그 두 개의 이미지 견적도 주세요.
미리 준비할 것
- 서비스와 실제 가격, 기간이 있는 패키지 두에서 네 개
- 문제, 결정, 결과를 적은 프로젝트 두 개 이상
- 단색 배경에서 찍은 상반신 사진 한 장과 작업물 사진
- 선택: PopNow API 키
비슷한 스킬
전체 보기 →- 웹
3D 아바타 만들기
+25귀여운 봉제 인형 같은 3D 캐릭터를 브라우저에서 만들고 투명 PNG나 3D 페이지로 저장합니다.
- 웹
캘린더 히트맵
+251년간의 일일 활동을 색 농도로 칠한 달력 격자로 보여 주고, 연속 기록, 합계, 키보드 탐색을 지원합니다.
- 웹
AI SaaS 랜딩페이지
+25따뜻한 모래색 종이 위에 가는 가이드 선과 빗금 거터, 그리고 어시스턴트가 작업을 계획하는 실제 칸반 보드.
- 웹
애니메이션 히어로 섹션
+25헤드라인 단어가 부드럽게 바뀌고, 버튼 두 개와 넓은 이미지 프레임을 갖춘 랜딩페이지 히어로.
- 웹
음료 브랜드 웹사이트 템플릿
+25쇼핑몰, 케이스 빌더, 판매처 지도, 데모 결제가 한 파일에 들어간 밝은 음료나 스낵 브랜드 사이트.
- 웹
셰이더 히어로 에이전시 웹사이트
+25아래쪽에 고정된 문장 뒤에서 살아 움직이는 주황빛 열기 셰이더 히어로, 알약 모양 내비게이션, 엇갈린 사례 그리드.
- 웹
다크 모드 SaaS 랜딩페이지
+25모션이 풍부한 어두운 톤의 소프트웨어 마케팅 사이트를 독립된 HTML 파일 하나로 제공합니다.
- 웹
디자이너 포트폴리오 웹사이트
+25차분한 회색 바탕 위에서 흐려지는 큰 헤드라인을 둘러싼 기울어진 카드 여섯 장, 붉은 인물 카드 하나, 에디토리얼 사례 연구.
- 웹
개발자 포트폴리오 사이트
+25사례 연구, 글, 발표, 이력서, 문의 폼까지 갖춘 엔지니어용 다크 톤 개인 사이트.
- 웹
에디토리얼 SaaS 웹사이트
+25네이비색 분할 히어로, 다큐멘터리 사진 옆의 다섯 줄 세리프 헤드라인, 기울어진 띠, 코발트 강조 색 하나.
- 웹
글래스모피즘 웹사이트 템플릿
+25거의 검은 필름 위의 반투명 유리 알약 모양 버튼, 이탤릭 단어 하나가 들어간 큰 세리프 헤드라인, 이메일 입력.
- 웹
하드웨어 제품 웹사이트
+25은색 스튜디오 사진 위에 크고 가는 모델명, 반투명 사양 카드, 실제 비율의 제품 라인업, 하드웨어 벤토.
- 웹
인터랙티브 아키텍처 다이어그램
+25검증된 JSON 모델로 만든 오프라인 클릭형 시스템 다이어그램. 상자마다 근거를 확인할 수 있습니다.
- 웹
인터랙티브 격자 히어로
+25커서 쪽으로 휘어지는 가는 선들의 어두운 격자. 클릭할 때마다 빛나는 고리가 퍼져 나갑니다.
- 웹
지식 그래프 탐색기
+25프로젝트 메모를 오프라인에서 검색 가능한 그래프로 바꾸고, 모든 주장을 출처 줄까지 연결합니다.
- 웹
KPI 대시보드 템플릿
+25따뜻한 종이 위, 빛나는 선 차트 위에 변화율 칩이 달린 KPI 타일 네 개, 세부 표, 목표 막대.
- 웹
목업에서 만드는 랜딩 페이지
+25완성된 모습의 전체 페이지 디자인 세 개를 먼저 보고 하나를 고르면, 에이전트가 깔끔하고 반응형인 코드로 만듭니다.
- 웹
매거진 웹사이트 템플릿
+25아티클, 주제, 작은 상점, 구독까지 갖춘 인쇄물 수준의 매거진 사이트를 HTML 파일 하나로.
- 웹
파티클 애니메이션 히어로
+25따뜻한 종이 위의 문구 옆에서, 아이디어마다 모양이 바뀌고 스크롤하면 흩어지는 잉크와 청록색 점의 회전하는 구.
- 웹
개인 브랜드 웹사이트
+25얇은 괄호 아래 따뜻한 종이 위로 자연스럽게 스며드는 인물 사진, 양옆에 놓인 가볍고 굵은 문장.
- 웹
반려동물 용품 쇼핑몰 템플릿
+25카탈로그, 옵션, 장바구니, 리필 플래너, 데모 결제가 한 HTML 파일에 들어간, 실제로 작동하는 반려동물 용품 쇼핑몰.
- 웹
팟캐스트 웹사이트 템플릿
+25재생 가능한 히어로, 에피소드 보관함, 게스트 페이지, 페이지를 넘겨도 계속 재생되는 플레이어가 있는 팟캐스트 사이트.
웹손그림 가격 섹션
+25기울어진 잉크 카드, 연간 전환 스위치, 다크 모드를 갖춘 노트 스타일 가격표. 오프라인 파일 한 개.
- 웹
시네마틱 제품 런치 페이지
+25필름 조명을 받은 거의 검은 페이지. 떠다니는 빛 위의 세리프 타이틀 카드, 레터박스 야경 장면, 예약 폼.
- 웹
연구 논문 웹사이트
+25논문의 프로젝트 페이지. 인터랙티브 그림 1, 결과, 한계, 한 번 클릭으로 복사하는 인용.
- 웹
관리자 대시보드 템플릿
+25차트, 표, 칸반, 캘린더를 갖추고 실제로 작동하는 백오피스 콘솔을 오프라인 HTML 파일 하나로.
- 웹
SaaS 랜딩페이지 템플릿
+25작동하는 제품 콘솔, 가격표, 가입 페이지를 갖춘 차분하고 밝은 소프트웨어 마케팅 사이트.
- 웹
스크랩북 포트폴리오 사이트
+25종이 소품으로 꾸민 여러 페이지짜리 온라인 이력서. 사례 연구와 인쇄용 이력서를 포함합니다.
- 웹
스니커즈 쇼핑몰 템플릿
+25카탈로그, 상품 페이지, 장바구니, 데모 결제까지 갖춘 신발·의류 쇼핑몰을 HTML 파일 하나로.
- 웹
스포츠 클럽 웹사이트 템플릿
+25시간표, 코치 페이지, 회원권, 코트 배치도, 예약이 한 파일에 들어간 클럽, 체육관, 스튜디오 사이트.
- 웹
후기 벽 섹션
+25고객 후기가 벽돌 배열이나 천천히 흐르는 벽으로. 본인이 동의한 후기만 공개합니다.
- 웹
여행사 웹사이트 템플릿
+25투어, 가이드, 숙소를 파는 사진 중심 사이트. 여행 검색, 예약 요청, 여행지 찾기 퀴즈가 있습니다.
- 웹
워크플로 자동화 랜딩 페이지
+25흑연색 페이지, 왼쪽 정렬의 작은 헤드라인, 그 아래에서 실행되고, 재시도하며, 로그를 흘려보내는 살아 있는 노드 그래프.
자주 묻는 질문
내 사진으로 히어로 초상은 어떻게 되나요?
단색 배경의 상반신 사진을 보내 주세요. PopNow 배경 제거 도구가 투명 이미지로 오리고, 페이지의 SVG 필터가 밝은 모드에서는 옅은 파란색으로 맞추고 다크 모드에서도 알맞게 유지하므로 어떤 사진이든 디자인에 맞습니다.
결제 없이 패키지를 팔 수 있나요?
네. 패키지마다 일정, 결과물, 적합 대상, FAQ가 있는 자체 페이지가 있고, 버튼은 패키지가 미리 선택된 브리프 양식으로 이어집니다. 공개할 때 양식을 이메일이나 양식 서비스에 연결하면 됩니다.
프로젝트에 좋은 사진이 없으면 어떻게 하나요?
PopNow가 프로젝트마다 재료 또는 배치 연구 이미지를 같은 시리즈로 한 번에 만들 수 있으며, 실행 전에 견적을 냅니다. 분위기 이미지임을 분명히 하고, 완료한 작업의 사진으로 내세우지 않습니다. 사례 연구 화면은 HTML로 만듭니다.
일러스트레이터나 컨설턴트에게도 맞나요?
네. 시각 작업은 이미지만 있는 프로젝트 포트폴리오가 되고, 컨설턴트는 서비스가 제안이 되고 플랜이 패키지가 되며, 사례 페이지는 문제, 접근, 결과로 쓰입니다.
프리랜서 그래픽 디자인 포트폴리오인가요, 판매 사이트인가요?
둘 다입니다. 사례 연구가 프리랜서 그래픽 디자인 포트폴리오를 보여 주고, 패키지 페이지와 브리프 양식이 방문자를 유료 프로젝트로 바꿉니다. 프리랜서 웹 디자이너 포트폴리오로도 맞습니다. 작업 샘플만 바꾸고 패키지는 그대로 두면 됩니다.