주식회사 센트로닉스(Sentronix Co.,Ltd.)는 삼성전기 Motor사업부에서 분사한 전자부품 제조 전문업체로 BLDC Geared Motor, 자기센서, Application(핸드폰용 Input Device, LCD TV전용 Bracket)등을 주요상품으로 생산하고 있다. 회사와 제품소개를 목적으로 홈페이지가 제작되었다.
Design
– 다양한 컬러 포인트와 가독성 높은 컨텐츠 디자인으로 기업이 보유하고 있는 다양한 첨단 기술력과 신뢰감을 표현하였으며, 제품 전문기술의 Flow를 플래시로 구현하여 사용자로 하여금 쉬운 이해를 도모하였다.
Technical issue
– 센트로닉스의 다양한 제품에 대한 드라이브 다운로드 서비스를 제공한다.
적십자단체의 정기 간행물과 주기적인 소식을 전달하기 위해 RCY단지 Hybrid App을 제작, 배포하였다.
Design
– 책을 형상화하여 직관적인 접근을 높였고, 이미지와 간결한 헤드라인을 활용해 가독성을 향상시켰다.
남양주시사회적경제지원센터(NAYANGJU SOCIAL ENTERPRISE SC)은 남양주시의 사회적경제 조직 발굴과 설립 및 육성을 지원하는 센터이다. 모바일 웹접속 동향에 따라 모바일 웹을 제작하였으며, 센터와 주요사업 소개, 사회적기업 검색 서비스를 제공한다.
Design
– CI컬러를 활용하여 남양주시사회적경제지원센터의 비전을 표현하였으며, 사용자 편의성과 콘텐츠 접근성을 고려하여 모든 페이지를 1~2depth로 구성하였다.
– 각 정보의 쉬운 이해를 도모하기 위하여 아이콘을 활용해 직관적인 UI로 구성하였다.
Technical issue
– 사회적기업 검색 기능을 중점으로 개발되었다.
– 커뮤니티성 컨텐츠는 모바일에 최적화된 실용적 리스트 형태 레이아웃으로 구성하여 정보의 가독성을 높였다.
– 지원 기기 : Galaxy S, Galaxy S2, Galaxy S3, Galaxy Note, Iphone3, Iphone4
경기콘텐츠진흥원(GCA)은 콘텐츠산업의 효율적인 성장을 지원하기 위해 설립된 기관으로 콘텐츠와 관련된 창조기업 일자리 창출과 동반성장 콘텐츠 생태계 구축, 콘텐츠를 통한 도민 삶의 질 향상, 영상 산업의 활성화를 주요사업으로 하는 기관이다. 도민 및 기업 고객을 대상으로 온라인 서비스의 품질을 향상시키기 위해 모바일 웹이 제작되었으며, 국내외 콘텐츠 산업의 동향, 진흥원 사업 정보를 제공함과 동시에 영상 콘텐츠와 제작기업의 정보를 효율적으로 소개하고 있다.
Design
– ‘콘텐츠의 활성화’와 ‘사용자의 편이성’에 중점을 맞춰 효율적인 UI/UX의 구현을 위해 메트로 UI를 접목하였다. 콘텐츠의 성격에 따라 체계적인 그룹핑을 통해 사용자의 편의성을 높이고, 이미지와 콘텐츠의 유기적 결합으로 사용자의 이해를 도와 접근성을 높였다.
Technical issue
– 콘텐츠의 1회 업로드로 GCON채널 웹과 하이브리드앱, GCA모바일 웹에 동시 노출된다. 독립 스트리밍을 통해 안정적으로 콘텐츠를 제공하고 영상정보와 기업정보도 한 페이지에서 확인할 수 있도록 제작하였다.
– 상상버스와 공용장비의 주간예약현황과 예약가능여부를 모바일 웹에서 실시간으로 제공하여 원하는 날짜의 이용여부를 쉽게 확인하고 실시간으로 예약할 수 있다.
고양시의회(GYC)는 대한민국 대의기관 중 하나로 98만 고양시민의 대변자로서 소통과 신뢰를 바탕으로한 역동적인 의회를 만들기 위해 힘쓰고 있다.
스마트 시대에 걸맞은 대민서비스 제공과 의정활동 홍보효과를 극대화하고자 모바일 웹을 제작하였다.
Design
– 메인 컬러로 신뢰와 소통, 희망을 느낄 수 있는 블루컬러를 메인컬러로 제작하였다.
– 메인 UI는 정보지향적인 서비스 특징에 따라 콘텐츠 접근성을 높이기 위하여 아이콘을 활용한 직관적인 UI를 구현하였으며, 가독성을 높이기 위해 눈에 부담이 적은 그린컬러를 활용하고 정보중심으로 디자인하였다.
Tech – issue
– 모바일 전자회의록과 영상회의록을 제공하고, 의원별 홈페이지를 지원한다. 의사일정과 전자회의록은 실용적 리스트 형태 레이아웃으로 항목에 따른 Sorting 및 검색 기능을 제공하여 원하는 정보를 찾기 쉽게 설계하였다.
얼쑤글로벌(Alsoglobal)은 영어와 국악을 조합한 새로운 문화 컨텐츠를 통해 영어학습 제공하는 기업이다. 웹사이트 개발과 동시에 진행하였으며 얼쑤글로벌 기업에 관한 정보를 제공하고 있다.
Design
– 영어와 국악을 조합한 기업의 특성에 따라 글로벌함 속에 한국 고유의 멋을 담아 디자인하였다. 교육적이면서도 흥겨운 느낌의 표현을 위해 스카이블루와 오렌지 컬러로 포인트를 주었으며 세로 그리드형태로 메뉴를 제작하였다.
– CI홍보를 목적으로 하는 서비스 특징에 따라 가독성이 높은 폰트와 컬러를 사용하고, 정보중심 디자인에 초점을 두었다.
Technical issue
– 지원 기기 : Galaxy S, Galaxy S2, Galaxy S3, Galaxy Note, Iphone3, Iphone4
‘카페드롭탑(Cafe Droptop)’은 국내 프랜차이즈 커피브랜드로 커피문화를 즐길 수 있는 ‘편안한 공간’에 주안점을 두고, 그 속에서 최상의 맛과 서비스를 담아내며 새로운 커피 프랜차이즈 시장을 개척해 나가고 있다.
반응형 웹과 함께 진행하였으며 쌍방향 커뮤니케이션 기반으로 하여 온라인 서비스를 개선하고, 다양한 디바이스에 최적화된 온라인 서비스 제공을 위해 제작되었다.
Design
– 아이콘을 활용한 직관적인 UI를 구현을 통해 콘텐츠 접근성과 가독성을 높였다. CI컬러를 활용하여 카페드롭탑 고유의 감성을 담았다.
Technical issue
– 매장 검색 기능과 매장별 이벤트 소식을 함께 제공하여, 방문한 매장의 이벤트 정보를 모바일에 손쉽게 확인할 수 있다.
– 메뉴, 매장정보, 이벤트 등 주요 콘텐츠를 트위터, 페이스북, 미투데이 등 개인 SNS로 공유할 수 있으며, 로그인 기능을 통해 실시간 이벤트 응모가 가능하다.
GCON채널(GCON CHANNEL)은 경기콘텐츠 진흥원에서 제공하는 서비스로 참여 기업들의 수요와 의견이 즉각적으로 반영될 수 있는 맞춤형 지원 서비스로, 경기도내 기업의 우수 콘텐츠를 수급하여 다양한 브랜드 채널을 통한 콘텐츠 채널 서비스를 운영하고 있으며, 채널 유통 및 프로모션 지원을 실시하고 있다.
하이브리드 앱과 웹 사이트를 함께 진행하였다.
Design
– 블루와 핑크를 통해 활성화된 미디어 채널의 특징을 강조하였다, 직관적인 그리드에 맞춰 UI를 구성하여 전달하고자 하는 콘텐츠가 명확하게 표현되며, 원하는 정보에 쉽고 빠른 접근이 가능하다.
Technical issue
– J-Query Mobile을 이용해 하이브리드앱으로 제작하였다. 독립 스트리밍을 통해 안정적으로 콘텐츠를 제공하고 영상정보와 기업정보도 한 페이지에서 확인할 수 있도록 제작하였다.
탐앤탐스(TOMNTOMS)는 오리지널 스페셜 티 커피전문점 브랜드로 고품격 커피와 갓 구운 프레즐, 좋은 사람들이 함께 하는 편안한 분위기로 대한민국을 비롯한 전 세계에서 사랑받고 있는 프렌차이즈 기업이다. 모바일 웹 구축은 웹사이트 개편과 동시에 진행하였다. 고객과 탐앤탐스간의 온라인 소통을 강화하고, 고객이 매장과 이벤트, 각종 할인 혜택에 대한 정보를 더욱 편리하게 접할 수 있도록 다양한 서비스를 제공하고 있다.
Design
– CI컬러를 활용하여 커피브랜드이자 편안한 문화소통공간이라는 브랜드 철학을 감성적으로 표현하였으며, 사용자 편의성과 정보접근성을 높이기 위해 모든 페이지를 1depth로 구성하였다.
Technical issue
– 지역/구, 업체명칭에 따른 매장 검색과, LBS(위치기반서비스)를 통한 인근매장 검색기능을 통해 언제 어디서나 탐앤탐스 매장을 쉽게 찾을 수 있도록 제작하였다.
– 메뉴 등의 주요 정보를 트위터, 페이스북, 미투데이 등 개인 SNS로 공유할 수 있으며, 로그인 기능을 통해 실시간 이벤트 응모가 가능하다.
경기도의회(GGC)는 대한민국의 중심 대의기관으로서 제 8대(2013년 기준)에 이르고 있으며, 도민의 삶의 질 향상과 생산적인 의회를 만들기 위해 힘쓰고 있다. 스마트 시대에 걸맞은 대민서비스 제공과 의정활동 홍보효과를 극대화하고자 모바일 웹을 제작하였다.
Design
– 모바일 웹의 UI 및 디자인은 ‘경기도의회 가이드라인’을 준수하여 작업하였다.
– 메인 UI는 정보지향적인 서비스 특징에 따라 콘텐츠 접근성을 높이기 위하여 아이콘을 활용한 직관적인 UI를 구현하였으며, 가독성을 높이기 위해 눈에 부담이 적은 그린컬러를 활용하고 정보중심으로 디자인하였다.
– ‘오늘의 의사일정’을 노출시켜 사용자로 하여금 의정활동내용을 쉽게 인지할 수 있도록 하였다.
Tech – issue
– 의정뉴스는 유튜브 영상을 사용하여, 콘텐츠 접근성과 호환성이 높였으며, 의사일정과 전자회의록은 실용적 리스트 형태 레이아웃으로 항목에 따른 Sorting 및 검색 기능을 제공하여 원하는 정보를 찾기 쉽게 설계하였다.
– 의원블로그의 메인페이지는 의원들의 최근 뉴스만 노출하여 의원활동을 쉽게 확인하고, 원하는 정보로 빠르게 접근할 수 있도록 하였다.
o 열린시장실 홈페이지 내 개시
- 시정비전·목표, 전략, 이행상황, 실천계획, 공약지도 등 5개 하위 메뉴제공
- “시민과의 약속” 메뉴를 신설, 운영
- 이용자가 원하는 정보를 쉽게 찾을 수 있도록 컨텐츠 메뉴 구성
o 인포그래픽스
- 정보를 분석 정리하여 차트, 그래프, 아이콘 등으로 시각화함
- 해당 내용별 각종 차트, 그래프 제작
- 일러스트 아이콘을 적극 활용하여 직관적으로 내용 전달
o 일관된 스타일 적용
- 성남시청 사이트 디자인에 맞는 스타일 적용
- 사이트 전반적인 분위기, 색감에 대한 통일성 유지
o 136개 공약 실천계획 상세 내용은 온오프라인 출판 가능한 PDF형태로 재가공