이번 글을 클릭하신 분들은 현재 강의 사이트 제작을 알아보고 계시는 대표님일 것입니다.
하지만 이전에 단 한 번도 사이트를 제작해본 경험이 없으며, 홈페이지는 어떻게 제작해야하는지 업체선정 기준 추후에 서버비용 등등 처음부터 끝까지 궁금한 점 투성이 일 것입니다.
아울러, 강의 사이트 제작을 진행하려면 최소 1000만원이라는 거금이 필요한 상황에서 제대로 준비해야한다는 압박감도 가지고 계실 것같은데요.
처음 아몽소프트웨어를 찾아오셨던 스타트온 대표님도 위와 같은 상황이셨습니다.
하지만 일프로커리어 프로젝트를 성공적으로 끝마치시곤, 감사하게도 다시한번 프로젝트를 맡겨주셨습니다.
천만원 이상 이라는 거금을 쓰고 다시 한 번 이에 합당하는 금액을 지불하고 프로젝트를 진행하는 것은 쉽지 않은 선택이셨지만 다시한번 아몽소프트웨어를 믿어주셨습니다.
그 프로젝트가 바로 오늘 소개하는 강의사이트 ‘스타트온’입니다.
스타트온 프로젝트를 진행할 당시 대표님께서는 강의사이트 제작과 관련된 자료가 단 하나 없으신 상황이었는데요.
하지만 다음과 같은 사이트를 얻어가셨습니다.
어떻게 하여 홈페이지와 관련된 문서가 하나도 없는 상태에서 위와 같은 결과물을 얻어가셨을 수 있었을까요?
강의 사이트 제작 사례, 스타트온 홈페이지 제작
스타트온은 연봉 1억의 사업가 대표님께서 진행하는 온라인 사업 강의 사이트입니다.
일반적인 학교 LMS처럼 이용자가 정해진 것이 아닌, 사람들이 먼저 강의에 관심을 갖고 직접 구매를 해야만 시청이 가능한데요.
그래서 아몽소프트웨어는 LMS의 기술적인 측면뿐만 아니라 구매를 유도하는 기획과 디자인에도 신경을 기울여야만 했습니다.
폭발적인 강의 구매가 일어나기 위해 어떤 홈페이지 기획과 디자인을 했는지 지금 바로 알아보도록 하겠습니다.
강의사이트 제작 사례, 스타트온 홈페이지 디자인
1. 사용자의 관심을 끄는, 히어로페이지
히어로페이지란, 사용자가 홈페이지에 방문했을 때 맨처음 보게 되는 화면을 말합니다.
처음으로 보여지는 페이지인만큼 기업의 첫 이미지를 결정하는 매우 중요한 역할을 하는데요.
한 번 정해진 첫인상은 쉽게 바뀌지 않기 때문에, 히어로페이지를 제작할 때는 사용자에게 부정적인 경험을 남기지 않도록 아주 신중하여야 합니다.
따라서 기업이 강조하고자 하는 메시지를 전달하는 것과, 방문자의 시선을 사로잡을 수 있는 요소가 반드시 필요합니다.
아몽소프트웨어는 이같은 점을 생각하여, 방문자의 흥미를 끄는 히어로페이지를 제작하고자 하였습니다.
스타트온을 찾아주시는 방문자들의 심리는 무엇일까요? 아마 온라인 사업을 통해 돈을 벌고 싶은 사람들일 것 입니다.
그래서 아몽소프트웨어는 히어로페이지에 연봉 1억이라는 자극적인 카피라이팅을 사용하여 방문자의 관심을 유도하고자 하였습니다.
‘스크롤을 내리면 아무도 알려주지 않는 성공 비밀을 알려주겠다’ 라는 문구로 호기심을 유발하고 행동을 유도하였습니다.
또한, 배경이미지에 움직이는 인터렉션 요소를 추가하여 방문자의 시선을 끌고 홈페이지 체류 시간이 길어지도록 하였습니다.
2. 사용자를 공감하는, 공감 섹션
히어로페이지에서 방문자의 이탈을 막고 스크롤을 내리게 하는 데까지 성공하였다면, 이제는 사용자의 마음을 사로잡을 차례입니다.
사람들은 자신과 비슷한 이야기에 공감하고, 더 큰 관심을 가지기 마련입니다. 예를 들어볼까요?
대표님께서 만약 사업을 하는데, 구매전환으로 이루어지지 않고 적자만 나는 상황이라고 가정해봅시다.
그래서 그 원인을 찾고, 이를 해결하기 위해 사업 컨설팅 회사 홈페이지를 찾아갔습니다.
그런데, 대표님의 마음을 사로잡은 카피라이팅이 있었습니다. 과연 둘 중에 무엇이었을까요?
1.
저희 XX컨설팅 회사는 사업을 성공시킨 경험이 n회 있으며, 전환율을 최대 20%가지 끌어올린 사례가 있습니다.
2.
돈은 들어올 생각이 없고, 먼지만 날리는 상황이라 많이 막막하셨죠?
저희 XX컨설팅 회사는 사업을 성공시킨 경험이 n회 있으며, 전환율을 최대 20%가지 끌어올린 사례가 있습니다.
아마 1번보다는 2번의 문구가 더 마음에 드셨을 것 입니다. 이처럼 구매를 유도해야하는 상황에서는 타겟층의 고민을 생각하고, 이를 공감하는 것이 매우 중요합니다.
야심차게 사업을 시작하려는 사람들의 연령층과 특징은 대체로 20대 중반 ~ 30대 직장인이라는 점입니다.
그 나이때쯤 되면 누구나 한 번쯤 사업을 꿈꾸게 되고, 돈을 많이 벌고 싶고 그에 따라 시간적인 여유가 생기길 바라게 됩니다.
그래서 경제적, 시간적 자유라는 단어를 사용하여 이런 타겟층의 마음을 공감하고자 하였습니다.
뿐만 아니라, 사용자는 막상 사업을 시작하자니 너무 바쁜 직장생활로 인해 사업에 대한 공부를 할 시간이 없어 지식이 부족한 상태일 것 입니다.
성공하고 싶지만 뭐부터 해야할지 모르겠고, 자칫 아무런 지식도 없이 뛰어들었다간 실패하는 상황이 우려될 것 입니다.
이같은 점을 캐치하여 아랫부분에는 ‘어렵게 느껴지는 온라인 사업, 뭐부터 해야할까요?’ 라는 문구를 넣어 사용자를 한 번 더 공감해주었습니다.
3. 실전 노하우를 소개하는, 소개 섹션
공감을 통해 사용자의 마음을 사로잡았다면, 실전 노하우로 구매욕구를 자극시킬 차례입니다.
아몽소프트웨어는 먼저 사업에 대해 소개하는 섹션을 배치하였습니다.
‘온라인 사업을 모르면 100% 망한다’라는 문구로 사용자가 위기감을 느끼게 하고, 강의를 듣지 않으면 안 될 것 같은 불안감을 조성하여 구매를 유도하였습니다.
또한, 1인 온라인 사업이라는 키워드를 사용하여 혼자서 사업을 하고 싶은 핵심 타겟층을 저격하고 순수익 1억이라는 단어를 통해 사용자가 희망을 가질 수 있도록 하였습니다.
4. 강의를 소개하는, 상품 소개 섹션
드디어 본론으로 넘어가서 강의 상품을 소개하는 섹션입니다.
간혹 온라인 강의는 핵심 내용보다는 강의 소개, 자료준비, 잡지식 등으로 강의시간을 떼우는 경우가 많습니다.
쓸데 없는 정보를 많이 알려주기에 그만큼 시간을 낭비하게 되고, 끝에는 강의에 돈을 투자한 것에 대해 아깝고 후회된다라는 생각을 가지게 될 수도 있습니다.
그래서 스타트온의 강의는 쓸데 없는 내용보다, 가장 중요하고 필요한 핵심만을 가르친다는 것을 강조하고 싶었습니다.
‘온라인 사업의 key point만 가르치는 곳’이라는 카피를 통해 믿을만한 강의라는 것을 사용자에게 인식시키고, 신뢰를 주고자 하였습니다.
또한, ‘무조건 팔리는‘, ‘순수익 2배‘, ‘안살 수 없는‘ 등의 자극적인 카피라이팅을 사용하여 사용자가 강의에 대한 흥미를 가지도록 이끌었습니다.
5. 부담없이 읽을 수 있는, 전문 칼럼 섹션
메인 페이지 내에 스타트온에서 작성한 전문 칼럼을 배치함으로써, 사용자로 하여금 ‘이런 것도 공짜로 알려주네?’ 라는 생각이 들도록 하였습니다.
위같은 생각이 듦으로써 사용자의 신뢰도는 더욱이 증가하고, 전문적인 칼럼의 내용을 보고 강의의 질이 어떤지 파악할 수 있도록 하였습니다.
6. 사회적 근거 역할을 하는, 리뷰섹션
대표님께서는 물건을 구매할 때, 리뷰가 1개 있는 제품과 1개도 없는 제품 중 어느 것을 구매하실 것 같나요?
물론 둘 다 구매하지 않을 수도 있지만, 아예 없는 것보단 리뷰가 하나라도 있는 제품에 더 신뢰가 가지 않으시나요?
우리는 이같은 리뷰를 바로 사회적 근거라고 부릅니다.
사람들은 사회적 근거가 없다면 구매를 할 때 굉장히 망설이게 됩니다. 아몽소프트웨어는 이것을 고려하여 다음과 같은 리뷰 섹션을 만들었습니다.
만족도 그래프를 사용하여 사용자에게 수치적 자료를 보여줌으로써 한층 더 신뢰를 강화하고자 하였습니다.
또한, 실제 사례와 관련한 리뷰를 통해 사용자들이 동질감을 느끼고, 구매를 하는데 있어 구매저항을 최소화할 수 있도록 설계하였습니다.
7. 핵심을 강조하는, 마무리 섹션
‘어떤 부분이 어렵고 힘든지 알고 있다’라는 문장을 통해 사업에 대한 두려움이 있는 사용자의 마음을 한 번 더 공감해주었습니다.
앞서 설명드린 섹션을 통해 사용자의 신뢰도를 높인 상태에서, 진심을 다해 돕겠다는 멘트로 마무리를 해주었습니다.
강의 사이트 제작 사례, 스타트온 홈페이지에 사용된 기술
1. Auto Scaling (오토 스케일링)
현재 스타트온 홈페이지에는 약 30개 이상의 강의동영상이 올라가고 있습니다.
보통 강의영상의 길이는 최소 7분~10분 정도인데, 영상의 길이가 이정도로 길면 용량 또한 매우 커지기 마련인데요.
이처럼 서버용량을 많이 잡아먹는 영상을 한 번에 수십, 수백명의 사람들이 동시에 시청한다면 서버에는 무슨 일이 일어나게 될까요?
기하급수적으로 증가하는 트래픽을 버티지 못하고, 서버가 터지는 불상사가 벌어지게 됩니다.
서버가 터지게 되면 홈페이지 전체가 다운되는 것 뿐만 아니라, 서버 비용에만 NNN만원이 드는 등 어마어마한 금액이 청구될텐데요.
아몽소프트웨어는 이같은 문제를 예방하기 위해 서버 사이즈를 자동으로 조절하는 Auto Scaling(오토 스케일링) 기술을 투입하였습니다.
오토 스케일링 기술을 사용하게 되면 갑자기 늘어난 사용자 수와 그에 따라 증가하는 트래픽에도 유연하게 대처가 가능합니다.
얼마나 트래픽이 증가하든, 서버가 알아서 그 용량을 제어해주기 때문입니다.
2. 로그인 / 회원가입 기능
스타트온에서 강의를 시청하기 위해선 상품을 구매하여야 합니다.
그런데, 만약 로그인 기능이 없다면 한 사람만 강의를 구매해도 모든 세션에 있는 사람들이 강의를 볼 수 있게 되어버리겠죠?
아몽소프트웨어는 로그인 기능을 추가하여 강의를 구매한 계정에서만 강의를 이용할 수 있고, 그 주문내역과 진행도를 따로 마이페이지에서 확인할 수 있도록 하였습니다.
지금까지 강의 사이트 제작 사례인 스타트온에 대해 소개해드렸습니다.
이번 제작 사례에서는 기술 부분보다, 구매를 유도하는 기획에 대한 설명을 강조했었는데요.
이러한 기획에 스타트온 대표님께서는 굉장히 만족하셨으며, 강의 사이트의 핵심 KPI인 강의 구매량도 나날이 증가하고 있습니다.
강의 사업과는 관련이 없는 아몽소프트웨어가 스타트온의 구매량을 증가시킬 수 있었던 이유는 무엇일까요?
경험이 많아서? 아몽이 그 분야에 대해 잘 알아서? 둘다 아닙니다.
바로 대표님의 사업을 완벽하게 이해했기 때문입니다.
아몽소프트웨어는 프로젝트를 기획하는 단계에서 해당 사업의 특성과 타겟층, 문제 해결 방안까지도 꼼꼼히 검토하고 작업을 진행합니다.
사업을 이해했을 때와 하지 못했을 때의 차이는 천차만별입니다. 만약 이해가 안 된 상태에서 프로젝트를 진행하게 된다면 홈페이지를 망치고, 돈만 날리는 상황이 벌어질 것 입니다.
저희를 기준 삼아 다른 업체와 비교해가며 최적의 업체를 찾으시길 바랍니다.
긴 글 읽어주셔서 감사드립니다.
