intropage blog

블로그 이미지
intropage 와 관련된 소소한 이야기들을 공유할게요.
jurohan

Article Category

분류 전체보기 (24)
서비스 소개 (2)
서비스 업데이트 (14)
운영 이슈 (1)
활용 사례 (3)
참고자료 (4)

Recent Comment

Recent Trackback

Calendar

«   2017/09   »
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

Archive

My Link

  • Total1,948
  • Today0
  • Yesterday0

안녕하세요. 

싱글페이지 기반 홈페이지 제공 서비스 - 인트로 페이지입니다.

저희의 서비스는 '홈페이지를 쉽게 만들고 운영할 수 있는 기능을 제공함으로써, 누구나 온라인을 도구로써 활용할 수 있는 기회를 제공하는 것을 목표로 하고 서비스를 만들고 있습니다.

이러한 서비스를 만들게 된 배경은 다음과 같습니다.

1. 기록의 유실

소셜 미디어 사용자의 확대, 모바일 인터넷의 활성화를 통해 정보의 유통과 소통은 지난 어느 시대보다 빠르게 증가하고 있습니다. 이러한 환경에서 TEDx 컨퍼런스가 다양한 장소에서 열리기도 하였으며, 온/오프라인에서 다양한 형태로 지식과 경험을 공유하는 자리가 만들어지고 있습니다.

   하지만, 이러한 다양한 행위들에 대한 정보를 시간이 지나고 찾아보려 하면, 도메인이나 호스팅이 만료되는 등의 이유로 정보 접근에 한계가 생기게 되고 결국은 누가 후원을 했고 몇명이 참여했는지 등의 간략한 보도자료만을 뉴스를 통해 확인할 수 있게 되었습니다.

  이렇게 기존의 경험을 확인하고 참조할 수 없게 되는 것은 비슷한 시행착오를 반복해야한다는 점에서 사회 간접 자본의 손실이라고 볼 수 있습니다. 본 서비스는 이러한 점을 해결하고자 경험을 기록화 하겠다는 다짐을 하였고, 그 방법으로 홈페이지를 쉽게 만들어주는 툴을 만들게 되었습니다.

   홈페이지는 무엇인가 새로운 프로젝트를 진행하고 알림에 있어 가장 필요로 하는 채널이며, 활동가/활동 집단은 직접 사이트를 제작하진 못하더라도 외부에 자신들의 정체성을 알리는 자료를 만드는 것은 이미 익숙한 행동 패턴입니다. 그렇기 때문에 별도의 정보 아카이브를 만든다는 목적으로 플랫폼을 만들기보다는 사용자가 필요로 하는 홈페이지의 생성을 목적으로 콘텐츠를 입력받되, 추가 분석이 용이한 형태(기능과 콘텐츠의 구분)로 입력하게 하는 것이 적절한 방법이라 생각했습니다.

2. 기술의 진입장벽 존재

홈페이지를 단순히 쉽게만 만들어줄 수 있게 하고, 그 기록을 보관하면 양질의 정보를 모을 수 있을지에 대해 고민하였습니다.

기본 모델(프로토 타입)을 제작하면서 지난 1년여의 시간동안 국제개발 활동가, 재단, 프리랜서 등과의 다양한 인터뷰를 진행하면서 느낀 점은 홈페이지를 쉽게 만들어 주는 서비스에 대한 필요성은 분명히 있다는 것이었는데, 기존 Wix.com, www.squarespace.com등의 서비스가 존재함에도 단순히 몰랐기 때문에 안쓰고 있는 것인지 혹은 필요하지만 사용에 대한 동기부여가 안되는 이유가 있는지에 대해서 고민하였습니다.

'홈페이지' 를 단순히 도구적으로만 제공할 것이 아니라, 어떻게 운영하면 좋은지에 대한 가이드를 제공해 주며, 방문자의 특성을 파악할 수 있게 하여 보다 능동적인 운영을 도와줄 수 있는 다양한 분석 기능을 제공해 주는 것이 필요하다는 것을 확인할 수 있었습니다. 

홈페이지를 제공하는 툴에서 한발짝 더 나아가 홈페이지를 제공하는 서비스라는 생각으로 생성된 페이지에 대한 분석자료를 제공해주며, 이벤트 사항에 대한 메일 알림 서비스등을 제공하고 있습니다.

3. 기록 정보를 통한 정보 분석 및 활용

인트로 페이지는 가치 있는 정보와 경험을 기록시키는 것을 돕는 도구입니다. 이러한 기본 방향에 따라 보다 양질의 콘텐츠가 기록될 수 있도록 개요 정보 입력 다음에 바로 본문 내용을 입력하게 하지 않고, 문단별 제목을 먼저 입력하게 함으로써 전체적인 글의 맥락과 흐름을 콘텐츠 생성자가 한번 더 생각해 볼 수 있는 기회를 제공합니다.

이러한 특징은 자연스럽게 '홈페이지'를 제공하는 데 목적을 둔 기존 서비스들과는 조금의 차이를 만들 게 되었는데, 디자인 템플릿을 먼저 제공하고 각 영역의 내용을 변경하게 하는 기존의 방식에 비해 '내용' 이 있는 콘텐츠를 작성하는 데 구조적 특성이 영향을 준다고 생각하며, 이를 더욱 편하게 느끼도록 개발을 진행하면서 지금까지 10여개의 페이지를 시범 운영하였습니다.

실제 우리가 만들고 있는 서비스가 긍정적인 변화를 만드는데 도움을 줄 수 있을지에 대해 확인하기 위해 운영했던 인트로 페이지들에서, 우리는 모바일 페이지와 오프라인 행사에 대한 생중계, 프로젝트 사이트 등의 분야에서 인트로 페이지가 도움을 줄 수 있음을 확인할 수 있었으며, 작성한 인트로 페이지의 콘텐츠를 방문자들이 읽었는지 여부를 파악할 수 있게 함으로써 기록 정보의 질을 개선할 수 있도록 도움을 주고 있습니다.


앞으로도 인트로 페이지는 홈페이지를 쉽게 만드는 것이 아닌, 가치있는 정보의 기록에 초점을 두고 서비스를 발전 시켜 나가고자 합니다.

감사합니다.




신고
Trackback 0 and Comment 0



[세계태권도평화봉사재단의 인트로페이지]


[주간 페이지 방문자 수]

   지난 11월 21일, 123명이 세계태권도 평화봉사재단의 모바일 페이지에 방문하였습니다.이날은 새로 선발된 봉사단원에 대한 최종 발표가 있는 날이었기에 사용자가 다른 날에 비해 급격히 몰린 날인데요, 그렇지 않은 일상적인 날 또한 인트로 페이지에 개설된 모바일 전용 홈페이지로의 유입인원또한 적지 않음을 확인할 수 있습니다.

   스마트 폰이 더이상 신기하지 않은 것이 되어버린 요즘, 우리는 티비를 보다가도, 이동 중에도, 페이스북을 하다가도 스마트폰을 통해 인터넷에 접속하며, 인터넷 사이트를 방문하여 원하는 콘텐츠를 소비합니다.

   그런데 한때 유행했었던 플래시 메뉴와 영상은 모바일에서 사용자가 정보를 확인할 수 없게 하며 데스크탑에 최적화 된 웹사이트는 작은 크기의 모바일 화면에서 정보를 소비하기에 부적합한 형태로 되어 있는 경우가 많습니다.

   의뢰가 들어왔던 세계태권도평화봉사재단 또한 이와 같은 문제를 갖고 있었지만, 새롭게 홈페이지를 만들기에는 관련 예산이 마련되어 있지 않아 고민을 하고 있었습니다.몇번의 상담을 진행 한 후, intropage를 통해 모바일 전용 페이지를 만들고, 기존의 웹사이트 상단에 Javascript로 모바일 기기 여부를 체크하여 모바일 기기로 접근한 경우, 이동이 되도록 변경하였습니다.

   
[모바일에서 접근한 홈페이지와 인트로페이지로 제작한 모바일 전용 소개페이지]

기존 사이트 삽입 코드
<script type="text/javascript" src="http://intropage.net/js/outisde/tpcors_code.js"></script> 

코드 내용

<script type="text/javascript"> 
//모바일 체크하기 
if( navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i)  || navigator.userAgent.match(/iPhone/i)  || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/Windows Phone/i) ){

url=location.href; 
ref=parent.document.referrer; 
//레퍼러가 intropage인것도 체크하기 
if(ref.indexOf('intropage.net')!=-1){ 
//alert(ref.indexOf('intropage.net')); 
//이전 페이지 주소에 intropage가 포함되어 있다면.. 사이트 그대로 보여주기 
}else if(url.indexOf('?ipg_check')!=-1){ 
//주소줄에 intropage 인식 변수가 존재하면.. 페이지 그대로 보여주기
 
}else if(url.indexOf('.php')!=-1){ 
//주소줄에 intropage 인식 변수가 존재하면.. 페이지 그대로 보여주기 
}else{ 
//연결될 모바일 페이지 주소 입력
location.href = 'http://intropage.net/tpcorps'; 

}

</script> 
<!--intropage 모바일 지원 코드 끝 --> 

   지난 8월 초 위와 같은 작업을 진행한 이후, 세계태권도 평화봉사재단에는 몇가지 변화가 생겼습니다. 

   먼저 추측했었던 것들을 실체화해 볼 수 있었습니다. 티비에 봉사단과 관련된 방송이 소개되었거나, 봉사단 모집광고를 시작하고 나면, 사이트로 사람들이 많이 방문할 것이라고 생각했었던 것을, intropage Dashboard를 통해 실제 사용자들이 어떤 일이 있은 후 유입량이 늘었는 지에 대해, 그리고 어떤 채널과 기기로 유입이 되는지에 대해 파악이 가능하게 되었습니다.


[DashBoard 정보]

   이렇게 유입량의 변화에 따른 원인에 대한 파악이 가능해지게 되니 다가올 이벤트 일정에 맞춰 콘텐츠를 위지윅 기반의 편집툴을 통해 직접 수정할 수 있게 되었습니다.


   세계태권도평화봉사재단의 사례처럼 예산이 부족한 비영리 재단, 사회적 기업 등의 경우, 인트로페이지를 통해 모바일 전용페이지를 제작하고, 기존 홈페이지와 연동하는 것이 방문자들의 정보 접근성을 높이는 데 하나의 방법이 될 수 있을 것입니다.


인트로 페이지 서비스에 관심이 있는 분들은 아래의 랜딩 페이지에서 이메일 주소를 입력해 주세요. 오픈 소식을 전해드립니다.

http://intropage.net

세계태권도평화봉사재단 인트로 페이지 : http://ipg.so/tpcorps


  

신고
Trackback 0 and Comment 0

1. 고해상도 무료 이미지

홈페이지를 만들거나, 포스터를 만들 때 가장 쉽게 방문자들의 시각적 만족도를 높여주는 것이 배경이미지나 콘텐츠에 삽입된 이미지들이 아닌가 싶습니다.

하지만 일반인이 좋은 사진을 소유하고 있기엔 한계가 있고,
구글링 해서 쓰자니 저작권이 있는 사진은 아닌가 하는 걱정도 들고..

이러한 걱정을 덜어 줄, 멋진! 고해상도 사진들을 제공하는 사이트들을 정리한 곳이 있어 그 정보를 공유합니다 :)

http://ludens.kr/entry/gorgeous-stock-photo-sites


2. 무료 아이콘

디자인을 하다보면, 아이콘을 하나하나 만드는 것도 시간적 부담이 되는 게 사실인데요,
이럴 때 쓰기 좋은 범용적인 아이콘들을 무료로 공유하는 곳들이 많아지고 있는 것 같습니다.

구글 무료 아이콘

http://platum.kr/archives/29362


무료 아이콘

http://designbeep.com/2014/11/04/free-download-iconomous-100-outlined-icons/



3. 분석툴

블로그 서비스, 홈페이지 제작 툴 중에는 보통 컨텐츠에 대한 유입량을 분석할 수 있는 기능을 제공하기도 합니다. 하지만 직접 제작한 사이트나 이벤트 페이지의 경우 이러한 분석툴을 직접 하나부터 열까지 개발하기에는 추가적으로 개발해야하는데, 이를 보조해줄 수 있는 좋은 분석 툴로는 구글에서 제공하는 구글 애널리틱스 같은 서비스가 있습니다.


http://google.com/analytics

회원가입 후 사이트 도메인을 추가하면 인식코드가 출력되는데 해당 코드를 직접, 혹은 사이트 개발자에게 요청하셔서 사이트에 삽입해주시면, 방문자, 유입경로 분석 등 간단한 분석에서부터 이벤트 설정까지 실시간 방문자 분석 등의 기능또한 이용하실 수 있습니다.


https://www.google.com/webmasters

구글 마스터는 사이트와 관련하여 최신 이벤트 및 구글 서비스와의 연동된 경우 연동된 기능과 관련하여 최신 상태를 확인할 수 있는 기능을 제공하며, 구글 검색에서 운영중인 사이트로 어떤 키워드 검색을 통해 유입 되는지, 외부 사이트에서의 URL 링크 경로 등에 대한 분석 정보를 제공해주며, HTML 및 모바일 사용편의성과 관련하여 개선할 사항을 알려주기도 합니다.





신고
Trackback 0 and Comment 0