랜딩 페이지를 뚝딱뚝딱🔨⚒️

안녕하세요! 두잉을 만들고 있는 장수현입니다.

오늘은 랜딩 페이지 제작기를 들려드리려고 해요!

디스콰이엇에서 눈팅을 열심히하면서 랜딩페이지를 먼저 만들라는 조언을 많이 들은것 같아요! 하지만 계속 주변에 FE 개발자가 없는걸!! 이란 생각이 들더라구요.

아주 구시대적 마인드지만, 저는 백엔드 개발자라 혼자서는 절대 못만들어! 라는 생각이 있었던것 같아요.

하지만 디스콰이엇에 노코드 플랫폼을 정말 잘 활용하는 많은 메이커분들을 보고 마음을 달리 먹었습니다!

그래서 두잉의 정기회의가 끝나고 혼자 노코드 플랫폼을 검색하면서 뚝딱뚝딱 만들었어요. 대략 2시간 정도 걸린 것 같네요.

Oopy로 랜딩 페이지 제작하기

일단 제가 선택한 노코드 툴은 oopy입니다!

사실은 노션으로 랜딩 페이지를 간단하게 만들려다가 이것저것 서치하다보니 oopy를 섞어서 사용한 후기가 많더라구요. 일주일까지는 무료여서 뭐가 다른지 궁금해서 적용해봤더니 확연히 다른 결과물을 발견할 수 있었습니다.

가격대는 베이직이 월 5,900원, 프로가 월 9,900원으로 형성되어있었어요.

저는 커스텀 도메인을 적용할 수 있는게 마음에 들더라구요. 그리고 폰트를 바꿀 수 있다는 점! 노션 기본 글꼴도 괜찮다고 생각했는데 귀여운 동글동글한 폰트가 많아서 좋았어요.

(그리고 전혀 상관없지만 눈 효과도 주었습니다.. 뭔가 모를 싸이월드 감성)

그 외에도 CTA 버튼을 추가할 수 있는 기능도 있었어요!

CTA 버튼이란?

CTA는 Call to Action이라는 영단어의 약자로, 행동 유도 버튼이라고도 불려요.

이 버튼은 내 홈페이지의 방문자들이 게시글을 읽은 후 다음으로 할 동작을 담고 있는데요.

다운로드 기능, 구매 기능, 카카오톡 플러스 친구 추가 기능 등 URL을 통해 모든 걸 표현할 수 있어요!

노션에 코드를 넣어 직접 커스텀할 수도 있고, 조금 어렵게 느껴지면 oopy 콘솔에서 지정할 수도 있게 만들어져있어서 비개발자도 편하게 사용할 수 있을 것 같아요.

저는 기존에 만들어두었던 설문조사 폼을 CTA 버튼에 넣어보았어요!

그 외에 오늘 방문 현황 기록, 페이지 뷰를 확인할 수 기능도 있었지만 길어질 것 같으니 생략하겠습니다. 가이드도 잘 써두었더라구요!!

1분 만에 만드는 노션 웹사이트, 우피!

우피는 노션 페이지를 최적화된 웹사이트로 바꿔드립니다. 원하는 주소를 연결하여 나만의 홈페이지를 시작해 보세요.

https://www.oopy.io/

랜딩 페이지에서 서비스 알림 신청 폼 임베디드하기

랜딩 페이지가 있으니 서비스 알림 신청도 받아봐야겠죠?

왈라 폼을 붙여둘까하다가, tally라는 서비스를 사용해보기로 했어요. 이것도 다른 랜딩페이지들 구경하다가 발견했습니다. 임베디드하는 방법은 정말 쉬워요!

tally 사이트에서 만들고픈 폼을 만들어준 뒤에 원하는 사이즈를 선택해주면 됩니다. 그러면 임베디드할 수 있는 코드를 얻을 수 있어요. 노션에 붙여줍시다

그렇게 하면 위처럼 알림 신청 폼을 얻을 수 있어요!! 여기에 제출된 응답은 Tally 사이트에서 확인할 수 있어요.

Free Online Form Builder | Tally

Tally is the simplest way to create free forms & surveys. Create any type of form in seconds, without knowing how to code, and for free.

https://tally.so/

그렇게 저는 간단하게 랜딩페이지를 만들어 봤습니다. 그외에도 Walla 라는 서비스로 설문조사 폼도 만들었어요. 기존에 구글 폼으로 만들어두었는데, ux가 훨씬 깔끔하고 귀엽습니다. 🤗

왈라 - 올인원 설문 제작 도구

왈라의 무료 온라인 설문조사 도구를 사용하여 응답률이 높아지는 설문을 만들고, 인공지능으로 분석하세요. 설문 제작부터 자동 분석, 응답자 보상까지 한 번에 해결하세요.

https://walla.my/

이렇게 제가 사용한 툴들을 소개해드렸습니다.

혼자서 뚝딱뚝딱 만든거라 내용이 부실한게 많지만, 팀원분들과 차근차근 디벨롭하려고 합니다. 😇

다른 메이커분들이 사용하신 툴들도 궁금하네요. 👀 노코드로 랜딩페이지를 만든 경험이 있다면 공유해주세요!