플랫폼 개발 사례, 음원판매 사이트 MagicDrug 제작

|

아몽소프트웨어

|

안녕하세요. 한화, 동아ST, 롯데 등의 대기업부터 이상한마케팅, 생각정리클래스와 같은 중소기업을 포함하여 167개 이상의 프로젝트를 진행한 아몽소프트웨어입니다.

오늘 글은 이번에 마무리된 프로젝트인 ‘매직드럭’을 설명하는 글인데요.

매직드럭 대표님께서는 예비창업패키지에 선정되셔서 정부에서 집행하는 예산으로 저희 아몽소프트웨어에게 의뢰를 주셨습니다.

플랫폼 개발을 진행하고자 하는데, 이와 관련된 경험이 없으셔서 직접 제작을 하는 데 어려움이 있으셨기 때문인데요.

대표님은 음악과 관련된 사업을 진행하고 계셨지만, 현재 생각하고 계시는 플랫폼을 어떻게 개발해야 하는지 하나도 모르셨습니다.

그렇기에 음악산업에 대한 이해를 바탕으로 플랫폼 기획을 할 수 있는 업체를 선정하고, 개발을 진행해야 하셨으며 이에 아몽소프트웨어와 함께하게 되었습니다.

늘 그래왔던 것처럼 저희는 성공적인 프로젝트 결과물로, 대표님께서 주신 믿음에 보답하였습니다.

 플랫폼 개발

 

어떻게 해서 매직드럭의 대표님은 IT와 관련한 경험이 없으신 상황에서 위와 같은 결과물을 얻어갈 수 있으셨을까요?

바로 다음으로 이어지는 글에서 설명해드릴까 합니다.

글을 전부 읽는데 3분이라는 시간이 투자되어야 하지만, 개발비 3,000만원을 시행착오로 버리지 않을 수 있으니 집중해주시길 바랍니다.

서론이 길었습니다. 글 시작하도록 하겠습니다.

플랫폼 개발, 매직드럭 제작 사례

매직드럭은 비디오용 음원소스를 다운받을 수 있는 사이트로, 다양한 장르와 상황에 맞는 음원을 제공하고 있습니다.

이러한 음원사이트는 매직드럭뿐만 아니라, 아트리스트 등 이미 대중에게 알려진 사이트가 여럿 존재하였는데요.

그렇다면 이미 쓰이고 있는 플랫폼의 경쟁률을 뚫기 위해 필요했던 건 무엇이었을까요?

아마 똑똑하신 대표님이시라면 아시겠지만, 어떤 업체도 가질 수 없는 확실한 차별점이 필요했습니다.

매직드럭 대표님께서 원하셨던 차별화된 전략을 홈페이지에 실현하기 위해 아몽소프트웨어가 작업했던 결과물은 무엇인지 지금 바로 보여드리겠습니다.

 

1. 윈도우 화면과 유사한 디자인

 

매직드럭이 음원시장에서 차별점을 가지기 위해 선택했던 첫번째는 바로 독창적인 디자인이었습니다.

사용자의 관심을 확 이끄는 독특한 디자인으로, 이탈을 막는 것과 동시에 홈페이지 체류시간을 늘리고자 하였습니다.

 플랫폼 개발 2 

과거 윈도우 95시절을 연상케 하는 레트로한 감성의 첫 화면으로, 홈페이지에 방문한 사용자에게 강한 후킹을 주고자 하였습니다.

사용자에게 후킹을 주면서 홈페이지 이탈은 막고, 매직드럭의 유니크한 이미지를 브랜딩하는 데에도 성공적인 결과를 보였습니다.

 플랫폼 개발 3

또한 보시는 바와 같이 실제 OS 화면처럼 아이콘을 움직일 수도 있고, 더블클릭 시 실행이 가능하도록 인터랙션을 구현하였습니다.

해당 이벤트 모션으로 인해 사용자는 더 오래 홈페이지에 머물게 되고, 페이지뷰또한 올라가면서 SEO점수에 긍정적인 영향을 끼치도록 설계하였습니다.

참고로 SEO점수가 높아진다면 구글이나 네이버와 같은 검색엔진에서 홈페이지가 상위노출되므로 더 많은 유저 유입이 가능해집니다.

따라서 홈페이지를 제작할 땐 SEO점수를 신경쓰시고 제작을 진행하시길 바랍니다.

 

2. 다양한 음원, 효과음, 폰트, VFX

 

우선 홈페이지 첫 화면에서 유저의 이탈을 막았다면, 구매욕구를 불러 일으키는 제품을 제공해야할 것입니다.

매직드럭은 타업체와의 차별점을 두기 위해 단순 음원만 제공하는 것이 아닌, 효과음과 폰트, VFX도 제공하였습니다.

유용한 음원을 제공하는 것은 물론이지만, 수십, 수백가지의 음원 및 서비스가 사이트에 업로드되어야 하기 때문에 서버용량을 넉넉하게 잡는 것도 중요했습니다.

만약 서버용량의 문제로 음원을 많이 올리지 못한다면, 사용자가 돈을 내고 정기결제를 할 이유가 없어지겠지요?

 플랫폼 개발 4

따라서 아몽소프트웨어는 매직드럭의 서버용량을 처음부터 넉넉하게잡아 수천가지의 음원이 업로드되어도 문제가 생기지 않도록 설계하였습니다.

뿐만 아니라, 사이트 내에서 음원을 재생할 수 있도록하여 결제 전 고객의 구매저항을 낮추고자 하였는데요.

국내에서 자주 쓰이는 멜론의 경우 결제를 하지 않으면 1분 미리듣기만 가능하다는 걸 아실 것 입니다.

하지만, 매직드럭의 경우 신생 플랫폼이기 때문에 기존 플랫폼의 이러한 문제를 해결하고자, 결제를 하지 않아도 처음부터 끝까지 음원을 미리 들을 수 있도록 기획하였습니다.

기존의 멜론과 같은 대형 플랫폼에서 고객이 느꼈던 부정적인 경험을 매직드럭에서는 상반되는 경험을 주어 긍정적인 생각이 들게 하고자 하였던 것입니다.

 

 

3. 반응형 웹 디자인

 

지금까지 설명드린 매직드럭의 홈페이지는 매우 화려한 인터랙션으로 구성되어 있었는데요.

보통 이렇게 인터랙션이 많거나 복잡한 디자인의 홈페이지인 경우, 반응형에서도 비슷한 느낌으로 구현하는 것은 어려운 일인데요.

그 이유는 모바일과 PC환경은 천차만별로 다르기 때문입니다. 모바일에서는 보이지 않는 이벤트가 있을 뿐더러, 스마트폰만 해도 수백가지의 디바이스 환경이 존재하기 때문입니다.

따라서 매직드럭의 반응형 디자인은 일반적인 웹 사이트보다도 훨씬 어려운 일이었는데요.

그렇다고해서 PC환경만 생각해서 디자인을 진행한다면 모바일 사용자는 홈페이지에 있는 정보를 보기 위해 계속 확대해야 하는 불편함이 생길 것 입니다.

이같은 부정적인 경험은 곧 홈페이지 이탈로 이어지고, 사용자가 다시 홈페이지에 방문하지 않는 상황을 초래할 수 있습니다.

 플랫폼 개발 5

아몽소프트웨어는 앞선 문제가 일어나는 것을 방지하기 위해 모바일 환경에서도 완벽하게 반응형 웹 디자인을 구현해냈습니다.

모바일 크기로 변하면서 아이콘들은 자동으로 가운데 정렬을 시켰고, 클릭 시 나타나는 팝업창은 전체화면으로 보이게 하여 PC환경과 똑같은 정보를 제공할 수 있도록 하였습니다.

 플랫폼 개발 6  플랫폼 개발 7

또한 음원페이지에서는, 재생버튼을 제외하고 나머지 기능이 보이지 않도록 간략화하여 사용자에게 필요한 기능만을 제공하도록 하였습니다.

이때, 모든 기능을 다 제공하는 것보다 필요한 기능만 제공하는 것이 더 효과적인 이유는 모바일 환경에서 PC환경의 기능을 다 제공할 시 제작비용이 천차만별로 변하기 때문입니다.

예를 들어볼까요? 인터넷에서 컴퓨터를 구매하려고 하면, 말도 안되게 저렴한 가격에 판매하는 사이트를 찾아볼 수 있습니다.

해당 사이트에 들어가보면 기본 컴퓨터 외에도 윈도우 설치, 그래픽카드, 램, 외장하드 등 다양한 추가옵션이 있는데요.

돈을 들였으니 이왕이면 좋은 제품을 쓰고 싶은 마음은 누구나 같습니다. 그래서 이것저것 옵션을 추가한 뒤 가격을 확인해보면 처음과는 사뭇 다른 가격이 되었을 것 입니다.

이는 홈페이지도 마찬가지입니다. 있으면 좋지만, 없어도 되는 기능을 계속 추가하다보면 홈페이지의 가격은 처음의 몇배 이상 치솟아있을 것 입니다.

그렇기 때문에 아몽소프트웨어는 반드시 필요한 기능은 무엇이고, 없어도 되는 기능은 무엇인지 클라이언트님과 함께 고민하고 제작을 진행합니다.

제작을 의뢰받은 순간부터 저희는 대표님의 팀이 되어, 최선의 결과를 얻어가시길 바라기 때문입니다.


지금까지 매직드럭의 플랫폼 개발 사례를 설명드렸습니다.

글을 마치기 전, 여기까지 읽어주신 대표님께 한 가지 드릴 말씀이 있습니다.

혹시 대표님께서는 현재 정부지원을 받아 사업을 시작하고, 홈페이지 제작을 진행하시려는 상황이신가요?

이번 매직드럭의 대표님께는 앞서 설명드린 것 처럼 정부로부터 예비창업패키지를 지원받아 홈페이지 제작을 진행하게 되셨습니다.

창업을 시작하는 분들께서는 대개 정부지원을 많이 받지만, 막상 지원을 받고 어떤 업체에게 홈페이지 제작을 맡겨야 할지 감이 잘 안오실 것 입니다.

특히나, 기껏 지원받은 돈으로 홈페이지 제작을 진행하였는데 실패한다면 시간과 돈을 모두 날린 난감한 상황에 처하게 되겠지요.

아몽소프트웨어가 대표님께 드리고 싶은 말씀은 처음부터 업체를 잘 고르셔서 실패를 겪지 않으셨으면 좋겠다는 말씀이었습니다.

그렇다면 여기서 대표님께서는 다음과 같은 생각이 드실 것 같습니다.

‘어떤 업체가 좋은 업체인지 어떻게 알지?’

그에 대한 해답은 바로 ‘대표님의 사업과 비슷한 홈페이지를 제작해 본 업체를 고르시면 된다’입니다.

업체를 고르시기 전, 반드시 비슷한 종류의 포트폴리오가 있는지 확인하시고, 그 수준은 어떤지 파악하시어 업체를 잘 선정하시길 바랍니다.

긴 글 읽어주셔서 감사합니다.

우리의 목표는 단 하나,

소비자가 대표님의 상품을 구입하게 만드는 것