2014/WEB/CJ CHEILJEDANG

Overview
0 Flares Filament.io 0 Flares ×

PROJECT CJ CHEILJEDANG

CLIENT CJ CHEILJEDANG

TYPE WEB

DEBUT DATE 2014.02

| PLAN
CJ제일제당 통합 사이트는 기 운영중인 CJ제일제당 사이트와 레시피 전문 서비스인 CJ THE KITCHEN 사이트를 필두로 분산되어있던 여러 브랜드 사이트를 하나로 통합하여 구축하였다. 통합된 사이트는 분산된 CJ제일제당의 웹사이트를 쉽고 합리적으로 통합하여 고객에게는 브랜드와 제품에 대한 긍정적인 경험을 지속적으로 제공하고 운영자에게는 통합 마케팅 전개와 운영 효율화를 가져다 줄 수 있는 통합 플랫폼으로서 역할을 수행한다.  일방적인 정보전달 중심의 제당 사이트와 컨텐츠 중심의 레시피 사이트인 CTK는 너무 이질적인 부분이 많아 전체 사이트 구조 내에서 일관성 있도록 구성하기 위해 브랜드-제품-레시피 컨텐츠간의 linkability 강화에 집중하였다. 또한 수 십개의 브랜드 & 사업부 사이트를 통합하기 위하여 기존 모든 사이트에 대한 분석을 통해 사이트 내 사이트라는 컨셉으로 이를 수용할 수 있는 구조를 생성하고 template 형태로 구성하여 관리가 용이하도록 하였으며 브랜드 아이덴티티를 표현할 수 있도록 Custormizing 기능을 강화하는데 집중하였다.

| DESIGN
브랜드, 사업영역, 레시피등을 통폐합하는 과정에서 많은 양의 컨텐츠들을 보다 효과적으로 노출시킬 수 있도록 사용자들의 니즈에 따른 주요 컨텐츠를 주요영역에 배치하여 보다 쉽고 빠르게 원하는 컨텐츠로 접근할 수 있는 UI구조를 설계하였고, GUI 요소로 단순한 컬러와 아이콘의 조합으로 사용자들에게 직관적으로 접근이 용이한 디자인의 한 트랜드인 Flat Design을 기본 바탕으로 하여 CJ제일제당의 스타일인 텍스쳐를 가미해 엘리먼트, 비쥬얼등에 적용함으로써 트랜드를 반영함과 동시에 브랜드 아이덴티티를 녹이는 방향으로 디자인하였다. Template 구조 내에서 디자인상 제약이 많이 존재했으나 브랜드 아이덴티티를 녹일 수 있는 컬러, 제품, 이미지 등 다양한 조합을 통해 페이지를 생성 관리할 수 있는 기능 중심적인 디자인으로 운영/관리 측면에서 효율적인 디자인 스타일로 구성하였다.

|FUNCTION
서로 다른 업무도메인을 사전 분석하여, 중복된 Class 가 구현되지 않도록 OOP(객체지향 프로그래밍)를 적용하며, 프레임워크가 제공하는 library를 최대한 활용하여 불필요한 하드코딩을 지양하였으며 비지니스 로직과 관리자, 국문, 영문, 중문 등 각각이 모두 모듈로 나누어 별도의 Web Application으로 구성하여 서로 서비스에 영향을 주지 않도록 구성하였다.프로젝트 초반에 UI파트에서 frame을 구성하여 페이지별 중복 코드를 제거함으로써 프로젝트를 효율적으로 진행할 수 있도록 하였다. 또한 CJ제일제당이 보유하고 있는 수 많은 브랜드의 확장과 변경이 용이하도록 구조화하였으며 브랜드/사업부에 사용되는 Template에 대한 추가/수정/삭제를 용이하게 하여 운영이 수월하도록 구축하였다. 통합 사이트 구축을 위한 Database와 Consol을 구현함으로써 기본 인프라를 구축하고 서비스에 대한 확장성을 확보하였다.

0 Flares Twitter 0 Facebook 0 Google+ 0 Pin It Share 0 Email -- Filament.io 0 Flares ×
Date

2014-02-08