미루고 미룬..? 아니.. 어쩌면 정말 방법을 몰라 계속 밀린..
여비의 랜딩페이지를 드디어 제작했어요🔥
사실 랜딩페이지를 서비스 검증의 도구로 활용하고 싶었지만(정말 시장에서 니즈가 있는지) YAPP에서 활동하는 시간 내에 랜딩페이지까지 만들고, 검증할 여유가 없어서 이제야 주섬주섬 만들었어요. 근데 처음 랜딩페이지를 제작해 봐서 그 과정이 쉽지 않았던 거 같아요. 저처럼 사이드프로젝트에서 랜딩페이지를 만들 계획이 있으신 분들을 위해 포스팅을 해보려 합니다 :)
여기 랜딩페이지는 아래에서 자세히 :)
경비 정산이 필요한 순간!
만나서 반가워요! 저는 모두를 위한 여행 비서 여비에요🪄
yeobee.oopy.io
1. 랜딩페이지의 목적
언제나 어떤 일에는 목적을 분명히 하는 것이 중요하죠. 랜딩페이지도 마찬가지인데요, 서비스 검증이 목표인지/홍보가 목표인지 등등 기획자가 분명히 해야 합니다. 목적에 따라 랜딩페이지의 내용 구성이 달라질 테니까요 :)
저희의 랜딩 목적은 검증보다는 서비스 홍보를 염두에 두고 제작했어요.
2. 랜딩페이지 내용
목적이 분명하다면, 목적에 달성하기 위한 내용을 채워야겠죠. 저희는 홍보가 목적으로 서비스 소개를 중심으로 만들었어요.
즉, 여비가 어떤 서비스인지를 처음 보는 유저에게 명확히 전달하기 위해 노력했습니다.
3. 랜딩페이지 제작 준비요소
✅어떤 문제를 해결하려 했는지
✅그 문제를 어떤 기능으로 해결하는지
✅이 문제를 겪고 있는 사람은 누구인지
위 3가지 내용을 막힘없이 이야기할 수 있다면, 랜딩페이지내용에 필요한 준비는 끝났습니다. 이제 위 내용을 어떻게 <시각적>으로 보여줄지 고민하면 됩니다.
시각적인 부분에서는 디자이너의 도움이 필요합니다. 디자인이 들어가야 아무래도 예쁜 랜딩페이지가 만들어질 테니까요. 그런데 저는 디자인 리소스를 최소화하고 싶어 [노션]과 [우피]를 사용했습니다!
4. 제작 툴 소개
노션 & 우피
요즘 노코드 툴이 많이 있지만 제가 노션을 선택한 이유는 딱한 가지. 제가 쓸 수 있기 때문이었어요.^^
‘일단 만들자’가 저의 목표였기에 이 방법이 디자인 리소스를 최소화하는 방향이라 판단했어요. 그리고 노션을 웹페이지로 반영해 주는 우피를 결제했습니닿(일주일만 무료인 거 너무해요ㅠ)
5. 모바일 고려하기
노션을 기반으로 랜딩페이지를 만들었기에 제가 가장 신경 쓴 부분은 바로 <모바일>로 보이는 화면이었어요. PC로 만들었지만 모바일로 랜딩페이지를 접할 유저의 입장에서 첫 화면을 직관적으로 보여주기 위해 워딩에 신경을 많이 썼어요.
아래는 처음 만들었던 랜딩페이지의 일부 모습이에요.
노션의 페이지 제목을 통해 우리의 키프라이즈를 명시하였고, 유저들에게 공감을 일으킬만한 문구를 제시했습니다. 그 후 저희의 주요 기능 3가지를 차례대로 소개했습니다.
또한 우피의 메인 기능인 CTA버튼을 적극 활용하여 배포전에는 출시 알림 신청을, 배포 후에는 다운로드로 변경했어요!
6. 서비스의 핵심을 명확히!
현재는 아래와 같은 화면으로 되어 있습니다. 주요 기능 부분은 조금 더 수정이 필요하지만, 얍 23기 성과공유회에서 발표한 자료로 대체했어요.
ASIS : 여행 돈 관리는 확실하게!
TOBE : 경비 정산이 필요한 순간!
기존 서비스와 [여비]의 차이는, 경비 기록을 통한 동행자들끼리와의 정산입니다. 따라서 핵심인 정산을 유저들에게 알리기 위해 문구를 변경했어요!
노션으로 목업을 이미지로 넣고 설명을 하는 것보다는 PPT페이지를 첨가하는 것이 낫다고 판단해 기능소개를 위와 같이 했는데요, 모바일로 보면 작아 보이는 부분이 좀 아쉬워서 바꿀 예정이에요.
마지막으로 여비의 타켓 유저들을 명시하며 랜딩페이지 구성을 마쳤는데요, 앞으로 더욱 매력적인 구성을 위해 더더 고민해보려고 해요❤️🔥!
처음 랜딩페이지를 만들어보시는 분들께 우피 추천드리며(내돈내산!) 더 좋은 인사이트가 있다면 댓글로 공유해 주세요..🤗
경비 정산이 필요한 순간!
만나서 반가워요! 저는 모두를 위한 여행 비서 여비에요🪄
yeobee.oopy.io
여비 - 여행경비 기록부터 정산까지
여행 경비 기록과 정산이 필요한 순간! 당신의 여행 비서, 여비가 해결해 드릴게요. 여행 전 경비를 계획할 때, 여행 중 경비를 기록할 때, 여행 후 경비를 정산할 때, 여행을 준비하는 순간부
apps.apple.com
[TMI]아래는 다음에 써보고 싶은 랜딩페이지 툴!
https://www.framer.com/
-랜딩페이지를 만드니 마음의 짐이 덜어짐🤣
'사이드프로젝트 > [완결] YAPP' 카테고리의 다른 글
| [성과공유회] 여비가 드디어 세상에 공개되었습니다! #앱출시 #여행가계부 #YAPP수료 (0) | 2024.02.29 |
|---|---|
| [출시D-7] 사업자등록 없이 앱스토어 등록을 위한 여정 #약관 및 방침 #앱심사 (0) | 2024.02.17 |
| [YAPP 11주차] 여비에 GA 붙이기 #앱스트림#데이터수집 (0) | 2024.01.23 |
| [YAPP 9주차] 여비에 지라를 도입하다 #일정관리 #애자일 #협업 (0) | 2024.01.09 |
| [YAPP 8주차] 기획자의 산출물을 남겨보자2 #스토리보드 #화면설계서 (0) | 2023.12.27 |
