티스토리 툴바


My Portfolio/WEB DESIGN2009/08/12 10:58

http://www.happypointcard.com/
사용하는 즐거움, 누리는 혜택! 해피포인트카드가 새 옷을 입었습니다.
프로젝트의 시작은 5월로 거슬러 올라갑니다. 여러 차례 시안을 재 제작하는 어려움을 겪고
드디어 새 옷을 입게 되었습니다. 쫘잔~!!

↗ Concept : Happy Magazine (행복을 전하는 매거진)
↗ 메인 비주얼을 "사용하는 즐거움, 누리는 혜택, 나누는 기쁨"의 세가지로 표현하고자 하여 잡지를 보는듯이 한장 한장 넘겨가며  내용물을 볼 수 있도록 꾸며주었습니다. 기존 해피포인트 홈페이지에서 팝업으로 처리하던 부분들을 안쪽으로 넣어서 팝업을 통하지 않고서도 왠만한 프로모션은 모두 볼 수 있도록 자리를 만들어 주었습니다.
↗ 전체 컬러는 Pink 배색 입니다. Pink는 왠지 모르지만 여성을 떠올리게 하는 색상이고, 이와 어울릴 수 있게 퍼플블루&파스텔톤 옐로우& Sky Blue 를 매칭 시켜 각 페이지의 대표 색상으로 활용하였습니다.
↗ 메인페이지는 조작이 다소 불편한 점이 있으나, 잡지를 본다는 컨셉아래 제작된것이므로 이를 보완하기 위해서 자동 책장 넘김과 마우스 오버중 페이지 멈춤등의 기능을 적절히 섞어 불편을 최소화 하고자 했습니다.↗ 좌측에 책갈피를 통해 책을 넘길수 있으며, 책갈피를 대 메뉴라고 하면 책장에 표현된 내용들은 서브메뉴의 형식을 띄고 있어 자신이 알고자 하는 내용을 클릭하면 서브페이지로 이동하게 됩니다.
메인페이지는 디자인이 항상 고정된다는 것을 탈피하고자, 프로모션공간을 어떻게 꾸며놓느냐에 따라서 디자인이 달라져보일수 있도록 해놓은것입니다. 우측에 커다랗게 이벤트나 주요 프로모션을 넣은 이유가 바로 그것입니다.

↗ 서브메인 페이지는 기존에 없던 것으로, 서브의 내용들을 파트별로 완벽히 정리를 끝내고 난 후 작업된 것입니다.
↗ 크게 4 덩어리로 나눈후, 각각의 서브 메인에서 중요시 표현되고자 하는 부분을 도출하였습니다.
↗ 해피포인트 홈페이지 특성상 한눈에 보여줄수록 좋은 컨텐츠들이 많아 서브메인 페이지를 적용한것이며, 기존 퀵메뉴도 한층 보강하여 우측에 좀더 크게 자리잡아 놓게 되었습니다.

↗ 서브 2번째 Depth에서는 그야말로 서브 각각의 페이지를 도출하게 됩니다.
↗ 서브페이지의 메뉴는 카테고리 형식으로 출력하여 한눈에 바로가기를 할 수 있습니다.
↗ 전체적으로 이미지등을 많이 사용하지 않은 깔끔함을 추구하게 되었습니다. 화면이 넓어보이지않나요?^^
↗ 각각의 서브페이지 내용도 기존것을 보완하고 다듬고 추가해서 보다 완성도 있게 처리하려고 애를 많이 썼습니다.

↗ 서브페이지 Grid입니다.

↗ 주로쓰인 색상과 버튼스타일, 그리고 일러스트 아이콘 베이스를 만들어 사용하였습니다. 

Design 총괄 : 정유미 디자인팀 팀장 (main / sub 페이지 디자인 및 플래시 구성요소등)
Jsp 개발 : 정은구 개발팀 팀장
Main Page Flash Action part : Lee
나누는 기쁨 활동페이지 : 김인애, 신새롬, 조현화 

클라이언트와의 커뮤니케이션으로 고생하신 강성진 팀장님, 남동현 과장님을 비롯한 프로젝트 관련된 모든 분들 수고하셨습니다!

저작자 표시 비영리 변경 금지
Posted by 류미짱