[큐리어스 어울림 리더] 디자인 툴 몰라도 괜찮아요! AI로 상세페이지 만드는 법

큐리어스 어울림을 처음 개설할 때, 많은 리더님들이 제일 먼저 고민하는 게 바로 상세페이지 디자인이에요. 그래서 오늘은 그 막막함을 조금이나마 덜어드리고자, 상세페이지 디자인을 쉽게 시작할 수 있는 가이드를 준비했습니다. 디자인 툴을 다뤄본 적 없어도 괜찮아요! 누구나 쉽게 따라 할 수 있도록, AI를 활용한 상세페이지 제작 방법을 하나하나 알려드릴게요!

그런데 본격적으로 디자인을 하기 전에 꼭 먼저 해야 하는 게 하나 있어요. 바로 ‘기획(=상세페이지 구성)’입니다. 보여줄 내용을 예쁘게 꾸미기 전에, 어떤 내용을 보여줄지 먼저 정리하는 게 더 중요하거든요. 이 기획이 잘 돼 있어야 디자인도 훨씬 편해지고, 전달하고 싶은 메시지도 깔끔하게 들어갑니다. 혹시 아직 기획이 정리되지 않았다면, 먼저 [상세페이지 기획 편]을 읽고 와주세요!

1. 상세페이지 디자인의 핵심

상세페이지 디자인은 멋지고 화려한 그래픽을 만드는 작업이 아니에요. 예쁜 디자인도 좋지만, 글이 잘 읽히고 핵심이 눈에 딱 들어와야 신청으로 이어질 수 있죠. 그래서 색을 다양하게 쓰는 것보다 글자 크기, 정렬, 정보의 순서를 잘 정리하는 게 훨씬 더 중요해요. 눈에 잘 들어오는 구성, 그게 바로 상세페이지 디자인의 핵심입니다.

2. 디자인 초보를 위한 상세페이지 기초

디자인이 처음이라도 괜찮아요. 아래 4가지만 기억하면 누구나 보기 좋은 상세페이지를 만들 수 있어요!

① 한 페이지엔 한 메시지만

한 화면 안에 너무 많은 내용을 담으면, 어떤 것이 중요한지 알 수 없습니다. 하나의 화면에 하나의 메시지만 담으세요. 그리고 중요한 문장은 크게 보여주고, 부연 설명은 작게 넣어주세요. 내용이 많다면 억지로 줄이지 말고 다음 섹션으로 넘기면 됩니다.

② 긴 글은 왼쪽 정렬

세 줄 이상 길어지는 문장은 꼭 왼쪽 정렬로 써 주세요. 스마트폰이나 웹 화면에서 사람들의 시선은 왼쪽에서 시작되기 때문에, 글이 가운데에 정렬되어 있으면 읽는 데 시간이 더 걸리고 눈도 쉽게 피로해질 수 있어요. 강조하고 싶은 한두 문장은 가운데 정렬을 해도 괜찮지만, 본문처럼 길이가 있는 글은 왼쪽 정렬이 훨씬 자연스럽고 보기에도 편안합니다.

③ 색상은 2~3가지로 제한

디자인에 너무 많은 색을 쓰면 오히려 시선을 흐트러뜨릴 수 있어요. 기본 배경색, 본문 글자색, 그리고 강조 색상까지 최대 3가지를 넘기지 않는 게 좋습니다. 강조하고 싶은 말에만 포인트 색을 쓰면 정보의 중요도가 한눈에 들어오고, 페이지 전체가 정돈된 느낌을 줄 수 있습니다. 잘 어울리는 색 조합을 찾고 싶다면 투 컬러 콤비네이션 웹사이트를 참고해 보세요.

④ 충분한 여백 주기

디자인 초보자가 가장 많이 하는 실수! 아무리 좋은 내용도 빽빽하게 채워져 있으면 눈이 피로해지고 읽는 걸 포기하게 됩니다. 문단과 문단 사이, 이미지와 글 사이에도 여백을 꼭 넣어주세요. 여백이 있으면 글이 더 잘 보이고, 전체 디자인도 한결 정돈돼 보여요.

3. 제디터로 만드는 AI 상세페이지

상세페이지를 처음 만들어보신다면, 어떤 디자인 툴을 써야 할지 막막하실 수 있어요. '제디터'는 그런 분들을 위해 만들어진 아주 간편한 AI 도구예요. 복잡한 디자인 기술 없이도, 상품명과 이미지 몇 장만 입력하면 AI가 자동으로 보기 좋은 상세페이지 뼈대를 만들어줘요. 상세페이지 템플릿도 있어서 처음이신 분들도 쉽게 시작하실 수 있습니다.

STEP 1. 제디터 접속 및 로그인하기

제디터 웹사이트에 접속한 뒤 회원가입과 로그인을 해주세요. 상단의 [무료 신청하기] 버튼을 눌러 약관 동의 후 간단한 신청 절차까지 완료하면 준비 끝입니다.

STEP 2. 에디터 화면으로 이동하기

오른쪽 상단에 있는 [에디터] 버튼을 클릭하면 디자인 작업을 시작할 수 있는 화면으로 이동할 수 있어요.

STEP 3. AI로 상세페이지 초안 만들기

왼쪽 상단의 [AI 상품상세] 버튼을 눌러 상품명을 입력하고 이미지를 추가한 뒤 [생성] 버튼을 클릭해 주세요. AI가 자동으로 상세페이지 초안을 만들어줍니다. 여기서 제일 중요한 건 상품명을 어떻게 쓰느냐예요. 짧은 키워드보다는 구체적인 문장으로 입력해야 완성도 있는 상세페이지 초안을 만들어줘요.

예를 들어, 단순히 '독서 모임'이라고 쓰기보다는 '혼자 읽기 어려웠던 부동산 관련 책, 17년 차 독서 지도사와 함께 읽고 나누는 40대 이상 중장년 대상 독서 모임'처럼 꼭 구체적으로 작성해 주세요.

STEP 4. 이미지와 텍스트 수정하기

생성된 초안에서 마음에 들지 않는 부분은 [휴지통] 아이콘을 눌러 삭제할 수 있어요. 전체 흐름이나 기획 방향에 맞게 문구와 이미지를 자유롭게 수정해 주세요.

STEP 5. 파일 다운로드하기

모든 편집이 끝났다면 오른쪽 상단의 [PC 다운로드] 버튼을 클릭해 저장하세요. 일반화질 다운로드를 선택하면 PNG 이미지 파일로 저장됩니다.

지금까지 상세페이지 디자인의 기초부터, AI 디자인 툴 제디터를 활용하는 방법까지 함께 살펴봤어요. 처음에는 어렵게 느껴졌을 수 있지만, 하나씩 따라오셨다면 이제는 어느 정도 감이 잡히셨을 거예요.

마무리로 꼭 드리고 싶은 팁 하나! 요즘 대부분의 참여자는 컴퓨터보다 스마트폰으로 상세페이지를 확인하고 신청을 합니다. 그래서 디자인을 마친 뒤에는 반드시 스마트폰 화면에서도 꼭 확인해 보세요. 글자가 너무 작지는 않은지, 문장이 잘려 보이진 않는지, 버튼이 누르기 좋은 위치에 있는지 하나하나 꼼꼼히 체크해 보는 게 좋아요. 지금까지 배운 내용을 바탕으로, 나만의 상세페이지를 직접 만들어보세요!

👉 [큐리어스 홈페이지 바로가기]

👉 [큐리어스 상세페이지 제작 가이드]