초보 마케터, 7일 만에 웹플로우로 랜딩페이지를 제작해보았습니다

IT 커뮤니티 프로그라피에서 사이드프로젝트를 진행하는

팀 셀핀오프의 마케터 수민입니다.

저희 팀은 현재 6월 8일 예정된 MVP 시연을 앞두고

모바일웹 형식의 MVP 개발과 랜딩페이지 테스트 등을 진행하고 있는데요.

마케터로서의 첫 업무인 랜딩페이지 제작을 맡으며

사용해보았던 노코드 툴, 웹플로우를

저와 같은 비개발자분들께 공유해드리고 싶어 작성하게 되었습니다.

.

.

.

랜딩페이지를 제작하게 된 이유는 간단했습니다.

PO님과 개발 단계에 앞서,

타겟 오디언스를 파악할 목적으로 랜딩페이지를 제작하게 되었는데요.

저희 서비스를 이용할 구체적인 타겟층을 파악하고

앞으로 마케팅 전략을 세울 시작점이 되었기에 중요한 단계였습니다.

그리하여 이번 사이드프로젝트를 진행하며

저는 인생 최초로 노코드 툴을 사용해 보았는데요.👀

여기서 노코드 툴이란,

개발자 없이 모바일 앱 또는 웹사이트를 제작하거나,

데이터베이스를 구축하고 이를 연결해 동작할 수 있는 웹앱을 제작하는 도구입니다!

크게 1) 모바일 앱 빌더 2) 웹페이지·웹앱 빌더 3) 워크플로 자동화로 나눌 수 있으며

이에 해당하는 다양한 노코드 툴이 존재한다고 합니다.

그중, 저희 팀은 모바일웹 형식으로 서비스를 개발할 예정이었기에

모바일·웹 형태 모두 배포 가능한 랜딩페이지 빌더를 찾게 되었는데요.

그것이 바로 웹플로우였습니다!

웹플로우는 코딩을 사용하지 않고도

자체적으로 반응형 웹사이트를 제작할 수 있는 빌더인데요.

웹플로우를 처음 시작했을 때는 제작 난이도가 꽤 있다고 생각하였습니다.

그러나 추후 손에 익으며 '이보다 제작하기 편할 수 없다!'라고 생각한 도구였는데요!

그리하여 저와 같은 비개발자이신 분들께서 랜딩페이지를 추후 제작할 때,

도움이 되었으면 하여 PO님과 함께 웹플로우의 특징을 3가지로 정리해보았습니다!

.

.

.

인생 최초 웹플로우를 경험한 마케터가 정리한 특징 3가지

1. 디자인 초보자도 쉽게 웹페이지를 만들 수 있습니다!

   • 웹플로우는 마켓플레이스에서 다양한 템플릿을 제공하는데요. 이 덕분에 초보자라도 쉽게 괜찮은 디자인의 웹사이트를 참고하고, 만들 수 있고요.

     
     

   • 반응형 디자인을 자동으로 지원하므로 다양한 디바이스 크기에 맞춘 웹사이트를 적은 노력으로 제작하고, 배포할 수 있습니다.

     
     

   • PPT 애니메이션 효과처럼 쉽게 웹사이트 내 애니메이션을 만들어서 제공할 수 있어요.

   
   

2. 상대적으로 설계 자유도 및 확장성이 높습니다.

   • 상대적으로 디자인 자율성이 높습니다.
     이는 제 경험에서 비롯되었는데요. 사실 저는 웹플로우를 사용하기 앞서 Unicorn platform이라는 노코드 툴로 제작을 시도했었습니다. 이 툴은 정말 직관적이고 사용하기 쉬웠는데요, 그러나 템플릿에 의한 제약이 커 이로 인한 디자인 자유도가 낮았습니다. 이는 웹플로우로 변경하게 된 계기였고, 다시 한 번 웹플로우가 디자인 자율성이 높다는 것을 증명한 셈이죠!

     
     

   • html, css, javascript 코드 기반으로 구축되었기 때문에, 웹플로우 대시보드에서 쉽고 빠르게 웹사이트를 구축한 다음에 코드를 직접 추출해서 수정하거나 확장할 수 있어요.

   
   

3. 웹사이트 최적화 및 사용자 추적이 가능합니다.

   • SEO 기능을 제공해 사이트 내 페이지 별로 타이틀 태그나 메타 디스크립션을 추가할 수 있어요.

     
     

   • GA4를 연동해서 웹사이트 방문자 수 추적도 가능하고, 구글 태그 매니저를 활용하여 웹사이트에 태그를 추가해서 사용자 행동을 추적할 수 있어요.

그러나 구글 태그 매니저를 연동할 수 있는 코드 입력은 유료 플랜에서만 가능하고,

무료 플랜은 트래픽이 제한되거나 수집할 수 있는 폼(이메일 주소 등)의 수집 양에서

차이가 발생할 수 있기에 유의해야 합니다❗

이러한 웹플로우, 크게 노코드 툴은

앞으로 업무 생산성을 높이는 데 유용하게 활용될 것이라고 전망되는데요!

MVP 개발에 앞서 적은 비용으로 핵심 가설을 검증해볼 수 있고,

IT 개발자를 고용하지 않고도 홈페이지를 구축하여 온라인 쇼핑몰을 운영하거나 고객 관리 업무를 자동화 할 수 있기에 비개발자분들께서 이를 사용해보신다면 좋은 경험이 될 것이라고 생각합니다.

끝으로, 저희 팀에서 만든 랜딩 페이지를 보여드리며 위 글을 마치겠습니다.

.

.

.

현재 저희 팀 셀핀오프에서는 👾퇴사몬👾이라는 모바일웹을 개발하고 있습니다!

퇴사몬은 직장 스트레스 해소 목적 캐릭터 기반 서비스인데요.

‘퇴사하고 싶다’ 라는 생각을 은연 중에 품고 다니는 직장인의 마음에 공감하여

위 서비스 기획을 시작하게 되었습니다.

함께 살아가는 세상 속에서 친구, 지인, 연인으로부터 위로를 받는 우리이기에

직장에서 바로바로 해소하지 못하는 스트레스를 보다 재미있게 나누고 위로받고자 합니다.

자유롭게 탐색해보시고, 저희 웹에 관심이 있으시다면 🔔출시 알림 받기🔔를 신청해주세요!

퇴사몬 랜딩페이지 : https://quitmon.webflow.io/

.

.

.

혹여나 제가 이야기한 부분에서 잘못 이해하고 있던 부분이 있었다면 댓글로 알려주시면 감사하겠습니다.

퇴사몬에 대한 자유로운 의견도 사랑이에요. 많은 관심 부탁드립니다.

관련 프로덕트에 대한 정보는 위 페이지에서도 보실 수 있습니다.

https://dis.qa/WI0