ai + 포토샵, 10분만에 가전제품 상세페이지 만들기 (클로드 코드)

ai로 뷰티제품 상세페이지 만들기 이후 이번에는 ai+포토샵으로 가전제품 상세페이지를 만들어봤습니다. 넥쿨러 상세페이지를 같은 파이프라인으로 작업해봤는데요. 기존에 작업한 것과 똑같이 시행착오를 거치지 않도록 클로드 코드에 하네스를 설정하고 생산성 있게 만드는 것이 이번 작업의 목적이었습니다. 여전히 결과물은 포토샵 psd여야 하고 완성된 후에는 ai 사용없이도 편집이 가능한 상태가 되도록 했습니다.

이번에도 가상 브랜드를 설정했구요. 넥밴드 쿨러 SEORI N1이라는 제품입니다. 뷰티제품과는 디자인 문법의 차이, 그리고 제작 체계에서 사람인 저는 어떤 역할을 했는지 등도 함께 살펴봐야할 중요한 부분입니다.

▶ 포토샵 포함 어도비 플랜 살펴보기

※ 이 글에는 제휴 링크가 포함되어 있으며, 제휴활동을 통해 소정의 수수료를 지급받을 수 있습니다.
구매자에게 추가 비용은 발생하지 않습니다.

SEORI는 시연용 가상 브랜드이며, 지면의 사양·후기·인증은 디자인 예시입니다.
14개 구간, 13,819px. 다크 네이비와 아이스 블루, 산세리프와 큰 숫자로 가전 브랜드에 맞는 디자인 문법을 사용했습니다.

카테고리가 다르면 디자인도 다르게

뷰티(ONDO)에서는 딥 그린 배경과 세리프 헤드라인, 성분과 향의 서사라는 감성을 비중있게 적용해서 화보 느낌을 주려고 했었고, 가전에서는 조사 단계부터 다르게 접근했습니다. 리뷰 사이트들이 정리한 넥쿨러 구매 기준은 모터 방식, 배터리 용량, 무게, 소음 네 가지였고, 잘 만든 판매 페이지들은 이 기준을 제품 사진 위 부품별 주석, 스펙표, 모드별 사용시간 표기가 잘 노출되도록 하고 있습니다.

ai로 만든 뷰티 상세페이지 (포토샵)

SEORI 상세페이지도 제품의 중요한 부분이 인포그래픽입니다. 정면컷 위에 냉각판, 목뒤 통풍구, 듀얼 송풍구, 유연 밴드, USB-C 포트를 점과 선으로 짚었습니다. 배터리 구간에서는 냉각판을 켜면 사용시간이 최대 12시간에서 3시간대로 줄어드는 트레이드오프를 차트 보여주도록 했구요. 가전 페이지의 신뢰는 수식어가 아니라 이런 표기 방식에서 쌓인다고 판단했기 때문입니다.

자동화의 범위

이번 제작에서는 단계별 통과 기준을 적은 하네스 문서를 먼저 만들고, 생성 이미지의 합격 판정까지 클로드코드 에이전트가 수행하게 했습니다. 판정 항목은 레퍼런스 제품과의 일치, 손 해부학, 텍스트용 여백, 팔레트 준수. 다섯 컷 가운데 기준 미달로 재생성된 컷은 없었는데, 같은 기준을 생성 프롬프트에 미리 넣어 걸러낼 문제 자체를 줄인 결과로 봅니다.

전체적인 작업시간은 10분 정도 걸렸습니다. 지난번 뷰티 상세페이지 작업에 시간단축이 많이 되었죠. 자동화가 닿지 않는 지점도 있었습니다. 히어로 컷은 제대로 만들어지긴 했지만 컨셉이나 디자인 스타일을 조정하느라 몇차례 수정을 요구했습니다. 어두운 스튜디오 톤을 버리고 폭염의 도시를 배경으로 밝게 갈 것, 제품을 공중에 띄우고 바람을 대칭으로 돌릴 것 같은 결정은 문서화된 기준이 아니라 사람이 지시가 필요했습니다. 브랜드명 교체도 마찬가지였습니다. 채점은 문서로 옮겨졌지만 방향 감각은 옮겨지지 않았습니다.

▶ 내게 맞는 어도비 플랜 확인하기

산출물의 형식

디자인 스타일은 전부 바뀌었지만 산출물의 형식은 같습니다. 14개 구간이 레이어 그룹으로 나뉜 포토샵 PSD. 사진과 아이콘은 스마트 오브젝트, 카피와 스펙 수치는 편집 가능한 텍스트 레이어입니다. 상세페이지는 출시 후에도 가격과 구성, 인증이 계속 바뀌는 문서라서, 어떤 문법으로 만들었든 수정 가능한 원본으로 남아야 실무에서 굴러갑니다. 생성 도구가 무엇이든 마감이 포토샵 PSD로 수렴하는 배경입니다.

마치며

두 카테고리를 지나며 남은 결론은 단순합니다. 디자인 문법은 취향이 아니라 조사로 찾아내는 대상이고, 판정은 기준을 적는 만큼 자동화되며, 방향 감각은 사람에게 남습니다.

그리고 여전히 아쉬운 부분들은 있습니다. ai가 작성한 글들이 사람이 작성한 것에 비해 매끄럽지 않습니다.
“켜는 순간 목끝의 계절이 바뀝니다” –> “켜는 순간 목에서 부터 계절이 바뀝니다” 이런 식으로 해야하겠고,
“모드별로 정직하게 적었습니다” 같은 말은 굳이 할 필요가 없을 것 같습니다. 이런 것은 포토샵파일이니까 직접 수정할 수 있겠구요.

그래도 대단한 것은 13000픽셀이 넘는 상세페이지를 10분만에 만들어 냈다는 것이죠. 그것도 그냥 이미지 파일이 아니라 포토샵 psd가 결과물이구요.

▶ 포토샵·일러스트레이터 포함 어도비 플랜 보기