intropage blog

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

Article Category

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

Recent Comment

Recent Trackback

Calendar

«   2017/11   »
      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

  • Total2,042
  • Today0
  • Yesterday5

intropage에서는 Team 정보를 콘텐츠와는 별도로 만들 수 있도록 구성되어 있습니다.

인트로 페이지는 싱글페이지 기반 홈페이지를 제공하는데, 이러한 특징은 기관/팀을 부각시키기보다는 활동 정보, 경험 등을 중심으로 보다 세밀한 정보를 입력하고, 사이트로 제작하게 하는 것이 방문자로 하여금 콘텐츠에 대한 집중력을 높인다고 생각하기 때문입니다.

이를 위해 팀 정보를 팀 기능을 통해 만들고, 연관된 페이지의 활성화 단계에서 연관된 팀을 검색을 통해 연결할 수 있는 기능을 제공합니다.

로그인 후, 오른쪽 화면에서 Team info를 선택한 후, 오른쪽 화면에서 팀 추가하기를 누르면 하단에 팀명 검색창이 나타납니다. 이곳에 원하는 팀명을 입력후 검색 버튼을 누르면, 해당 팀명이 있으면 기존 생성된 팀 정보를 확인할 수 있는 링크가 나오며, 없을 경우 팀 만들기 버튼을 클릭합니다.

이후 출력된 모달창에서 팀의 활동분야와 소개글을 입력하면, 팀 페이지가 생성됩니다.

팀 정보가 정상적으로 저장되었다면, Team info 메뉴에서 생성된 팀정보를 확인할 수 있으며, 팀명을 클릭하면 세부 팀 정보를 확인할 수 있는 페이지로 이동합니다.

이 곳에서 인트로페이지에 가입한 사용자를 팀원으로 추가할 수 있으며,
팀과 연관된 프로젝트의 페이지 활성화 단계에서 연관된 팀에 새롭게 생성한 팀의 정보를 입력하면, 추가할 수 있습니다.



신고
Trackback 0 and Comment 0

안녕하세요. 

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

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

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

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
prev Prev : [1] : [···] : [5] : [6] : [7] : [8] : [9] : Next next