일러스트 애그테크 앱 랜딩 페이지v1.0.2
이 Skill로 다음을 할 수 있습니다: 랜딩페이지 제작.
급상승
5.0다운로드 29회좋아요 0개저장 0회
$4.99
이 Skill을 구매하면 무엇을 받나요?밝은 일러스트 스타일의 멀티페이지 제품 사이트입니다. 하단에서 플랫 벡터 농장 풍경이 솟아오르는 둥근 하늘 그라디언트 Hero, 앱을 보여 주는 살짝 기울어진 작은 휴대폰, 다채로운 색조의 기능 카드, 채도 높은 파란색 제품 밴드로 구성됩니다. 내부 페이지도 빈 껍데기가 아니라 완성된 디자인입니다. 자체 인터랙티브 위젯을 갖춘 솔루션 페이지, 실시간 플랫폼 Dashboard, 하드웨어 견적 계산기가 있는 요금제, 규칙 빌더, 완성된 저널 아티클, 다단계 가입 흐름까지 담았습니다. 모든 일러스트가 하나의 아트 디렉션을 공유해 한 사람이 그린 듯한 사이트가 됩니다.
2026년 10월 3일 업데이트
미리보기 갤러리
비슷한 Skill
모든 Skill 보기
제공 내용
- 오프라인에서도 열리는 독립형 HTML 파일 하나로 된 완전한 웹사이트. Haywren 예시에는 솔루션과 요금제부터 저널, 회사 소개, 문의, 법적 고지 페이지까지 서로 연결된 25개 라우트가 있습니다
- 실제로 작동하는 도구: 인터랙티브 필드 Dashboard, 솔루션 페이지마다 있는 위젯, 결제 주기 전환과 하드웨어 견적 계산기, 자동화 규칙 빌더, 다단계 가입 흐름
- 모든 이미지에 통일된 플랫 벡터 일러스트 스타일, 실시간 휴대폰 목업, Bricolage Grotesque·Figtree·Geist Mono 서체, 요청 시 사용 중인 프레임워크로 이식
이런 분께 추천
- 스톡 사진 대신 친근한 일러스트 룩을 원하는 애그테크, 식품, 정원, 아웃도어, 현장 서비스 제품
- 랜딩 페이지 하나가 아니라 완전한 페이지 구성(솔루션, 요금제, 저널, 회사 소개, 다운로드)이 필요한 앱 제작자
- 지금 바로 쓸 독립형 사이트, 또는 같은 디자인을 Vue, React, Astro, Next.js로 구현하길 원하는 팀
이런 분께는 비추천
- 바로 쓸 수 있는 백엔드: 가입, 문의, 앱 링크 폼은 페이지에서 확인 메시지만 보여 주며 실제로 전송, 생성, 결제하지 않습니다
- 사진이 필요한 브랜드: 모든 이미지는 하나의 플랫 벡터 일러스트 스타일을 따릅니다
- 다른 비주얼 방향을 원하는 프로젝트: 하늘 셸, 풍경 밴드, 휴대폰 목업, 파란색 밴드 자체가 이 디자인입니다
브랜드 아이덴티티·비주얼 시스템웹 디자인·디지털 경험랜딩페이지 제작스타일 고정편집 가능한 결과물팜 블루팜 Hero농장 풍경팜 폰
이 Skill 소개
제품과 필요한 페이지를 설명하면 완성된 일러스트 웹사이트를 받을 수 있습니다. 하단에서 농장 풍경이 솟아오르는 둥근 하늘 그라디언트 Hero, 앱을 보여 주는 살짝 기울어진 작은 휴대폰, 다채로운 기능 카드, 채도 높은 파란색 제품 밴드로 구성됩니다. 어떤 브라우저에서도 열리고 오프라인에서도 작동하는 독립형 파일 하나로 제공됩니다.
제공 내용
- 완전한 페이지 구성: 홈, 플랫폼, 솔루션 페이지, 자동화, 요금제, 저널과 아티클, 회사 소개, 문의, 앱 다운로드, 가입, 개인정보처리방침, 이용약관, 디자인된 404
- 실제로 작동하는 도구를 갖춘 내부 페이지: 기간 전환이 가능한 필드 Dashboard, 솔루션 페이지마다 하나씩 있는 위젯, 하드웨어 견적 계산기, 자동화 규칙 빌더
- 모든 이미지 자리에 통일된 플랫 벡터 일러스트 스타일, 휴대폰 속 앱 화면은 실제 인터페이스로 그려짐
- 검증과 확인 메시지를 갖춘 필터, 검색, 캐러셀, 폼, 그리고 동작 줄이기 설정을 존중하는 차분한 모션
- 요청 시 같은 디자인을 사용 중인 스택의 컴포넌트와 라우트로 구현
사용 방법
- 브랜드, 타깃 사용자, 제품 또는 솔루션, 필요한 페이지를 알려 주세요. 대략적인 메모로도 충분하며, 초안으로 작성한 사실은 확인할 수 있도록 목록으로 정리해 드립니다
- 직접 소유한 일러스트를 제공하거나, 이미지 자리마다 하나의 주제로 어울리는 세트를 생성하게 하세요
- 완성된 파일을 브라우저에서 열어 모든 페이지를 둘러보고, 바꾸고 싶은 점을 평소 말투로 요청하세요
새 일러스트는 에이전트의 이미지 도구로 생성되며, 해당 도구의 사용 요금이 발생할 수 있습니다. 글꼴과 이미지는 완성된 파일에 포함됩니다.
시작 전에 필요한 것
- 준비할 것
- 브랜드명, 타깃 사용자, 제품에 대한 짧은 소개 · 유용한 설명이 담긴 제품, 솔루션 또는 스토리, 그리고 필요한 페이지 · 직접 소유한 일러스트, 또는 어울리는 새 세트를 생성해도 된다는 허락
- 의존성
- 에이전트 컴퓨터의 Node.js 18 이상 — 오프라인 단일 파일을 빌드하는 번들 스크립트 실행용 · 파일 빌드 중 인터넷 연결 — 폰트를 한 번 내려받아 내장하기 위해 필요 · 제품별 아트워크를 위한 에이전트의 이미지 생성 도구, 또는 직접 소유한 일러스트
- 외부 비용
- 새 일러스트는 에이전트 자체의 이미지 도구로 생성되며, 해당 도구의 사용 요금이 발생할 수 있습니다. 직접 소유한 일러스트는 비용이 들지 않으며, 예시의 중립적인 농장 풍경은 농촌, 식품, 아웃도어 브랜드에 재사용할 수 있습니다.
- 최근 테스트
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…