mobile web Design 모바일 웹 디자인 및 개발

첫 시도 ( 2010년 7월 )  모바일 웹 (개인/모바일+웹킷기반 브라우저) : http://www.normalstory.com

첫 업무 ( 2010년 10월 )

mobile web site intro

 모바일 웹 (회사) : http://www.asiait.co.kr

mobile web site ( 360도 3d 터치 UI )

 모바일 웹 (회사) : http://www.asiait.co.kr/mobile360.html

첫 봉사? 무료작업 ( 2010년 1월 )

mobile web site intro (터치 플리킹 아이콘)

 모바일 웹 (도움) : http://normalstory.dothome.co.kr

첫 외부작업 ( 2010년 2월 )

mobile web site intro (터치 플리킹 아이콘)

 모바일 웹 (최근) : http://normalstory.nayana.com

mobile web site intro (구글 맵 )

 모바일 웹 (최근) : http://normalstory.nayana.com/m5.html

첫 Web APP작업 + 첫 공동작업 ( 2010년 3월 진행중..)

웹 모바일에서 웹앱 개발을 진행중이고

이번 웹앱은 jQuery mobile을 부분 적용하게되고 실시간 차트와 게시판 기능을 추가하게 된다.

회사 사정에 의해 선 제작방식으로 한 달을 기간으로

20개 업체의 모바일 웹을 동시에 작업하고 있다. 반복해서 만들어진 웹앱들이 

다 같은 느낌에서 벗어나고자 각각의 페이지 디자인은 차별화를 두기위해 고심 중이다.

하지만 스스로 사업계획서을 제출하여 설득해 만들어진 사업부분이고 

직접 팀을 구성하고 처음부터 끝까지 매니저 역할을 하는 작업이다.

 

비전공자 또는 디자이너가 프로젝트의 전반적인 진행 및 운영을 맏아도 

문제 될 것이 없음을 보여주고 싶었다.

프로젝트 관리 모바일 웹 어플리케이션 (20개 참여기업)
- 플레시를 배제한 다양한 효과의 인트로 화면
- JQuery Mobile 프레임웍을 통해 웹을 엄어 어플리케이션과 같은 인터페이스
- 실시간 게시판과 차트 그래프 기능
- 참여기관 및 관리자, 프로젝트의 생성, 수정, 관리 가능
- 소셜 연동
- 새로운 api의 구글 맵 메쉬업 적용
-> 작업 구성원: 5명 (설계 및 디자인 /DB담당 /프레임웍 분석 및 적용 / 차트 등의 라이브러리 및 API적용) 
-> 기간: 6주

개인 홈페이지(알파버전) 

        http://www.normalstory.com    

          1) 마우스를 사용해서 윈도우의 크기를 조절하면 크기에 따라 동적으로 페이지 디자인이 반응한다.

          2) 차후 N-screen을 감안하고 장기적인 계획으로 제작하고 있기 때문에 

              현재는 webkit 기반 브라우져(크롬,사파리,오페라)와 아이폰, 아이패드에 최적화 되어 있습니다. 
         
          3) 구현 : 익스플로어8,  webkit 기반 브라우져, 안드로이드, 아이폰, 아이패드, 갤러시탭
                        각 단말기별 디스플레이 사이즈와 플랫폼 고유의 기능에 따라 각기 다른 옵션을 적용,
                        각각 UI 형태가 개별적으로 표현됨.

포트 폴리오를 웹으로 ppt로 만들어 정리해 보았습니다. 

         http://normalstory.com/pages/portfolioPPT.html 

          = html5 와 css3로 구현한 최신 라이브러릴 활용하여 웹에서 구현되는 PPT를 제작했습니다.

             현재는 webkit 기반 브라우져(크롬,사파리,오페라)와 아이폰, 아이패드에 최적화 되어 있습니다.  

            컴퓨터에서는 키보드에 화살표,
            아이폰과 아이패드에서는 브라우저의 앞/뒤 버튼,
            안드로이드에서는 디바이스 키패트로
                                                                          페이지 이동(안드로이드에서는 테스트중..)





그리고 !!!   ^^