목록으로
교육·학습을 위한 AI 활용
고객의 마음을 읽고 AI로 구현하다-맞춤형 쇼핑몰 상세페이지 제작
상업경진대회에서 고객 인터뷰를 직접 분석하고 AI를 활용해 원하는 디자인의 HTML 코드를 만들어 쇼핑몰 상세페이지를 제작했습니다. 이를 통해 전자상거래 부문에서 금상을 수상하였습니다.
🤖 활용 AI 도구
Gemini 2.5 Flash
대구상업경진대회 전자상거래 부문을 준비하면서 쇼핑몰 상세페이지를 제작하게 되었습니다. 대회에서는 고객 인터뷰를 읽고 그 고객이 상품을 구매하고 싶어지면서도 상세페이지에 오래 머물 수 있도록 만드는 것이 중요했습니다.
저는 먼저 고객 인터뷰를 꼼꼼하게 읽으며 고객이 어떤 부분을 중요하게 생각하는지 분석했습니다. 그리고 분석한 내용을 바탕으로 상세페이지를 어떻게 구성하면 좋을지 고민했습니다.
그런데 머릿속으로 생각한 디자인을 실제로 만드는 것은 생각보다 쉽지 않았습니다. 그래서 Google Gemini 2.5 Flash를 활용했습니다. 예를 들어 특정 문구를 강조하고 싶을 때는 "모서리가 둥근 배지 안에 이 문구가 들어가도록 HTML 코드를 만들어 줘"라고 요청했습니다. 이렇게 제가 원하는 모양과 내용을 자세하게 설명하고, AI가 만들어 준 코드를 활용해 상세페이지를 제작했습니다.
AI를 사용하면서 가장 좋았던 점은 제가 생각한 디자인을 코드로 구현하는 데 도움을 받을 수 있었다는 것입니다. 덕분에 코드를 만드는 데만 시간을 쓰기보다 고객이 어떤 내용을 보고 구매하고 싶어 할지 더 고민할 수 있었습니다. 그 결과 대구상업경진대회 전자상거래 부문에서 금상을 받을 수 있었습니다.
이번 경험을 통해 AI를 잘 활용하려면 단순히 질문만 하는 것이 아니라 내가 원하는 결과가 무엇인지 구체적으로 설명하는 것이 중요하다는 것을 느꼈습니다. 다른 사람들도 AI를 활용할 때 막연하게 만들어 달라고 하기보다는 원하는 디자인과 내용을 자세하게 설명한다면 자신의 아이디어를 구현하는 데 도움을 받을 수 있을 것이라고 생각합니다.
저는 먼저 고객 인터뷰를 꼼꼼하게 읽으며 고객이 어떤 부분을 중요하게 생각하는지 분석했습니다. 그리고 분석한 내용을 바탕으로 상세페이지를 어떻게 구성하면 좋을지 고민했습니다.
그런데 머릿속으로 생각한 디자인을 실제로 만드는 것은 생각보다 쉽지 않았습니다. 그래서 Google Gemini 2.5 Flash를 활용했습니다. 예를 들어 특정 문구를 강조하고 싶을 때는 "모서리가 둥근 배지 안에 이 문구가 들어가도록 HTML 코드를 만들어 줘"라고 요청했습니다. 이렇게 제가 원하는 모양과 내용을 자세하게 설명하고, AI가 만들어 준 코드를 활용해 상세페이지를 제작했습니다.
AI를 사용하면서 가장 좋았던 점은 제가 생각한 디자인을 코드로 구현하는 데 도움을 받을 수 있었다는 것입니다. 덕분에 코드를 만드는 데만 시간을 쓰기보다 고객이 어떤 내용을 보고 구매하고 싶어 할지 더 고민할 수 있었습니다. 그 결과 대구상업경진대회 전자상거래 부문에서 금상을 받을 수 있었습니다.
이번 경험을 통해 AI를 잘 활용하려면 단순히 질문만 하는 것이 아니라 내가 원하는 결과가 무엇인지 구체적으로 설명하는 것이 중요하다는 것을 느꼈습니다. 다른 사람들도 AI를 활용할 때 막연하게 만들어 달라고 하기보다는 원하는 디자인과 내용을 자세하게 설명한다면 자신의 아이디어를 구현하는 데 도움을 받을 수 있을 것이라고 생각합니다.