Business Planner

누적된 경험을 기반으로 사업모델을 구상하고, 끝까지 끌고가며 성공시키는것이 가장 중요합니다.

Your partner. 자세히보기

STORY

아이패드, 아이폰 개발 기획(kt, kt경제경영연구소) (어워드 수상작)

플래닌 2011. 12. 1. 16:38



전문정보분야 '우수상' 수상
(수상을 포기하니까 명단에서 빠지고 다른 앱을 등록시키네요..-_-;;)






kt, kt경제경영연구소
아이패드, 아이폰 어플리케이션 (iOS 기획) 개발 기획

클라이언트 : kt 경제경영연구소 (kt 연구소)
프로젝트 명 : 디지에코 어플리케이션 구축
앱스토어 주소 : http://itunes.apple.com/kr/app/digieco/id453167681?mt=8

- 디지에코 어플리케이션 아이덴티티 정의
- 고급스러우면서 문서를 표현할 수 있는 어플
- 업데이트 되는 보고서류 중심의 표현
- 다양한 사용자(UX)를 배려한 UI 구현
- 사용성이 편리한 UI 구현
- 개발언어 :  iOS

참여도 : PM / UI (UX)기획 / 전체 기획 (어플기획, 서버사이드 기획, 정책기획)

참여자
 - 기   획 : 채호진 과장
 - 디자인 : 박재호 과장, 서주옥 주임, 최유정 대리
 - 개   발 : 유주연 과장(아이패드), 지현종 개발자(아이폰)

개발기간
 - 4월 20일 ~ 7월 30일 (3개월)





History

최초 제안부터 해서 경쟁입찰로 프로젝트를 수주하게 되었습니다.

제안 PT
PT는 kt 본사(분당) 1층에서 했습니다


3개 업체의 비딩이었고, 저희 제안내용이 가장 좋았다는 평을 받고 프로젝트를 진행하게 되었습니다.
개발기간은 2개월 촉박한 시간이었지만 회의에 회의를 거듭하고, 기획에 기획을 거듭하여 만들어졌습니다.


화면설계서(스토리보드)

버전은....총 21개 버전업;;; 제가 기획하면서 이렇게까지 버전업된적은 처음입니다..
(고객사의 요청도 있었지만..대부분 제가 스스로 수정하고 바꿔서 생긴 버전입니다;;)

그만큼 많이 부딪쳐서 만들어진 앱 이라고 생각됩니다.
정말 많은것을 배우게 된 계기가 되었구요

지금 다 마무리가 된 상황에서...보람을 느낍니다 ^^

앱(App) icon 형태


수 많은 디자인을 뒤로 하고 본 아이콘이 선정되었습니다.
디지에코는 사업의 특성 상 문서를 취급하기 때문에 디지에코의 아이덴티티가 묻어나오는 아이콘으로 디자인되었습니다.






















앱(App) UI 형태



가로모드(Landscape) 와 세로모드(Portrait) 두가지 형태 의 커버페이지 UI 를 가지고 있습니다.



커버페이지는 책장 넘김효과를 주어 사용자가 보다 많은 컨텐츠를 볼 수 있도록 구성하였습니다


앱(App) 정보부문

디지에코의 정책을 그대로 반영한 '설정' 부분입니다.
3G 경고의 사용여부, 푸시알림에 대한 사용여부등이 있으며, 기본적으로 3G 망 접속 시 알럿창으로 사용자에게 경고를 하도록 구성되었습니다.



 

앱(App) 보고서 UI 부문

최신 게시글을 표시하고 해당 게시글을 좌우로 넘겨볼 수 있도록 구성되었습니다.
너무 많은 정보를 노출하게 될 경우 오히려 가독성이 떨어지기 때문에 상단 6개의 컨텐츠, 나머지는 하단으로 구성하였습니다


물론 보고서의 상세 페이지도 함께 기획되었습니다.
섬네일 이미지, 사용자의견, 보고서명 등을 구성하여 되었고

즐겨찾기는 단순히 터치 만으로 즐겨찾기 추가될 수 있습니다.
개요부분(body)은 Web View 를 사용하여 하이퍼링크를 사용할 수 있도록 구성되어있습니다.


 

앱(App) 동영상 부문 UI

최 상단에 최근 등록된 동영상을 배너형태로 볼 수 있으며, 가로로 뉘였을 경우 해당 최상단 게시글에 대한 기초정보가 노출될 수 있도록 구성되었습니다.



동영상에 대한 상세보기 페이지도 마찬가지로 가로와 세로형태 두가지로 UI 가 구성되어 있습니다.





생각보다 오랜시간 공들여 만든 앱이라고 볼 수 있습니다.

움직임의 형태, U.I 등 모든부분을 기획한 결과물 입니다.




제안서 알바 받습니다 ㅎ;;
korea@plantaste.com


채호진 알바몬 정보 보기