<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Metabrain &#187; wordpress</title>
	<atom:link href="http://www.metabrain.com/tag/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.metabrain.com</link>
	<description>Web-Based Software &#38; Interaction Design Company</description>
	<lastBuildDate>Fri, 03 Feb 2012 09:01:39 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Soomdo</title>
		<link>http://www.metabrain.com/soomdo/</link>
		<comments>http://www.metabrain.com/soomdo/#comments</comments>
		<pubDate>Tue, 03 Jan 2012 05:04:44 +0000</pubDate>
		<dc:creator>Kang Min Goo</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[corporate]]></category>
		<category><![CDATA[metapresso]]></category>
		<category><![CDATA[soomdo]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.metabrain.com/?p=486387</guid>
		<description><![CDATA[도심 속에서 자연과 사람이 서로 공존할 수 있는 생태적 라이프스타일에 관심이 있는 분들은 숨도와 함께 하세요.]]></description>
			<content:encoded><![CDATA[<p>대한불교협회에서 진행하는 문화공간 숨도의 사이트를 오픈 하였습니다. 바쁜 일상 속에 다양한 문화 체험으로 한숨 쉬며 마음의 양식을 쌓는 공간으로 재미있는 숨도의 거주자 들과 문화를 즐기세요</p>
<h4>사이트 · 기획 방향</h4>
<p><span style="color: #ff5f11">문화공간 숨도</span><br />
숨도를 웹사이트를 기획하면서 가장 중요했던 기획 포인트는 공간과 이야기였습니다. 물론 디자인 방향으로써 공간에 대한 표현을 많이 했지만, UI상의 구조적인 공간 표현에 있어서도 많은 노력을 하였습니다. 또한 기존 숨도 카페에서 운영하던 콘텐트를 이전 하는 사이트 이다보니 기존 콘텐트에 대한 파악도 빠질수 없는 절차였습니다. 일하는 내내 즐거웠던 숨도 사이트. 완료 후에도 기분좋은 사이트로 자주 방문 하게 될것 같습니다.</p>
<p><img src="http://www.metabrain.com/files/2012/01/mb-Soomdo_017.jpg" alt="" width="675" height="740" class="alignnone size-full wp-image-486418" style="margin-top:20px" /></p>
<h4>디자인 방향</h4>
<p><span style="color: #ff5f11">숨도의 철학과 이야기가 담아있는 공간</span><br />
전통과 현대, 추상과 형상의 경계를 표현한 문하공간 숨도의 서비스 철학을 기반으로, 숨도의 이야기를 만들어 내는 작은 일러스트 요소들과 폰트타입 그리고 공간의 미를 부각시키며 은유적인 숨도의 이야기들과 메세지를 명확히 전달 할 수 있는 화이트톤의 밝은 룩엔필 스타일로 작업을 진행하였습니다.</p>
<p><img src="http://www.metabrain.com/files/2012/01/mb-Soomdo_032.jpg" alt="" width="675" height="760" class="alignnone size-full wp-image-486434" style="margin-top:20px" /></p>
<p><img src="http://www.metabrain.com/files/2012/01/mb-Soomdo_041.jpg" alt="" width="675" height="760" class="alignnone size-full wp-image-486435" /></p>
<h4>개발 방향</h4>
<p>WordPress 3.3 최신버전이 적용 된 사이트이며 워드프레스 기본기능을 최대한 충실히 활용하여 사이트 속도 개선을 위한 다양한 노력이 접목된 사이트 입니다.<br />
또한 WordPress 3.3  워드프레스 테마가 접목되어 좀 더 편리하고  간편한 사이트의 관리가 돋보이는 사이트 입니다.<br />
그리고  대쉬보드 Fly-out 표현, 어드민바의 간소화, 업로드의 편리함등 WordPress 3.3 의 편리함을 만끽할 수 있는 사이트 입니다.<br />
<img src="http://www.metabrain.com/files/2012/01/mb-Soomdo_05.jpg" alt="" width="675" height="740" class="alignnone size-full wp-image-486424" style="margin-top:20px" /></p>
<p><a href="http://www.metabrain.com/files/2012/01/mb-Soomdo_061.jpg"><img src="http://www.metabrain.com/files/2012/01/mb-Soomdo_061.jpg" alt="" width="675" height="760" class="alignnone size-full wp-image-486429" /></a></p>
<h4>주요 기능</h4>
<p>1) 멀티 사이트 : 추후 생성될 수 있는 사이트를 예산하여 하나의 플렛폼으로 관리할 수 있는 멀티 사이트로 구축 하였습니다.<br />
2) 소셜 미디어 연계 : 공유하고 싶은 포스트와 페이지를 바로 가져갈 수 있게 페이스북과 공유 가능하도록 개발 하였습니다.<br />
3) Picasa 연계 : Picasa에 등록된 이미지를 어느 포스트에서든 사용 할 수 있도록 구축 하였습니다.<br />
4) Mailing System : 메일 수집 및 관리, 발송까지 한번에 되는 기능을 추가하여 생선되는 콘텐트를 발행하도록 하였습니다.<br />
5) Disqus : 소셜댓글 서비스 Disqus를 사용하였습니다.<br />
6) SEO 강화 : 제품 홍보 사이트로써의 역할을 다하기 위해 SEO를 강화하였습니다.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.metabrain.com/soomdo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Prorance</title>
		<link>http://www.metabrain.com/prorance/</link>
		<comments>http://www.metabrain.com/prorance/#comments</comments>
		<pubDate>Thu, 01 Dec 2011 10:52:38 +0000</pubDate>
		<dc:creator>Gilha Lee</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[corporate]]></category>
		<category><![CDATA[metapresso]]></category>
		<category><![CDATA[wesite]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.metabrain.com/?p=486141</guid>
		<description><![CDATA[세계에서 인정받는 국내 화장품 브랜드 '프로랑스' 사이트 입니다.]]></description>
			<content:encoded><![CDATA[<p>2000년 3월에 런칭한 프로랑스 화장품은<strong> ‘멋 속에 기능이 담긴 화장품’</strong>이라는 컨셉을 가진 메이크업 전문 브랜드 입니다.<br />
약 800여가지의 아이템을 개발하여 국내에서도 점점 그 제품력을 인정받고 있으며 2011년 현재 해외 20여개국에 수출하여 대한민국의 우수한 화장품을 세계 각국에 알리는 <strong>미의사절단</strong>으로서의 역할도 수행하고 있습니다.</p>
<h4>사이트 · 기획 방향</h4>
<p><span style="color: #ff5f11">Prorance</span><br />
많은 제품 과 제품군을 네비게이션에 모두 소화하는 구성을 만들었으며 블로그에서 운영하는 콘텐트를 접목하여 단순 제품홍보 사이트가 아닌 브랜드 인지도를 올릴 수 있는 사이트로 제작되었습니다. 또한 활발한 페이스북 활동을 어필하는 사이트로 구성하였으며 별도 운영 중이던 네이버 카페로 이동이 가능한 경로도 열어 두었습니다.</p>
<p><a href="http://www.metabrain.com/prorance/mb-prorance_01/" rel="attachment wp-att-486149"><img class="alignnone size-full wp-image-486149" src="http://www.metabrain.com/files/2011/11/mb-Prorance_01.jpg" alt="" width="675" height="659" /></a></p>
<h4>디자인 방향</h4>
<p><span style="color: #ff5f11">고급스럽고 심플한 브랜드 웹사이트 아이덴티티 구축</span><br />
프로랑스의 고급스럽고 세련된 이미지를 은은한 화이트실버/블랙의 컬러톤과 심플한 레이아웃을 통해 프로랑스만의 브랜드 아이덴티티를 부각시키고자 하였으며, 제품과 모델 이미지를 메인 슬라이더 영역에 전면 부각시켜 기능과 감정요소를 함께 연출하는 스타일로 디자인 되었습니다.</p>
<p><img class="alignnone size-full wp-image-485816" src="http://www.metabrain.com/files/2011/11/mb-Prorance_03.png" alt="" width="675" height="494" /><br />
또한 모바일과 영문 사이트에서도 일관성있는 룩엔필과 정보 접근성을 고려하여, 시각적으로 명확하게 주요 영역을 구분하는데 주안점을 두고 고객의 편의를 도모할 수 있도록 디자인 작업을 진행하였습니다.</p>
<p><img src="http://www.metabrain.com/files/2011/11/mb-Prorance_066.png" alt="" width="675" height="626" class="alignnone size-full wp-image-486177" /></p>
<h4>개발 방향</h4>
<p>WordPress 버전이 업데이트 되면서 예전에 시도 안했던 사안들에 대해 좀더 편의성을 주고자 많은 노력을 하였습니다. 베너영역을 관리자가 직접 추가 삭제 할수 있도록 바꾼 부분이라던지 사이트 속도 개선을 위한 노력 등 다양한 시도가 접목된 사이트 입니다.<br />
그리고 RWD를 적용하여 모바일 브라우저에 최적화된 사이트로 제작하였습니다.</p>
<p><img class="alignnone size-full wp-image-485817" src="http://www.metabrain.com/files/2011/11/mb-Prorance_05.png" alt="" width="675" /></p>
<h4>주요 기능</h4>
<p>1) 멀티 사이트 : 영문과 한글 사이트를 하나의 플렛폼으로 관리할 수 있도록 구축 하였습니다.<br />
2) 소셜 미디어 연계 : 공유하고 싶은 포스트와 페이지를 바로 가져갈 수 있게 트위터, 페이스북 등 다양한 소셜 미디어와 공유 가능하도록 개발 하였습니다.<br />
3) SEO 강화 : 제품 홍보 사이트로써의 역할을 다하기 위해 SEO를 강화하였습니다.<br />
4) 모바일 최적화를 위해 RWD를 적용하여 모바일에서도 잘 볼 수 있는 사이트로 구축하였습니다.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.metabrain.com/prorance/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>오늘날 인터넷 웹 서비스를 누가 이끌고 지배하고 있는지를 지형지도로 한눈에 살펴 보세요.</title>
		<link>http://www.metabrain.com/metabrain-tweekly-report-vol75/</link>
		<comments>http://www.metabrain.com/metabrain-tweekly-report-vol75/#comments</comments>
		<pubDate>Tue, 04 Oct 2011 01:38:31 +0000</pubDate>
		<dc:creator>Myung Oh</dc:creator>
				<category><![CDATA[Issue]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Theme]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.metabrain.com/?p=485831</guid>
		<description><![CDATA[CSS3 작업 그룹에서 현재 논의되고 있는 흥미로운 이슈와 오늘날 인터넷 웹 서비스를 누가 이끌고 있는지를 살펴볼 수 있는 지형지도, 그리고 컬러감이 뛰어난 웹사이트와 함께 주목 받을 수 있는 멋진 페이스북 프로파일 디자인도 감상해 보세요.]]></description>
			<content:encoded><![CDATA[<h4>Web 2.0 Map</h4>
<p>오늘날 인터넷 웹 서비스를 누가 이끌고 지배하고 있는지를 지형지도로 한눈에 살펴 보세요.</p>
<p><a href="http://map.web2summit.com/#t" target="_blank"><img class="alignnone size-full wp-image-485835" src="http://www.metabrain.com/files/2011/09/web2.0_map.jpg" alt="web 2.0 Map" width="675" height="384" /></a></p>
<h4>27 Examples of Color Usage in Web Design</h4>
<p>다양한 컬러로 보는이의 감정을 자극하며 디자이너들에게도 신선한 영감을 줄 수 있는 27가지 웹사이트를 소개합니다.</p>
<p><a href="http://webdesignledger.com/inspiration/27-examples-of-color-usage-in-web-design"><img class="alignnone size-full wp-image-485841" src="http://www.metabrain.com/files/2011/09/theme.jpg" alt="27 Examples of Color Usage in Web Design" width="675" height="349" /></a></p>
<h4>Exclusive preview of the hottest CSS specs</h4>
<p>최근 CSS 작업 그룹에서 가장 뜨겁게 논의되고 있는 흥미로운 CSS3 이슈입니다.</p>
<p><a href="http://www.netmagazine.com/features/exclusive-preview-hottest-css-specs" target="_blank"><img class="alignnone size-full wp-image-485833" src="http://www.metabrain.com/files/2011/09/hottest_css.jpg" alt="Exclusive preview of the hottest CSS specs " width="675" height="376" /></a></p>
<h4>This Is What You Can Do To Your Facebook Profile</h4>
<p>페이스북 프로파일 디자인의 응용 &#8211; 여러분도 이렇게 만들면 주목 받을 수 있습니다.</p>
<p><a href="http://www.topdesignmag.com/this-is-what-you-can-do-to-your-facebook-profile/?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed%3A+topdesignmagazine+%28Top+Design+Magazine+-+The+best+place+for+web+design+and+digital+content%29&amp;utm_content=Google+Reader" target="_blank"><img class="alignnone size-full wp-image-485832" src="http://www.metabrain.com/files/2011/09/facebook.jpg" alt="This Is What You Can Do To Your Facebook Profile" width="675" height="349" /></a></p>
<h4>HTML5 File Uploads with jQuery</h4>
<p>드래그 앤 드롭으로 파일을 올리는 jQuery 플러그인 &#8216;Upload Center&#8217;로 HTML5 웹앱을 만들어 보세요.</p>
<p><a href="http://tutorialzine.com/2011/09/html5-file-upload-jquery-php/" target="_blank"><img class="alignnone size-full wp-image-485834" src="http://www.metabrain.com/files/2011/09/upload_center.jpg" alt="HTML5 File Uploads with jQuery" width="675" height="232" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.metabrain.com/metabrain-tweekly-report-vol75/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ecotique</title>
		<link>http://www.metabrain.com/ecotique/</link>
		<comments>http://www.metabrain.com/ecotique/#comments</comments>
		<pubDate>Fri, 30 Sep 2011 01:34:26 +0000</pubDate>
		<dc:creator>Park Yeon Kyu</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[corporate]]></category>
		<category><![CDATA[metapresso]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.metabrain.com/?p=485809</guid>
		<description><![CDATA[오렌지 오일로 새로운 친환경 세제를 개발해낸 에코띠끄 사이트 입니다.]]></description>
			<content:encoded><![CDATA[<p>Ecotique는 이제까지 친환경 세제로 많이 알려진 베이킹소다, 알코올, 구연산 등과는 다른 천연 오렌지 오일로 새로운 친환경 세제 제품을 출시하여 기존의 세정력 문제에 대한 해법을 발견했습니다. 제품에 대한 자세한 내용과 이벤트, 관련 뉴스, 관련 블로그를 워드프레스의 장점을 백배 활용하여 구축한 사이트 입니다.</p>
<h4>사이트 · 기획 방향</h4>
<p><span style="color: #ff5f11"> 친환경 브랜드 Ecotique</span><br />
Ecotique 사이트 에서 가장 중요한 점은 제품을 어떻게 잘 보여주느냐 하는 고민이였습니다. 물론 제품의 탄생배경 또한 중요했고 사용자에게 제품에 대한 이해와 보기쉬운 설명을 제공하기 위해 가독성을 높이고 제품 사진을 크게 배치하여 제품 홍보에 가장 큰 주안점을 두었습니다.<br />
또한 새롭게 출시하는 제품인 만큼 SEO를 강화하여 구축하였으며 각종 SNS 연계와 소셜 댓글 서비스를 활용하여 최신 트랜드에 맞는 사이트로 제작 하였습니다.</p>
<p><img class="alignnone size-full wp-image-485811" src="http://www.metabrain.com/files/2011/09/00_Main.png" alt="" width="675" height="603" /></p>
<h4>디자인 방향</h4>
<p><span style="color: #ff5f11"> 에코띠끄가 있는 깨끗한 공간!</span><br />
제품의 실사 이미지컷과 자연친화적인 브랜드 아이덴티티를 전달할 수 있는 그래픽 요소를 병합 활용함으로서 자유롭고 유연적인 깨끗한 브랜드 룩엔필을 전달해 줄 수 있는 웹사이트 디자인을 진행하였습니다.</p>
<p><img class="alignnone size-full wp-image-485816" src="http://www.metabrain.com/files/2011/09/00_Main_1.png" alt="" width="675" height="603" /><br />
사이트 전반적으로 그린톤의 컬러와 잎사귀를 사용하여 에코띠끄만의 브랜드 아이덴티티를 살리며 친환경의 분위기를 연출하도록 하였으며 메인부터 제품소개쪽까지 자유로운 공간의 느낌을 살리도록 하였습니다.<br />
시원한 타이포의 사용과 사이트 전반적으로 가독성에 중점을 두었으며 디자인 요소에서 친환경 테마를 놓치지 않도록 하였습니다.</p>
<p><img class="alignnone size-full wp-image-485817" src="http://www.metabrain.com/files/2011/09/A03_brandStory1.png" alt="" width="675" height="733" /></p>
<p><img src="http://www.metabrain.com/files/2011/09/B01_dishwashing.png" alt="" width="675" height="1215" class="alignnone size-full wp-image-485818" /></p>
<h4>개발 방향</h4>
<p>에코띠끄 사이트의 기능적인 부분은 워드프레스의 기본기능을 최대한 활용하여 구축했지만 디자인을 표현하기 위한 퍼블리싱팀의 노력이 더욱 돋보이는 사이트 이기도 합니다.<br />
배경과 콘텐트 영역의 자연스러운 구분 처리, 메인 비주얼을 대신한 제품이 롤링되는 스크립트, 처음 접속자에게 에코띠끄의 컨셉을 알려줄 인트로 페이지 등 워드프레스 테마로의 가능성을 확인해 볼 수 있는 사이트였습니다.</p>
<p><img class="alignnone size-full wp-image-485815" src="http://www.metabrain.com/files/2011/09/C01_blogList.png" alt="" width="675" height="868" /></p>
<h4>주요 기능</h4>
<p>1) SEO 최적화 : Google, bing 등 검색 엔진에 웹 사이트 및 포스트 내용을 검색 엔진에 잘 노출 될 수 있도록 SEO 기능을 제공합니다.<br />
2) 소셜 미디어 연계 : 공유하고 싶은 포스트와 페이지를 바로 가져갈 수 있게 트위터, 페이스북 등 다양한 소셜 미디어를 제공하며 국내 소셜미디어 서비스인 다음의 요즘, 네이버의 미투데이도 공유 가능하도록 개발 하였습니다.<br />
3) 소셜 댓글 활용한 이벤트 : 소셜댓글 서비스를 접목하여 특별한 로그인 없이 자신의 SNS 계정으로 댓글을 남기고 더불어 각 SNS로 포스팅하는 구조로 구축하였습니다.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.metabrain.com/ecotique/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>O2Jam Analog</title>
		<link>http://www.metabrain.com/o2jam-analog/</link>
		<comments>http://www.metabrain.com/o2jam-analog/#comments</comments>
		<pubDate>Wed, 10 Aug 2011 04:03:28 +0000</pubDate>
		<dc:creator>Park Yeon Kyu</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[corporate]]></category>
		<category><![CDATA[metapresso]]></category>
		<category><![CDATA[O2Jam]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.metabrain.com/?p=485642</guid>
		<description><![CDATA[안드로이드 기반 모바일 리듬액션게임의 선두주자 O2jam Analog를 소개합니다.]]></description>
			<content:encoded><![CDATA[<p>O2Jam은 국내 리듬액션 게임의 선두주자로 자리매김 해 왔으며 이번 8월 1일을 O2jam Analog를 오픈하여 PC로만 즐기던 O2jam을 안드로이드 기반의 모바일폰 에서 즐길 수 있도록 개발되었습니다.<br />
유저들의 반응이 뜨거운 가운데 얼만큼 성장할 지 기대됩니다.</p>
<h4>사이트 · 기획 방향</h4>
<p><span style="color: #ff5f11"> 널리 알려라! O2Jam! </span><br />
기존 게임사이트들은 게임소개 및 사용자 커뮤니티에 치중하여 짜여진 틀 안에서만 정보를 공유하고 소급했습니다.<br />
그리고 국내 사용자만 고려한 환경과 기능만을 생각하여 무거운 플레쉬,또는 불필요한 Active X 설치 등으로 시대에 뒤떨어 지는 사이트를 제공해 왔습니다.<br />
&#8220;국내 게임 런칭하는데 국내 사용자만 고려하면 되지 않아?&#8221; 라는 안일한 생각은 이제 버려야 할 때입니다.</p>
<p>WordPress로 제작된 O2jam Analog는 보다 진보된 사이트로 표준화 코딩을 통해 모든 브라우저를 지원하며 모바일 게임인 만큼 모바일환경에서도 잘 보이도록 제작하였으며 국내에서 서비스 하는 인기 SNS서비스들을 연계하여 보다 양질의 콘텐트를 확산 할 수 있으며 국내 정서에 맞는 커뮤니티 게시판을 개발, WordPress에 적용 시킨 좋은 사례입니다.</p>
<p><img class="alignnone size-full wp-image-485645" src="http://www.metabrain.com/files/2011/08/O2Jam_Main_1.jpg" alt="" width="675" height="675" /></p>
<p><img class="alignnone size-full wp-image-485646" src="http://www.metabrain.com/files/2011/08/O2Jam_Main_2.jpg" alt="" width="675" height="675" /></p>
<h4>디자인 방향</h4>
<p><span style="color: #ff5f11"> 튀어나와라! O2Jam! </span><br />
O2Jam의 직접적인 게임 요소인 블럭, 섬광, 음표, 음원 배경 캐릭터들이 모바일 디바이스에서 역동적으로 튀어나오는 느낌을 표현함으로서, 리듬게임이 가지고 있는 어디로 튈지 모르는 긴장감의 재미와 안정적인 정보 가독성에 초점을 둔 스타일로 디자인 되었습니다.</p>
<p>사이트 전체적으로 사선의 그리드를 사용하여 긴장감과 재미를 주도록 하였으며 각 카테고리마다 특징을 살린 튀어나올듯 한 오브제들을 배치하여 O2Jam 만의 비주얼 아이덴티티를 살리도록 하였습니다. 각 콘텐트는 확장성과 가독성에 중점을 두어 디자인, 제작하였습니다.</p>
<p><img class="alignnone size-full wp-image-485647" src="http://www.metabrain.com/files/2011/08/O2Jam_Main_3.jpg" alt="" width="675" height="675" /></p>
<p><img class="alignnone size-full wp-image-485648" src="http://www.metabrain.com/files/2011/08/O2Jam_Sub_1.jpg" alt="" width="675" height="866" /></p>
<h4>개발 방향</h4>
<p>O2jam 프로젝트를 처음 시작하고 가장 큰 걱정은 국내 정서에 맞는 게시판을 개발하는 것이였습니다. 기존 게임사이트들의 큰 틀을 벗어나지 않는 선에서 기능들을 구현해야 했기에 WordPress라는 특성을 보존하며 작업하기는 결코 쉽지만은 않았습니다. 단순 게시판을 붙이는 작업이 아닌 관리자에서 게시판 생성, 유형관리 등 다양한 기능을 제공해 주고자 많은 노력을 했습니다.</p>
<p><strong>Meta Board 의 장점</strong><br />
- 관리자에서 게시판 생성 후 Post에 Short-code 로 추가하여 보다 간편하게 사용할 수 있음.<br />
- 비밀글쓰기, 비회원 글쓰기, 댓글 등 국내 게시판 기능에 뒤떨어지지 않도록 구현.</p>
<p><img class="alignnone size-full wp-image-485644" src="http://www.metabrain.com/files/2011/08/O2Jam_Sub_3.jpg" alt="" width="675" height="957" /></p>
<h4>주요 기능</h4>
<p>1) SEO 최적화 : Google, bing 등 검색 엔진에 웹 사이트 및 포스트 내용을 검색 엔진에 잘 노출 될 수 있도록 SEO 기능을 제공합니다.<br />
2) Meta Board : 다양한 기능을 내포한 일명 :한국형 게시판&#8221;을 게발하여 제공합니다.<br />
3) 음원 미리듣기 : Side Bar에 위치한 음원 미리듣기 서비스는 리듬액션 게임의 빠질수 없는 요소를 고객에게 충족해주는 좋은 사례입니다.<br />
4) 소셜 미디어 연계 : 공유하고 싶은 포스트와 페이지를 바로 가져갈 수 있게 트위터, 페이스북 등 다양한 소셜 미디어를 제공하며 국내 소셜미디어 서비스인 다음의 요즘, 네이버의 미투데이도 공유 가능하도록 개발 하였습니다.<br />
5) 소셜 댓글 활용한 이벤트 : 소셜댓글 서비스를 접목하여 특별한 로그인 없이 자신의 SNS 계정으로 댓글을 남기고 더불어 각 SNS로 포스팅하는 구조로 구축하였습니다.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.metabrain.com/o2jam-analog/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>KOHEA</title>
		<link>http://www.metabrain.com/kohea/</link>
		<comments>http://www.metabrain.com/kohea/#comments</comments>
		<pubDate>Mon, 01 Aug 2011 11:15:49 +0000</pubDate>
		<dc:creator>Gilha Lee</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[corporate]]></category>
		<category><![CDATA[metapresso]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.metabrain.com/?p=486222</guid>
		<description><![CDATA[한국의 디지털 의료 기술을 취합하여 수출하는 KOHEA사이트 입니다.]]></description>
			<content:encoded><![CDATA[<p>디지털 병원 수출 조합 KOHEA는 디지털 병원 수출산업 정착을 위한 협력체계 구축 및 국내 의료기기 산업발전을 위한 선순환 생태계 조성을 위해 힘쓰는 조합입니다. 한국의 수많은 디지털 의료 기기들을 취합하여 패키지 형태로 수출하며 국내의 다양한 기술을 보급 발전시키기 위한 조합사 입니다.</p>
<h4>사이트 · 기획 방향</h4>
<p><span style="color: #ff5f11">KOHEA</span><br />
단순 병원 홈페이지나 의료기기 사이트가 아닌 좀더 진화된 형태의 콘텐트를 소화 할 수 있는 사이트를 구축했습니다. 계속 발전중인 조합사이다 보니 계속 추가되는 메뉴를 고려하여 네비게이션을 구상했으며 조합사 가입을 위한 회원가입과 가입양식 그리고 최종적으로 제품 등록을 위한 사용자 별 권한 설정 등 다양한 기능이 들어간 사이트로 제작 하였으며 관련 사업 세미나를 주기적으로 주최하기 때문에 세미나 자료, 일정, 신청 등을 모두 진행 할 수 있는 사이트로 제작 하였습니다.</p>
<p><img class="alignnone size-full wp-image-485817" src="http://www.metabrain.com/files/2011/11/mb-KOHEA_01.png" alt="" width="675" height="878" /></p>
<h4>디자인 방향</h4>
<p>기존 KOHEA 웹사이트의 어두운 블랙톤을 벗어나 의학과 테크놀러지를 상징할 수 있는 라이트 블루 컬러와 KOHEA의 아이덴티티 색상인 레드컬러를 포인트로, 화이트 톤의 배경 위에 영역별 정보 출력이 깨끗한 느낌을 전달 해줄 수 있는 디자인 방향으로 진행하였습니다.</p>
<p><img class="alignnone size-full wp-image-485811" src="http://www.metabrain.com/files/2011/11/mb-KOHEA_02.png" alt="" width="675" height="878" /></p>
<p><img class="alignnone size-full wp-image-485816" src="http://www.metabrain.com/files/2011/11/mb-KOHEA_03.png" alt="" width="675" height="878" /></p>
<h4>개발 방향</h4>
<p>KOHEA 사이트는 다양한 요건에 맞춰 많은 플러그인과 개발이 필요했습니다. 이미지 겔러리, SNS연동, 포스트 내용 추가를 위한 커스텀필드, 유투브 연결, 피카사 연결, SEO 관련 플러그인 3개, 권한별 카테고리 관리 플러그인, 구글 통계 등&#8230; 이 많은 플러그인들과 개발 요소들을 진행 하며 각각의 기능들이 충돌나지 않도록 하는 것이 가장 중요했던 사이트 입니다.</p>
<p><img class="alignnone size-full wp-image-485817" src="http://www.metabrain.com/files/2011/11/mb-KOHEA_041.png" alt="" width="675" /></p>
<h4>주요 기능</h4>
<p>1) SEO 최적화 : Google, bing 등 검색 엔진에 웹 사이트 및 포스트 내용을 검색 엔진에 잘 노출 될 수 있도록 SEO 기능을 제공합니다.<br />
2) 소셜 미디어 연계 : 공유하고 싶은 포스트와 페이지를 바로 가져갈 수 있게 트위터, 페이스북 등 다양한 소셜 미디어를 제공 가능하도록 개발 하였습니다.<br />
3) Picasa, Youtube 연계 : 외부 서비스를 사이트에서 활용 할 수 있도록  하였습니다.<br />
4) 메일링 서비스 : 사이트 관리자에서 권한별로 메일을 보낼수 있는 기능을 추가하였습니다.<br />
5) 구글통계 연계 : 구글 통계 서비스를 관리자 사이트 내에서 확인 할 수 있도록 하였습니다.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.metabrain.com/kohea/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>KTB 투자증권 회사소개</title>
		<link>http://www.metabrain.com/ktb_company/</link>
		<comments>http://www.metabrain.com/ktb_company/#comments</comments>
		<pubDate>Sun, 13 Feb 2011 01:39:29 +0000</pubDate>
		<dc:creator>James Kim</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[corporate]]></category>
		<category><![CDATA[KTB]]></category>
		<category><![CDATA[metapresso]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://mb.mm.ensoph.com/?p=3283</guid>
		<description><![CDATA[재미있는 회사 KTB의 Fun한 회사소개 사이트 구축 ]]></description>
			<content:encoded><![CDATA[<p>KTB 투자증권 회사소개 사이트는 자유로운 디자인과 쉬운 글 관리, 소셜 플랫폼의 유연한 연동과 SEO 제공의 장점을 가진 워드프레스와 메타브레인의 구축노하우가 만난 퓨전개발 서비스인 &#8216;메타프레소&#8217;로 구축되었습니다. </p>
<h4>사이트 · 기획 방향 </h4>
<p>&#8220;KTB 투자증권&#8221;은 보통 증권사의 사이트가 가진 보수적이고 딱딱한 이미지와는 차별화된 창의적이고 재미있는 기업의 이미지를 추구하였습니다. 또한 단순한 소개 사이트가 아닌 최근의 소셜 트랜드에 맞추어 임직원을 비롯한 사용자의 참여가 가능한 열린 기업사이트 원했습니다.  </p>
<p>
&#8220;보는 사람이 재미를 느낄수 있는 KTB만의 Fun이미지를 찾되, 디자인 뿐만이 아니고 기업내의 숨어있는 콘텐트를 풍부하게 배치함으로 Fun의 이미지를 만들자. / 천편일률적인 게시판 스타일을 콘텐트에 맞게 다양화 하자. / 기업의 트위터를 관리할 수 있는 &#8216;메타프레소 포 트윗&#8217;을 제공하고, 트위터 및 페이스북의 자원을 차별화되게 노출하자.&#8221;<br />
위와 같은 방향성을 가지고 KTB 투자증권의 예술 지원, 소셜 활동, 웃끼고 재미있는 사내 이벤트 등의 콘텐트와 매치하여 디자인의 재미요소를 만들고, 대외적인 소셜 서비스 자원을 분석하여 연계방안을 제시하였습니다.
 </p>
<p><img src="http://www.metabrain.com/files/2011/03/Main.jpg" alt="" width="675" height="650" class="alignnone size-full wp-image-4764" /></p>
<h4>디자인 방향</h4>
<p><span style="color: #FF5F11">신나는 KTB 놀이터에 오신 것을 환영합니다! </span></p>
<p>KTB 투자증권의 활기차고 즐거운 기업 이미지를 사이트에 표현하기 위해 미니어쳐 느낌의 인물 이미지에 플래시 액션을 입혀 신나고 색다른 &#8220;KTB&#8221; 를 화면에 담아냅니다. </p>
<p>마치 놀이동산에 온 것 같은 화면은 다양한 표정을 가진 인물 미니어쳐와 함께 슈퍼맨, 빗자루를 타고 나는 인물 등 신비롭고 어렸을 적 한번은 꿈꿔봤을 모습으로 디자인하여 창의적인 모습과 즐거운 기업 문화를 강조하였습니다. </p>
<p>이번 프로젝트에 가장 중점을 둔  소셜 미디어 연계는, 트위터, 페이스북 등 KTB에서 활동중인 소셜 미디어 로고를 메타브레인만의 디자인 감각을 살려 제작하고 각 콘텐트 특징과 유니크한 디자인의 재미요소가 매치되어 노출되도록 디자인 되었습니다. </p>
<p><img class="alignnone size-full wp-image-4766" src="http://www.metabrain.com/files/2011/03/Sub_Company.jpg" alt="" width="675" height="672" /></p>
<h4>개발 방향</h4>
<p>이번 프로젝트의 개발관점에서 주요내용은 &#8216;소셜 미디어 연동과 언어별 사이트 분리&#8217; 이었습니다. </p>
<p>우선 소셜 미디어 연동은 페이스북의 사진앨범, 프로필의 담벼락 글을 끌고 와 각 화면 요소로 연동하는 과정을 진행하였으며 트위터의 경우는 메타브레인에서 자체 개발한 <strong>기업 트위터 관리 솔루션 &#8211; &#8216;metaPresso for Twitter&#8217;</strong>를 통해 원하는 계정의 트윗을 원하는 페이지에 보여줄 수 있도록 구성하였습니다. </p>
<p><b>Metapresso for Twitter의 강점 </b></p>
<p>- 다수의 트위터 계정을 하나의 묶음으로 관리하실 수 있습니다.<br />
- 원하는 시간에 원하는 트윗 수로 입력만 하시면 조건에 맞게 사이트에 트위터 글을 노출 시킵니다.<br />
- 여러 계정의 글을 사용자가 직접 선택하여 업데이트 할 수 있습니다.</p>
<p>또한 기존 한글 사이트에서 영문 사이트로 KTB 투자증권 회사 사이트가 추가되면서 두 개의 사이트를 &#8216;하나의 관리자&#8217;에서 운용하기 위해 <a href="http://codex.wordpress.org/Version_3.1#Multisite" target="_blank">워드프레스(wordPress)의 멀티 사이트(Multi-site)</a>로 전환하는 작업을 진행, 데이터 이관 작업과 사이트 주소 체계를 재정비하여 기존 사이트의 주소 체계에서도 페이지 이동이 원할하도록 조정하여 안전하면서 효율적인 사이트 업데이트 작업을 완료하였습니다. </p>
<p><img class="alignnone size-full wp-image-4765" src="http://www.metabrain.com/files/2011/03/sub_career.jpg" alt="" width="675" height="579" /></p>
<h4>주요 기능</h4>
<p>1) SEO 최적화: Google, bing 등 검색 엔진에 웹 사이트 및 포스트 내용을 검색 엔진에 잘 노출 될 수 있도록 SEO 기능을 제공합니다.<br />
2) 멀티사이트 구축: 하나의 관리자 페이지에서 두 개의 사이트를 관리합니다.<br />
3) 소셜 미디어 연계: 공유하고 싶은 포스트와 페이지를 바로 가져갈 수 있게 트위터, 페이스북 등 다양한 소셜 미디어를 제공합니다.<br />
4) 기업 전용 트위터 솔루션 &#8211; metaPresso for Twitter: 기업 공식사이트에서 이미지의 손실을 최소화하기 위해 사용자 선택에 따라 트윗을 노출하는 워드프레스 플러그인 입니다.</p>
<p><img class="alignnone size-full wp-image-4767" src="http://www.metabrain.com/files/2011/03/sub_ir.jpg" alt="" width="675" height="509" /></p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.metabrain.com/ktb_company/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>KTB 투자증권</title>
		<link>http://www.metabrain.com/ktb-investment-and-securities/</link>
		<comments>http://www.metabrain.com/ktb-investment-and-securities/#comments</comments>
		<pubDate>Thu, 21 Oct 2010 06:01:43 +0000</pubDate>
		<dc:creator>James Kim</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[brand]]></category>
		<category><![CDATA[corporate]]></category>
		<category><![CDATA[KTB]]></category>
		<category><![CDATA[metapresso]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://mb.mm.ensoph.com/?p=3996</guid>
		<description><![CDATA[KTB 투자증권 사이트 메인 &#38; 서브 페이지 제작]]></description>
			<content:encoded><![CDATA[<h4>사이트 기획 방향 </h4>
<p>KTB 투자증권은 국내 증권회사는 보수적이다 라는 생각과 달리 소셜 미디어 등 웹 트랜드에 빠른 대응으로 고객과의 열린 소통에 노력하고 있는 기업 이었습니다. </p>
<p>진취적이고 열려있는, 젊은 감각을 가진, 창의적이고, 열성적인 직원과 함께 나날이 커가는 중인 KTB 투자증권에겐 그에 걸맞는 웹사이트가 필요했던 것은 어찌보면 당연한 일이었습니다. </p>
<p>사이트 기획 시 가장 돋보였던  KTB 투자증권의 소셜 미디어 활동을 KTB SNS라는 이름으로 메인에 배치하여 트위터, 페이스북의 실시간 글을 한 눈에 볼 수 있도록 구성하였습니다. </p>
<p>또한 다양한 투자관련 프로그램을 고객이 별 다른 어려움 없이 찾아 사용하시도록 다운로드 링크를 메인에 전면 배치, 퀄리티 높은 아이콘 디자인과 함께 고객의 직관성을 높인 것이 특징 입니다. </p>
<p><img src="http://www.metabrain.com/files/2011/04/main1.jpg" alt="" width="675" height="509" class="alignnone size-full wp-image-3998" /></p>
<h4>디자인 방향</h4>
<p><strong><font color="#FF5F11">깊은 바다와 넓은 하늘의 블루. 그곳에서 KTB는 시작되다.</font></strong></p>
<p>딱딱한 금융 사이트의 고정관념을 버리고, 산뜻한 느낌의 금융 웹사이트 구축!<br />
이것이 KTB 투자증권 공식 사이트 기본 테마의 시작이였습니다.</p>
<p>시원하고 깊은 바다와 넓고 산뜻한 하늘, 그리고 신뢰를 내포하고 있는 블루 컬러를 KTB 웹사이트의 전체적인 배경 톤으로 적극 활용하였으며, 다소 가벼워질 수 있는 블루 컬러의 보완을 위하여 그라데이션 효과와 KTB 심볼을 패턴화한 깊이감 있는 백그라운드 아이덴티티를 만들었습니다.</p>
<p>또한 안정스러운 SNS 정보 출력(트위터, 페이스북)과 브랜드 배너 이미지 제작을 중점으로 진행 하였으며, 트위터 클라이언트 프로그램인 &#8216;Twinkle&#8217; 등 KTB 투자증권에서 제공하는 자체 프로그램을 사용자가 쉽게 찾을 수 있는 직관적인 사이트 레이아웃을 구성하였습니다. </p>
<p><img src="http://www.metabrain.com/files/2011/04/sub_research.jpg" alt="" width="675" height="509" class="alignnone size-full wp-image-3997" /></p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.metabrain.com/ktb-investment-and-securities/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Avellino Lab Web Site</title>
		<link>http://www.metabrain.com/avellino-lab/</link>
		<comments>http://www.metabrain.com/avellino-lab/#comments</comments>
		<pubDate>Thu, 21 Oct 2010 05:54:01 +0000</pubDate>
		<dc:creator>James Kim</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[avellino]]></category>
		<category><![CDATA[brand]]></category>
		<category><![CDATA[corporate]]></category>
		<category><![CDATA[metapresso]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://mb.mm.ensoph.com/?p=3976</guid>
		<description><![CDATA["Avellino" 웹 사이트 구축, 자체 개발한 메인 카운트 플러그인을 지원합니다. ]]></description>
			<content:encoded><![CDATA[<h4>사이트/기획 방향</h4>
<p>사용자에게 조금은 생소한 &#8220;아벨리노 각막 이상증&#8221;이란 희귀 질환을 연구하고 검사하는 회사였기에 베이직한 사이트 화면 구성이 가장 적합해 보였습니다.  </p>
<p>대신 메인 비주얼에 아벨리노 각막 이상증 환자 수를 표시하기 위해 자체 구현한 플러그인에 스크립트를 더해 자칫 심심할 수 있는 구성에 액티브함을 더했으며 사용자가 순차적으로 콘텐츠를 읽을 수 있고 찾기도 쉽도록 직관적인 메뉴 네비게이션으로 사이트를 구성하였습니다. </p>
<p>위 프로젝트는 워드프레스와 메타프레소의 태그 클라우드, 커스텀 필드, 갤러리 플러그인과 같은 &#8216;기본 기능&#8217;이 빛을 발한 사이트로, 기존 프로젝트 보다 &#8220;<strong>태그 클라우드</strong>&#8221; 의 활용이 돋보인 프로젝트 입니다. </p>
<p><img src="http://www.metabrain.com/files/2011/04/main.jpg" alt="" width="675" height="494" class="alignnone size-full wp-image-3978" /></p>
<h4>디자인 방향</h4>
<p>Avellino의 웹사이트는 깨끗한 실험/검사실의 데스크를 모티브로 여백미를 부각시키는 디자인 컨셉과 고급스러운 라이트그레이 컬러톤으로 심플하고 편안한 사이트 룩엔필을 유지할 수 있는 테마 방향으로 진행되었습니다. 또한, 방문자들이 희귀 질환에 대해 정보를 어렵고 복잡하게 받아들일 수 있다는 점을 감안하여 최대한 쉽고 시원하게 읽혀질 수 있는 컨텐츠 디자인에 중점을 둔 작업이였습니다.</p>
<p><img src="http://www.metabrain.com/files/2011/02/sub_agds.jpg" alt="" width="675" height="624" class="alignnone size-full wp-image-483148" /></p>
<h4>개발 컨셉 및 방향</h4>
<p>각막이상증 검사를 제공하는 &#8220;병원찾기&#8221; 메뉴 콘텐츠를 위해 커스텀필드와 태그로 지역별 병원 리스트 정보를 효율적으로 보여줄 수 있도록 구현, 갤러리 제공을 위한 플러그인 서포트를 진행하여 리스트 페이지와 팝업 페이지를 디자인에 맞도록 개발을 진행하였습니다. </p>
<p><img src="http://www.metabrain.com/files/2011/04/sub_needs.jpg" alt="" width="675" height="735" class="alignnone size-full wp-image-3977" /></p>
<h4>주요 기능</h4>
<p>1) SEO 최적화: Google Analytics 플러그인으로 서치 엔진에 가장 최적화된 SEO 기능을 제공합니다.<br />
2) Tag-Cloud: 포스트, 페이지 내용을 Tag별로 분리하여 사용자가 원하는 콘텐츠를 일일이 검색하지 않아도 선택하신 태그의 리스트를 제공합니다.<br />
3) 갤러리 플러그인 제공: 갤러리, 인증서 등의 다양한 이미지 콘텐츠를 효과적으로 보여주기 위해 갤러리 플러그인을 제공, 사이트 디자인에 맞게 플러그인을 최적화 하였습니다.<br />
&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.metabrain.com/avellino-lab/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Wordcamp 서울 2010 &#8211; 국내기업 워드프레스 구축사례</title>
		<link>http://www.metabrain.com/wordcamp2010/</link>
		<comments>http://www.metabrain.com/wordcamp2010/#comments</comments>
		<pubDate>Mon, 23 Aug 2010 06:14:14 +0000</pubDate>
		<dc:creator>Kang Mina</dc:creator>
				<category><![CDATA[Issue]]></category>
		<category><![CDATA[metapresso]]></category>
		<category><![CDATA[wordcamp]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://mb.mm.ensoph.com/?p=2660</guid>
		<description><![CDATA[지난 7월24일 워드캠프서울에서 메타브레인의 발표가 있었습니다. 이번 발표는 김경헌 개발팀장이 그간 메타브레인에서 구축한 다양한 국내기업들의 구축사례를 자세한 설명과 함께 전문가의 입장에서 워드프레스를 개인이 아닌 기업의 입장에서 어떻게 활용할 수 있는지 설명해 주었습니다.]]></description>
			<content:encoded><![CDATA[<p style="margin: 0.0px 0.0px 12.0px 0.0px; font: 13.0px Arial;"><a href="/files/2010/08/wordpress-essentials.jpg"><img class="alignnone size-full wp-image-2672" title="Wordpress Logo" src="/files/2010/08/wordpress-essentials.jpg" alt="Wordpress Logo" width="578"/></a></p>
<p style="margin: 0.0px 0.0px 12.0px 0.0px; font: 13.0px Arial;"><span style="letter-spacing: 0.0px;">지난 7월24일 워드캠프서울에서 메타브레인의 발표가 있었습니다.</span></p>
<p style="margin: 0.0px 0.0px 12.0px 0.0px; font: 13.0px Arial;"><span style="letter-spacing: 0.0px;">이번 발표는 김경헌 개발팀장이 그간 메타브레인에서 구축한 다양한 국내기업들의 구축사례를 토대로 전문가의 입장에서 워드프레스를 기업의 입장에서 어떻게 효율적으로 활용할 수 있는지 설명해 주었습니다.</span></p>
<p style="margin: 0.0px 0.0px 12.0px 0.0px; font: 13.0px Arial;"><span style="letter-spacing: 0.0px;">첫번째 단락에서 메타브레인이 왜 오픈소스로 그것도 워드프레스로 사업을 시작했는지와<br />
</span>두번째 단락에서는 크게 중소기업용 회사홍보사이트, 대기업 프로모션, 서비스 사이트 3개의 항목으로 나누어 사례 중심으로 구축시 유의할 점과 프로젝트별 특징 등을 살펴보았습니다.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="578" height="437" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://blip.tv/play/hYRCgfDqWQI%2Em4v" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="578" height="437" src="http://blip.tv/play/hYRCgfDqWQI%2Em4v" allowfullscreen="true"></embed></object></p>
<p><span style="font-family: Arial; line-height: normal;">메타브레인은 십수년간 수많은 웹사이트를 구축하면서 매번 많은 비용을 들여 새로 만드는 리소스를 줄이고 어떻게 더 범용적이고 효율적으로 웹사이트를 만들수있을까 고민하였습니다. 그러면서 찾게 된 것이 오픈소스, 그중에서도 1위의 CMS 오픈소스이면서 가장 많은 사람들이 사용하여 검증된 워드프레스 였습니다.</span>
</p>
<p style="margin: 0.0px 0.0px 12.0px 0.0px; font: 13.0px Arial;"><span style="letter-spacing: 0.0px;">처음에 중소기업 사이트부터 10여개정도 만들다가 삼성 바다(<a href="http://www.bada.com" target="_blank">http://</a><span style="text-decoration: underline;"><a href="http://www.bada.com" target="_blank">www.bada.com</a></span>)를 출발로 LG의 대학생 대상 통합 서비스인 Love Generation(<a href="http://www.lovegen.co.kr" target="_blank">http://www.lovegen.co.kr</a>/), 50여개국의 다국어 랭귀지가 포함된 삼성소셜허브 (<a href="http://socialhub.samsungmobile.com/" target="_blank">http://socialhub.samsungmobile.com/</a>), 소셜기반으로 변신을 꾀하는 코리아닷컴 영문(<a href="http://en.korea.com/" target="_blank">http://en.korea.com/</a>), 한국의 음식을 해외에 널리 알리고자 만든 한국관공공사의 Korea Taste(<a href="http://www.koreataste.org" target="_blank"><span style="text-decoration: underline;">http://www.koreataste.org</span></a>/)등을 구축하면서 워드프레스 고유의 특징을 극대화하여 고객의 요구사항을 수렴할지에 대한 보다 견고한 경험을 쌓을 수 있었습니다.</span></p>
<p style="margin: 0.0px 0.0px 12.0px 0.0px; font: 13.0px Arial;"><span style="letter-spacing: 0.0px;">이러한 구축사례를 토대로 국내기업들도 오픈소스를 활용한 기업홍보 사이트부터 웹진 또는 미디어 서비스, 참여형 커뮤니티, 나아가 커머스까지 보다 다양한 사례들이 나오길 기대해봅니다</span></p>
<p style="margin: 0.0px 0.0px 12.0px 0.0px; font: 13.0px Arial;"><span style="letter-spacing: 0.0px;">금번 캠프는 워드프레스 사용자모임에서 출발한터라 전문업체는 메타브레인만 참여하였지만 2회부터는 공식 워드캠프로 자리매김하고 본사에서도 적극 지원하고 참가한다고하니 앞으로 더욱 발전하는 워드캠프서울을 기대해봅니다.</span></p>
<div id='author_profile'><img class='author_img' src='http://www.gravatar.com/avatar/a4268930a17b1f173b187de2791f5cea&amp;default=' alt='' width='40px' height='40px' /> <p><span class='author_name'> Kang Mina</span> <br /> <span class='author_txt'>CEO / Metabrain Corporation </span></p></div> 
<div><span style="letter-spacing: 0.0px;"><br />
</span></div>
]]></content:encoded>
			<wfw:commentRss>http://www.metabrain.com/wordcamp2010/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

