geuni

http://www.11st.co.kr
모자이크의 경우는 제품으로 모자이크를 구성하는 방식이다.
원래는 이미지에 각각의 포인트를 잡아서 그 포인트의 색상값에 따라서 제품별로 가장 근사한 색상을 가진 제품을 이미지의 위치로 이동을 시켜로 했었지만 제품의 업데이트의 용이성과 기획전의 성격을 가지는 서비스를 제공하기 위해서는 많은 양의 썸네일을 로드해 올수는 없는 노릇이었다.
그리고 개발쪽에서도 너무 많은 통신은 서버자체에 무리를 줄수 있다는 의견이 있었기 때문에 지금과 같은 형태로 구현이 되었다.
기본적으로 최대 30개의 제품이미지와 제품 정보를 xml로 받아서 제품의 이미지를 뿌리면서 각 이미지에
각각의 포인트에 색상에 맞추어서 이미지의 색상을 변경해 주는 식으로 모자이크가 구현이 된다.
이 모자이크는 기획전용이 있으며 사용자가 자신이 원하는 이미지를 업로드해서 모자이크를 구현할수도 있으며 기획전의 모자이크 또한 블로그로 가져가는 것이 가능하게 구현이 되어있다.

http://www.pcaretire.co.kr

예정에 없던 프로젝트로 갑자기 들어가게된 프로젝트였다..
그런 연고로 제대로 ppt나 어떻게 돌아갈지에 대해서 생각도 하지 못하고 진행을 하게 되었다.
때문에 나중에 잡다구리한 기능을 넣고 또 그 기능때문에 생겨나는 버그를 잡느라
아주...정말...즐겁게(짜증나는)작업이 진행하게 되었다.
기본적으로 모션들이 이어져서 나가는 경향이 많아서 인과 아웃되는 애니메이션 프레임을 계산해서 해주는 방식을 택했다
하지만... 너무 느리다는 의견들이 많아서 인이 되는 애니메이션의 프레임을 체크해서 바로 로드를 할것인지
말것인지 체크해 플레이 해주도록 제작을 하였다.
여러모로 힘든 작업이었고 트윈을 생각없이 편하다고 생각하고 썼는데 이번에 알게 된 사실이 트윈을 걸어준
오브젝트 자체가 사라지면 루핑이 돈다는 사실을 알게되었다...;;;;
이게 꾀 심각해서 루프가 생겨서 무비클립들이 제대로 작동을 하지 안는 사태가 일어나서 머리가 아팟던..;;
머 이번에 알게 되었기 때문에 똑같은 실수를 박복만 하지 않으면 되겠지만...ㅎㅎ

http://girl.maplestory.nexon.com

회사를 옮기고 첫 작업인지라 나 나름대로으 실력도 보여줘야 했었고 또 팀원들과 처음으로 손발을 맞추는
프로젝트라 힘에 겨웠던 프로젝트다.
또한 커뮤니케이션이 얼마나 중요한 프로젝트인지 나에게 알게해준 프로젝트였다.. (밝힐순 없지만 여로모로 힘들었던...기억이..)
일단 메이플 걸이라는 비디오 자키들의 프로모션사이트 였다
프로모션 사이트이고 클라이언트의 요청은 색다른 UI형태를 보여달라는거 였다
여기서 부터 쉽지 않아지는데 일단 키보드키를 이용해서 다른 서브페이지로 이동이 가능해야 한다 또한
버튼을 클릭해서나 기존의 네비게이션 UI를 따라서도 작동을 해야 했다.

http://t43.i-station.co.kr

디자인의 초기 컨셉자체가 많은 기능을 가지고 있다는걸 표현하는게 중심이 되었다...
물론 제작된 홈페이지에는 그게 포함이 안되있다 단.... 그결과 엄청나게 많은 서브페이지에 페이지상에서 변환이 많아 졌을 뿐이다 UI적으로 많은 수의 아이콘들을 움직이게 하고 그 아이콘에서 페이지가 생성되는 쪽으로 가게 하고 싶었지만 아쉽게도 아직은 커뮤니케이션 스킬이 떨어지는건지 내 의견을 반영하는 것에는 무리 였나 보다..;;;; 다음부터는 좀더 노력해서 내 의견이 적용이 될수 있는 방향으로 가는걸 생각해 봐야 겠다.
일단 기술적으로는 해외 외국사이트의 트랜지션 효과를 따라했다..노골적으로...;;; 그래서 이 트랜지션 효과를 쓰기위해서는 다음 파일의 로딩이 완료되어야 하며 초기 보고있는 서브페이지의 플레이 상태를 체크 해서 현재보고있는 페이지의 솔팅이 완료되기 전에는 다음 페이지로 이동할수 없게 하는 나름대로 머리를 굴려서 제작이 되었다고나 할까...음... 머 특별한게 없는 마이크로 사이트였다...
뒷단에서는 나름대로 여러가지의 경우의 수를 산정해서 했지만 나의 노력은 별로 보이지 못했다고나 할까
이것도 아쉬움이 많았던 프로젝트...ㅎㅎ