[샘플 링크]
로맨틱 핑크:
https://tangycat.pages.dev/projects/romantic-pink/
미니멀 화이트:
https://tangycat.pages.dev/projects/minimal-white/
스카이 가든:
https://tangycat.pages.dev/projects/sky-garden/
링크 접속 후 우측 상단 아이콘 클릭 시 배경음악이 재생됩니다.
위 링크는 샘플로 축하의 말 기록은 저장되지 않습니다.

① 어떤 상황에서 AI를 활용했나요?
결혼을 준비하는 친구에게 조금 더 특별한 선물을 해주고 싶어 모바일 청첩장을 직접 만들어 보기로 했습니다. 기존의 정해진 템플릿을 사용하는 대신, 친구의 분위기와 취향을 반영한 맞춤형 청첩장을 만들고 싶었지만 디자인과 웹 개발을 혼자 모두 진행하기에는 어려움이 있었습니다.

그래서 생성형 AI를 활용해 모바일 청첩장의 디자인 콘셉트부터 문구, 화면 구성, 웹 기능까지 하나씩 직접 구현해 보기 시작했습니다.

② 어떤 AI를 어떻게 활용했나요?
생성형 AI와 함께 먼저 청첩장의 전체 분위기와 컬러, 화면 구성을 정리하고, 초대 문구와 각 섹션에 들어갈 내용을 다듬었습니다.

이후 AI의 도움을 받아 HTML·CSS·JavaScript 코드를 작성해 모바일에서도 자연스럽게 볼 수 있는 웹 청첩장으로 구현했습니다. 사진 갤러리, 예식 정보, 지도, 계좌 안내, 애니메이션, 배경음악 등 필요한 기능도 하나씩 추가했습니다.

또한 청첩장에 사용할 샘플 이미지와 영상 콘텐츠 제작에도 AI를 활용해 전체 분위기에 맞게 구성했습니다. 실제 제작 과정에서 만든 샘플 이미지와 영상도 함께 첨부해 결과물을 보여드리고자 합니다.

③ 활용 결과 어떤 변화가 있었나요?
기존에는 모바일 청첩장을 직접 제작하려면 디자인 프로그램이나 웹 개발 지식이 필요하다고 생각했지만, AI를 활용하면서 아이디어를 실제 결과물까지 연결할 수 있었습니다.

친구의 취향에 맞춰 색상, 문구, 사진 배치 등을 세세하게 조정할 수 있었고, 일반적인 템플릿형 청첩장보다 개인적인 이야기가 담긴 하나뿐인 모바일 청첩장을 완성할 수 있었습니다.

무엇보다 AI를 이용해 디자인과 개발 과정의 진입장벽을 낮추면서, 단순한 아이디어를 실제로 사용할 수 있는 웹페이지로 완성할 수 있었다는 점이 가장 큰 변화였습니다.

④ 나만의 방식 또는 개선 포인트는 무엇인가요?
AI가 제안한 디자인과 코드를 그대로 사용하지 않고, 실제 스마트폰에서 직접 열어 보며 계속 수정했습니다.

사진이 너무 작게 보이거나 글자가 읽기 어려운 부분, 화면 전환이 어색한 부분 등을 확인하고 AI에게 구체적으로 수정 요청했습니다. 또한 전체 디자인이 너무 인공지능으로 만든 것처럼 보이지 않도록 색상, 여백, 글꼴, 애니메이션 등을 직접 조정해 자연스럽고 깔끔한 분위기를 만드는 데 집중했습니다.

특히 ‘AI로 초안을 만들고 → 직접 확인하고 → 세부적으로 수정하는 과정’을 반복한 것이 완성도를 높이는 데 가장 도움이 되었습니다.

⑤ 다른 사람도 따라 할 수 있나요?
웹 개발이나 디자인 경험이 많지 않아도 충분히 시도할 수 있습니다. 먼저 만들고 싶은 청첩장의 분위기와 필요한 항목을 정한 뒤, 생성형 AI에게 화면 구성이나 디자인 아이디어를 요청하는 것부터 시작하면 됩니다.

이후 필요한 기능을 하나씩 추가하고 실제 휴대폰에서 확인하면서 수정해 나가면 됩니다. 같은 방법을 활용하면 모바일 청첩장뿐 아니라 생일 초대장, 돌잔치 초대장, 여행 기록 페이지, 기념일 웹페이지 등 다양한 생활 속 콘텐츠도 직접 만들 수 있습니다.

AI를 단순히 정보를 검색하는 도구로 사용하는 것을 넘어, 일상 속 아이디어를 실제 결과물로 만들어 주는 제작 파트너로 활용한 사례입니다.