일상적인 생활이 불편하신 분들에게 노인장기요양, 가사간병, 병원간병등의 서비스를 제공하는 예비사회적기업이다. 손끝사랑 서비스를 특화서비스로 진행하고 있으며, 서비스 신청, 구인구직 신청 등의 온라인 신청서비스를 제공하고 있다.

Design
– 서비스 이용 대상자의 연령층과 성별, 이용패턴을 고려하여 메뉴를 그룹핑하고 정보를 쉽게 찾을 수 있도록 가독성이 높은 디자인으로 제작하였다.
– 서비스 신청 타겟 분석에 따라 모든 메뉴를 쉽고 빠르게 확인할 수 있도록 메뉴를 탭으로 구성하고, 콘텐츠를 최대한 줄여 디자인하였다.

Technical issue
– 온라인 서비스신청기능과 구인구직 신청 기능을 제공한다.
– 사용자들이 서비스 이용중 불편을 최소하기 위하여 서비스 이용시 바로 로그인할 수 있는 레이어창 로그인 기능을 제공하고 있다.

레인보우브릿지 뮤직아카데미(Rainbow Bridge Music Academy)는 레인보우브릿지에이전시에서 운영하는 뮤직아카데미로 최고의 강사진, 체계적인 커리큘럼, 전문적인 트레이닝 시스템을 통해 많은 뮤지션들을 양성하고 있다. 레인보우브릿지 아카데미의 홍보와 커리큘럼 홍보 및 활성화를 위한 목적으로 제작되었다.

Design
– 블랙과 레드컬러, 브라운 컬러의 조화로 전체적으로 고급스러우면서도 세련된 느낌을 강조하였다.
– 아카데미의 활동사진을 메인배너로 활용하여 아카데미의 활성화와 전문성을 느낄 수 있도록 제작하였다.

Technical issue
– 메인배너의 슬라이드 액션 기능에 초점을 맞추어 진행하였다.
– 레인보우스페셜 배너를 관리자가 제어할 수 있도록 관리자기능을 개발하였으며, Youtube영상 연동, 온라인 강사지원 등의 기능을 제공하고 있다.

GCON채널(GCON CHANNEL)은 경기콘텐츠 진흥원에서 제공하는 서비스로 참여 기업들의 수요와 의견이 즉각적으로 반영될 수 있는 맞춤형 지원 서비스이다. 경기도내 기업의 우수 콘텐츠를 수급하여 다양한 브랜드 채널을 통한 콘텐츠 채널 서비스를 운영하고 있으며, 채널 유통 및 프로모션 지원을 실시하고 있다. 하이브리드 앱 개발을 함께 진행하였다.

Design
– 직관적인 그리드에 맞춰 UI를 구성하여 전달하고자 하는 콘텐츠가 명확하게 표현되며, 원하는 정보에 쉽고 빠른 접근이 가능하다.
– 가독성이 높은 카테고리 분류와 썸네일형 리스트의 사용, 페이징 대신 더보기 기능을 활용하는 등 영상정보를 피로감 없이 즐겁게 활용할 수 있는 재미 요소들을 곳곳에 가미하였다.

Technical issue
– 콘텐츠의 통합 검색을 지원하여 원하는 정보로 쉽게 접근할 수 있도록 제작하였다.
– 독립 스트리밍을 통해 안정적으로 콘텐츠를 제공하고 영상정보와 기업정보도 한 페이지에서 확인할 수 있도록 제작하였다.

라이프시드는 아이들에게 안전하고 편안한 돌봄환경과 양질의 보육서비스를 제공하는 돌봄 소셜벤처이다. 라이프시드의 전문적인 육아보육서비스를 홍보하고, 편리한 온라인신청서비스 제공을 통하여 서비스를 활성화를 위해 홈페이지를 제작하였다.

Design
– CI의 그린과 민트 컬러를 주요컬러로 활용하여 전체적인 컬러를 구성하여 평화롭고 신뢰감있는 느낌을 주었다.
– 다양한 색감을 가진 기하학적 도형들로 비주얼 영역으로 포인트를 주었으며 모든 정보를 쉽게 확인할 수 있도록 세로길이를 통일화하고 콘텐츠를 도식화하였다.

Technical issue
– ‘시드돌봄서비스’와, ‘라이프교육서비스’의 온라인 신청을 지원한다. 서비스의 제공과 이용의 특이성을 온라인 프로세스로 녹여 최대한 효율적이고 편리하게 신청하고 관리할 수 있도록 UI/UX를 설계하였다.
– 유선상의 변경이나 신청이 많아 회원과 서비스신청자의 정보에 메모를 남겨 History를 관리할 수 있는 기능을 추가로 개발하였다.

DMZ국제다큐멘터리영화제는 DMZ의 ‘평화, 소통, 생명’의 가치를 알리고자 개최된 영화제이다(전 세계 37 개국 115편으로 구성된 양질의 다큐멘터리 상영). 제5회 DMZ국제다큐멘터리영화제는 기존 레이아웃을 유지하며 컨셉에 맞게 리뉴얼이 진행되었다. 새롭게 제작되어진 브랜드를 웹사이트에 반영하는 작업이 가장 큰 변화이다.

Design
– 브랜드 컬러인 Orange / Purple를 활용하여 영화제의 색깔을 잘 나타내었다.
– 사용자와 콘텐츠 관리자 이용의 용이성에 중점을 맞추어 UI/UX를 구현하였다.

Technical issue
– 프로그램 소개와 티켓예매 기능이 가장 큰 개발 이슈였다. 많은 양의 콘텐츠를 관리자가 효율적이고 편리하게 관리할 수 있는 AdminUX를 고안하였다.

KSD 문화갤러리는 한국예탁결제원 여의도 본원의 로비에 조성된 공간이다. 매년 다양한 전시회가 개최되어 문화예술인의 인큐베이터 기능을 하고 있다. KSD갤러리와 전시정보를 소개하는 목적으로 제작되었다.

Design
– 절제된 표현과 그린, 블루계열의 컬러사용으로 차분하고 깔끔한 느낌을 준다. 일반적인 사이트에 비해 사이드메뉴 영역은 좁게, 컨텐츠 영역은 넓게 레이아웃을 구성하였다. 이는 작가들의 작품에 사용자가 더 집중할 수 있게 하려는 의도로 디자인 되었다

Technical issue
– 갤러리 전시정보를 현재·예정·지난전시를 제공하며, 소장미술품 온라인 전시 기능도 함께 제작하였으며, PDF도록보기와 전자도록 기능을 제공한다.
– 웹 접근성을 고려하여 홈페이지 글자 크기를 조절할 수 있는 기능을 제공한다.

‘카페드롭탑(Cafe Droptop)’은 국내 프랜차이즈 커피브랜드로 커피문화를 즐길 수 있는 ‘편안한 공간’에 주안점을 두고, 그 속에서 최상의 맛과 서비스를 담아내며 새로운 커피 프랜차이즈 시장을 개척해 나가고 있다. 

다양한 디바이스에 대한 웹서비스를 최적화하기위하여 반응형 웹으로 제작되었으며 모바일 웹 개발과 동시에 진행하였다.

Design
– 카페드롭탑 웹사이트는 사용자 및 관리자의 환경을 고려한 반응형웹으로 개발해 다양한 디바이스에 맞춰 웹서비스를 최적화하였다.

Technical issue
– POS연동 및 멤버십 기능 보완과 Event관리 메뉴 구축으로 CRM활용을 위한 기반을 구축하였다.
– 이원화(CI홈페이지, 멤버십)된 홈페이지를 통합개발함으로서 사용과 관리의 불편함을 개선하였다.
– 개인정보 보호법 단속(2012.03.30 본격시행)에 대응하여 개인정보 보호법 준수 개발하였다.

고양사회적기업지원센터(GOYANG Social Enterprise Support Center)는 부족한 사회서비스와 기업의 사회공헌활동을 일자리 창출로 연결하고, 방송영상 특화분야를 중심으로 소셜벤터를 발굴하고 사회적기업을 육성하는 곳이다. 지원센터를 홍보하고 사회적기업에 관한 정보 제공을 목적으로 홈페이지를 제작하였다.

Design
– 고양사회적기업지원센터의 CI로고의 메인컬러인 오렌지컬러를 활용하여 활기차고 따뜻한 느낌으로 제작하였다.
– 가독성이 높은 폰트와 배경컬러를 사용하여 가독성을 높이고, 콘텐츠의 도식화를 통해 쉬운 정보전달을 도모하였다.

Technical issue
– 기업명, 업종별, 분류별 사회적기업 검색 기능을 제공하여 정보확인과 기업정보관리를 용이학
– 프로보노지원과 신청을 온라인으로 접수할 수 있도록 제작하여 프로보노사업을 활성화하고자 하였다.
– 협의회 회원만을 위한 게시판 서비스를 제공한다.

온디자인에서 비영리기관을 위한 웹서비스 프로보노활동을 기획했으며 그의 첫번째 프로젝트로 비영리기관들을 위한 무료뉴스레터 서비스를 개발하였다. ’10분만에 클릭만으로 완성되는 뉴스레터’라는 컨셉으로 진행하였으며 몇 번의 클릭만으로 뉴스레터의 디자인, 뉴스제작, 발송까지 이용가능한 서비스를 서비스를 신청한 기관들에게 인증을 통해 오픈하고 있다.

Design
– 온디자인의 대표컬러인 오렌지 컬러를 사용하여 온디자인과 일관성있는 브랜드아이덴티티를 강조하였으며, 아이콘과 도식화를 통한 설명으로 사용자들의 쉬운 이해를 도모하였다.
– 뉴스레터 디자인은 아동/청소년/교육, 노인/장애인/복지, 여성/외국인/시민단체, 기타 총 4 카테고리로 나누어 30개의 뉴스레터 템플릿 디자인을 제공한다.
– 페이지별 풍선 도움말을 통해 쉽게 프로세스를 따라올 수 있도록 유도하였다.

Technical issue
– 기사의 내용과 특징에 따라 텍스트 박스의 개수를 작성자가 조정할 수 있도록 개발하였으며, 작성중 컬러피커와 다른 스킨 적용기능을 지원하여 디자인을 제작이 용이하게 개발하였다.
– 주소록 관리에서 회원정보를 쉽게 등록하고 관리할 수 있으며, 메일 수신거부와 SNS연동기능도 함께 제공한다

탐앤탐스(TOMNTOMS)는 오리지널 스페셜 티 커피전문점 브랜드로 고품격 커피와 갓 구운 프레즐, 좋은 사람들이 함께 하는 편안한 분위기로 대한민국을 비롯한 전 세계에서 사랑받고 있는 프렌차이즈 기업이다. 탐앤탐스 아카데미를 통해 바리스타 교육을 실시하고 있으며 커피마스터과정을 합격한 수강생들을 탐앤탐스바리스타로 채용하고 있다.

Design
– 편안한 문화공간이라는 탐앤탐스의 가치를 디자인으로 통해 표현할 수 있도록 고안하였다.
– 손그림일러스트, 캘리느낌의 폰트, 탐앤탐스 느낌의 도식화 등을 통해 탐앤탐스 고유의 아이덴티티를 강조하고 CI사이트와 통일성을 부여하였다.

Technical issue
– 교육과정의 모든 콘텐츠를 관리자 페이지에서 관리할 수 있도록 제작하였다.
– 교육신청, 자격검정의 온라인 신청기능을 제공하며, 자격검정의 신청양식을 수험표로 활용할 수 있는 기능을 개발하였다.

하품(Hapoom)은 컬쳐인프라를 기반으로 아티스트의 창작활동을 지원하고 지역주민의 문화체험 기회를 제공하여 사회적가치를 창출하는 Art Platform Company이다. 이번 위티켓닷컴(홍대티켓닷컴)은 홍대의 인디밴드 사업을 활성화하기 위하여 홍대공연티켓을 판매하는 쇼핑몰을 제작하였다.

Design
– 하품의 CI인 라임컬러를 메인컬러로 제작하여 하품의 패밀리사이트와 통일성을 부여하였다.
– 그리드형 레이아웃을 통해 사용자들이 쉽게 원하는 상품을 찾을 수 있도록 UX를 설계하였다.

Technical issue
– 고도몰의 일반쇼핑몰을 티켓쇼핑에 맞춰 전체적으로 커스터마이징 하였다.
– 자동검색기능, 연관검색기능을 제공하며 회원들의 조회수에 따라 자동으로 실시간 검색순위를 제공하는 기능을 개발하였으며, 공연일시 옵션에 따라 D-day노출 및 구매를 제한하는 기능과, 여러지점을 코스로 도는 상품을 위해 구글맵에 여러 장소의 노출을 관리할 수 기능을 함께 개발하였다.

남양주시 사회적경제지원센터(NAYANGJU Social Enterprise Support Center)는 남양주시의 사회적기업, 마을기업, 협동조합 등 사회적 경제 조직의 발굴과 설립, 육성을 지원하는 곳이다.
센터의 주요사업과 남양주시 사회적기업 홍보를 위한 목적으로 홈페이지를 제작하였다.

Design
– CI로고컬러를 활용하여 다양한 컬러로 다양한 기업들이 하나로 융합된 모습을 홈페이지에 담고자 하였다.
– 가독성이 높은 컬러와 폰트를 사용하여 정보의 가독성을 높였으며 탭화, 도식화 하여 이해가 쉽도록 제작하였다.

Technical issue
– 홈페이지 메인화면에 SNS(Facebook, Twitter)를 실시간으로 연동하여 쌍방향 커뮤니티의 기반을 마련하였다.
– 회원을 위한 다양한 게시판과 협의회 회원 전용 서비스를 제공하고 있다.

하품은 컬쳐인프라를 기반으로 아티스트의 창작활동을 지원하고 지역주민의 문화체험 기회를 제공하여 사회적가치를 창출하는 Art Platform Company이다.
공연기획과 문화교육, 아카이브를 주요사업으로 하고 있으며 마포구청과 함께 젊음의 메카, 홍대역 근처의 각종 업체정보와, 문화정보를 한눈에 볼 수 있도록 제작 된 홍대입구 홈페이지를 제작하였다.

Design
– 홍대 특유의 젊고 발랄한 느낌을 위하여 감각적인 아이콘과 시원한 레이아웃 구성, 그리고 밝은 그린색을 메인칼라로 사용하였다.
– 메인페이지는 아이콘과 썸네일 형 두가지 버전을 지원한다. 메뉴를 텍스트 대신 픽토그램형식의 아이콘으로 표현하여 흥미와 주목도를 높였다.

Technical issue
– 다양하고 재미있는 표현을 위하여 메인의 비주얼영역을 아이콘과 섬네일형식으로 전환할 수 있게 하였다.
– 자발적인 업체 정보 갱신과 그에대한 관리자의 관리 부분을 개발하여 최신의 정보들이 노출되도록 개발 하였다.

국내 최대의 의료/건강박람회인 국제건강산업박람회(Health Expo) 홈페이지 작업을 진행하였다. 국제건강산업박람회 행사를 홍보하기 위한 목적으로 제작되었으며, 온라인 사전관람신청기능, 참가업체신청, 참가업체 관련 매뉴얼 등의 기능을 제공하여 사용자들이 더 편리하게 행사를 이용할 수 있도록 서비스를 제공하고 있다.

Design
– 박람회 특성상 홍보 및 이벤트가 많아 주요 배너를 메인에 배치하는 레이아웃을 제작하였다.
– 각종 자료들을 쉽게 찾을 수 있는 콘텐츠 디자인과,눈에 띄는 색상을 통해 주목도를 높였다.

Technical issue
– 박람회 참석자를 일반관람, 바이어, 업체로 나누어 사용자들에 따른 신청 및 관리가 가능하도록 기능을 개발하였다.
– 기존에 오프라인으로 받던 신청을 온라인으로 제공함에 따라 이용자 참여의 편의성을 높이고, 관리자는 고객정보를 DB화하여 용이하게 관리할 수 있도록 하였다.
– 행사 D-day를 메인 상단에 노출하여 홈페이지 방문자로 하여금 쉽게 행사 일정을 확인할 수 있도록 제작하였다.

경기도에 위치한 컴윈(COMWIN)은 컴퓨터를 중심으로 한 전기/전자 폐기물을 친환경적으로 재활용하고, 저소득 소외계층의 안정적 일자리 창출과 자활/자립을 지원하는 사회적기업이다. 사업영역과 제공서비스의 효과적 홍보를 목적으로 CI사이트를 리뉴얼하였으며, 단순한 사업소개를 넘어 기업이 추구하는 가치를 표현하는 방향으로 제작되었다.

Design
– 컴윈의 대표칼라인 블루, 그린, 옐로우를 희망, 자연, 나눔이라는 키워드와 접목시켜 디자인을 표현하였다.
– 순환을 컨셉으로하여 자연과 어우러지는 기업의 이미지를 부각시키는 디자인을 진행하였다.

Technical issue
– 사업제휴를 위한 기능을 개발하여 웹을 통하여 신규사업에 대한 기회의 창출을 도모하였다.
– 리뉴얼 이전의 잘못된 DB들을 정비하여 홈페이지 운영에 차질이 없도록 개선하였다.

v성남시에 있는 사회적경제기업의 지원을 위한 성남시 사회적경제지원센터(Seongnam Social Enterprise Support Center) 홈페이지를 제작하였다.

성남시에 있는 사회적경제기업들의 정보와 지원센터 연중 사업을 안내하고 있으며, 이번 프로젝트에 장애인을 위한 웹접근성 작업을 함께 진행하였다.

Design
– 사회적기업을 상징하는 오렌지 칼라를 메인으로 사용하여 홈페이지의 대표성을 부여하였다.
– 정보전달을 목적으로하는 커뮤니티 사이트답게 깔끔하게 정돈된 그리드형 구조의 레이아웃으로 제작하였다.
– 장애인을 위한 웹접근성을 위하여, 폰트와 명도, 채도의 사용에 주의하여 작업하였다.

Technical issue
– 성남시에 있는 사회적기업들의 정보를 한눈에 볼 수 있고 업데이튼 할 수있는 기업안내 기능을 개발하였다.
– 웹접근성 작업을 통하여 장애인 및 노약자가 쉽게 사용할 수 있도록 하였고 웹와치(Web Watch)의 웹접근성 우수사이트로 선정되었다.