김미진
김미진
🧙 AI 위자드
📹 SNS 찐친

슬래시 페이지로 사례 작품집 만들기

많은 도구들을 배회하다가 지난 기수부터 만들어봐야지 하던 슬래시 페이지를 작성해봤습니다. 그 과정을 기록합니다.


수많은 노코드 도구들로 뭘 해야 할까 고민이 많았어요. 쉽고 빠른 AI 도구들은 있지만 어디다 써야할지 막막한 수강생들과 같은 입장이었습니다.

제가 진행했던 AI 동화책 만들기 사례를 활용해 동화책 전시를 해볼까 하고 챗지에게 물었습니다.

사이트를 11개나 알려줬지만 시키는 일밖에 할줄 모르는 챗지… 링크를 같이 달라고 다시 요청했어요.


이 중 괜찮아 보이는 http://fliphtml5.com/ 을 사용해보았습니다. 워드프레스에 적용 가능하고 책장이 자연스럽게 넘어가는 효과를 볼 수 있으며, 아래 그림처럼 예쁜 책장으로 보이기 때문에 사용해봤어요. 북크리에이터도 있지만 조금 투박해서 다른 도구들을 써보고 싶었습니다.



그런데 페이지 에디팅이 너무 어려웠어요. 이미 작성된 책이라 특별한 편집은 없지만 수강생의 이름 등을 가리려고 하는데 웬만한 이미지 요소들은 모두 프리미엄이더군요.


PPT로 발표자료처럼 사례집을 만들어보려고 beautiful.ai, 로 가봅니다.beautiful.ai 는 카드번호를 넣어야 AI PPT 생성기능을 쓸 수 있더라고요. 그래서 다시 다른 도구를 탐색합니다.


지난 유니님 노코드 툴툴 특강 패들렛(https://padlet.com/profen2021/padlet-fs9xirlx31py0vkh)에 들어가봤어요.


visme.co 가 PPT를 만들어 줄 것 같아서 가입합니다. 그런에 visme는 한글로 PPT 개요를 넣었는데 영어로 ppt를 작성해줬어요. 아래처럼 DeepL 번역도 잘 안되고, 한글 폰트도 제한적이어서 다시 다시 고민에 빠졌어요.



그러다 한 길로 가자, 슬래시 페이지를 열었습니다. 강의 개요를 가지고 있으므로, 이것으로 상세 페이지처럼 강의 안내를 넣고, 사례를 전시하려고요.


강의 개요를 넣고 상세페이지를 구성해달라고 했더니 코드로 주더군요. 슬래시페이지에 코드로 쉽게 넣을 수 있는 방법이 있을까해서 상세페이지를 코드로 작성해달라고 했다가, 챗지가 슬래시페이지를 잘 이해하지 못하는것 같아서 그냥 문구를 작성해서 일일이 넣기로 합니다.

상세페이지 개요와 문구를 달라고 챗지에게 요청합니다.



그리고 각 섹션별 이미지를 요청합니다.


그림이 마음에 안들면 원하는 내용으로 다시 그려달라고 요청하고, 격한 칭찬도 해줍니다.



이렇게 해서 꽤 오랜 시간에 걸쳐 완성된 슬래시 페이지입니다. 버튼으로 블로그 링크도 달아보았습니다.

AI 동화작가 되기


너무 예쁜 작품들을 만들어주셔서 예쁘게 전시하고 싶었어요. 동화책 사례들의 표지를 전시하고, 영상으로 만들어두었던 것을 유튜브에도 올려서 그럴싸해졌어요.


사례발표를 꼭 하고 싶어서 긴 시간 고민했는데요, 덕분에 전부터 하고 싶었던 과제를 해냈습니다. 그리고, 멋진 도구들은 있으나 이걸로 뭘 할 수 있는지, 하고 싶은 것, 해야할 것이 있어야 하고 도구 특성을 잘 알고 있어야 한다는 걸 실감했어요.

그리고 무엇보다 AI가 제아무리 똑똑해도 사람의 손길이 많이 필요하고, 실행은 결국 사람이 한다는 것입니다.


숙제 마치고 홀가분하게 잘 수 있게 되었어요.

감사합니다.


#11기노코드백서

3
4개의 답글

👉 이 게시글도 읽어보세요