Responsive Web "INNOX" Renewal
NO.1
Background. 나름 이름 있는 디자인 웹이젼시인 VW에서 전체 반응형 웹사이트 구축 프로젝트의 PM을 맡게 되었다. 당시 유행하던 반응형 웹사이트 구축 프로젝트로 PM으로써의 전반적인 프로젝트 관리와 리소스관리, 외주관리, 웹기획, 어드민기획, 콘텐츠기획, 반응형기획, 정보설계, 중간보고서까지 전체 업무를 아우르는 경험이었다.
NO.1
Background. 나름 이름 있는 디자인 웹이젼시인 VW에서 전체 반응형 웹사이트 구축 프로젝트의 PM을 맡게 되었다. 당시 유행하던 반응형 웹사이트 구축 프로젝트로 PM으로써의 전반적인 프로젝트 관리와 리소스관리, 외주관리, 웹기획, 어드민기획, 콘텐츠기획, 반응형기획, 정보설계, 중간보고서까지 전체 업무를 아우르는 경험이었다.
Overview. 새롭게 도약하는 이녹스 리뉴얼 프로젝트는 고객에게 핵심가치를 정확히 전달하고 사용자를 위한 UI/UX개선 및 멀티디바이스에 모두 적응하는 반응형 웹사이트 구현하는 것이며, 노후화된 콘텐츠 개편 및 추가 구성하여 표현하였다.
Date. 2014. 2 ~ 2014. 7
Client. VW
Position. PM
Work Breakdown Structure
Description. 에이전시 업무를 경험할 때 마다 느꼈던 부분 중 하나가 초반 시간을 너무 대충 써버려서 결국 완료일에 시간이 부족하게 되는 것인데 PM으로 투입되기 전 전임자가 퇴사해 홀딩된 프로젝트였다. 그래서 초반시간을 상당히 타이트 하게 활용하는 것에 중점을 맞추고 리소스 계산을 통한 WBS를 통해 목표를 재설정했다.
Information Architecture
Description. 개인적으로 예전 웹기획을 할 때 흥미로웠던 작업은 정보설계(IA) 부분이었는데, 아무리 거대하고 복잡한 사이트도 여기 2차원 엑셀에서 표현이 가능하다는 점이다. 웹사이트 제작 시 디자인 개발을 통틀어 전체적인 구조를 잡기 위해 반드시 필요한 문서인 셈이다. 브랜드 사이트는 구조가 어려운게 아니고 기존에 흩어져 있는 콘텐츠를 특성에 맞게 분류하고 메뉴 리네이밍을 통한 정보의 질과 접근성을 높이는 목적인 것이다. 프론트와 어드민 그리고 3개 국어의 IA를 작성하고 변경 및 이슈때마다 히스토리를 기록하였다.
Main Screen Layout
Description. 우선 기존내용과 내가 와서 정리한 요구사항 명세가 많이 달라서 스토리보드 그리는것이 아닌 와이어프레임방식으로 그렸다. 빠르게 전체를 그린다음 페이를 체워나간다는 느낌으로 프론트의 로우버전이 끝난 후 단계적으로 하이버전으로 업데이트했다. 메인작업 시 컨텐츠를 재배치하고 첨단소재라는 트랜디함을 만들기 위해서 이녹스를 분석하다 보니 플랙서블한 소재를 만드는 핵심가치를 가지고 있었고 플랙서블한 소재의 이미지가 사각형의 모습에서 휘어지고 변형을 한다는 점을 모티브로 반영하였다.
INNOX MAIN PAGE DRAFT
Description. 화면설계 부분은 빠르게 와이어프레임으로 윤곽을 잡은 다음 컨텐츠를 올리는 형태로 진행하였고 디자인에 필요한 전달받은 실제 소재 사진의 퀼리티가 너무 오래된 부분이어서 다시 재촬영하는 것을 제안했고 친분있는 포토그래머 외주를 통해 빠르게 진행하였다. 중간중간 고객사의 요구사항을 최대한 반영하면서도 디자인 코딩 개발과의 협업에 신경을 많이 썼다. 이과정에서 프로젝트 관리 뿐아니라 외주관리, 번역진행, 견적서와 계약서까지 전반적인 매니징을 하였다.
2015 &AWARD WINNER
Description. 사이트가 정상적으로 오픈을 하고 내부에서도 굉장히 만족을 하셨고, 이녹스 관련 다른브랜드 사이트의 니즈도 있다는 걸 예상하였다. 우리에게 나머지 부분도 의뢰하고 싶다고 들었을 때는 그간에 커뮤니케이션을 통한 신뢰감이 인정되는 순간이었다. 이 후 반응형 웹사이트는 2014 웹어워드 WINNER 수상을 하게 되었고, 웹기획 경력 중 가장 기억에 남은 웹사이트 프로젝트였다.
NO.2
Background. 웹사이트를 넘어 전사가 이용하는 ERP를 구축하는 대규모 프로젝트 였다. 그룹사의 모든 웹사이트를 통합하는 작업은 생각보다 많은 고민과 UXUI가 중요한 부분이었고, ERP시스템과 유기적으로 반응하는 플랫폼 개념의 구축이었다. 계열사들의 각기 다른 요구...
NO.3
Background. 예전 플래셔의 관점으로 프로젝트를 진행한 넥슨의 유럽 마비노기 게임의 티저사이트 구축건이다. 단순 웹베이스의 사이트가 아닌 사라진 플래쉬를 이용한 게임형 인터렉션 사이트를 구축하여 유저들이 게임을 이용하기 전에 가이드 형식으로 게임을 알아가고 공유...
NO.4
Background. 비씨카드에서 학생 및 학부모를 위한 카드를 출시하면서 이에 따른 혜택과 서비스를 이용할 수 있는 플랫폼 구축 프로젝트 였으며, 처음으로 PM으로 진행하기도 했던 프로젝트였다. 기 진행 중이 프로젝트를 이관받아서 리소스 관리를 통해 수익률을 극대화하였던...
P.S PM, PL로써 프로젝트를 진행하면서 느꼈던 에피소드를 회고록 형식으로 풀었습니다.
Built with Mobirise - More here