2014/MOBILE/LOTTE MALL DONG-BUSAN

Overview

PROJECT 롯데몰 동부산 모바일앱 구축

CLIENT 롯데쇼핑 롯데몰동부산점

TYPE APP

DEBUT DATE 2014.12

| PLAN
쇼핑몰, 아울렛, 마트, 영화관 등이 모두 입점되는 종합 쇼핑몰 롯데몰 동부산점의 신규 오픈에 맞추어, 방문한 고객이 이용하고자 하는 시설과 브랜드를 현장에서 쉽게 찾을 수 있도록 지원하는 목적으로 모바일앱을 개발. 고객의 실제 쇼핑몰 이용 상황을 시뮬레이션하여 원하는 정보에 최대한 빠르게 접근할 수 있는 서비스를 목표로 기획함.

1. 메인 : 앱을 실행한 고객에 고민하지 않도록 주요 정보를 모아서 제공
– 층별 정보
– 쇼핑정보(할인, 이벤트)
– 주요시설 정보(마트, 영화관, 쇼핑몰, 아울렛)

2. 메뉴 : 메인에서 제공하는 정보를 전문화하여 제공
– 층별 정보
– 매장 정보 
– 편의시설 정보
– 주차 위치 정보
– 이벤트/할인 정보

3. 공통 : 넓은 매장에서 원하는 매장이나 시설 접근이 용이하도록 실제 쇼핑몰 지도를 사용하여 위치 정보 제공

4. Backoffice : 롯데몰 전체 관리자 외 입점 매장 관리자 CMS를 제공하여 매장 및 브랜드에 대한 이미지/정보를 직접 관리하도록 제공

| DESIGN
롯데몰 동부산 전체 컨셉이 '부산의 산토리니'이므로 Blue와 White 계열 컬러를 사용하였으며, 롯데몰 동부산의 트레이드마크인 등대 건물의 이미지를 최대한 살리기 위해 산토리니 성당 건물과 바다를 배경으로 메인 비쥬얼을 구성하여 시원하고 여유로운 느낌을 최대한 표현하고자 함.

|FUNCTION

[Concept]
1. 앱 출시 후 고객 요구사항 변경에 유연하고 빠르게 대응하기 위한 Hybrid App 구조
2. 지연으로 인한 이용 불편을 최소화 하기 위한 데이터 설계
3. Native App과 같은 Interaction 및 사용성 제공

[개발 특징]
1. Hybrid App
 – iOS, Android, Mobile Web을 모두 대응하기 위해 Titanium Framework을 사용한 Webview에 SPA로 구현한 Web App을 제공할 수 있도록 구현.
 – Android Webview의 성능 문제로 초기 기대했던 만큼의 "Native App과 동등한 수준의 Interaction"을 구현하는데 어려움이 있었음.

2. Provisioning
 – Android Market의 경우에는 해당되지 않지만, iOS App의 경우에는 등록에서 출시까지 평균 2주 정도가 소요되므로, App의 재배포 없이 업데이트를 고려하여 개발.
 – 초기 앱 배포 시에는 모든 소스를 포함하여 배포하지만, 일부 변경이 발생할 경우 web server 배포 후 Provisioning을 통해 일부 소스만 업데이트받아 사용할 수 있음.

3. Map
 – 원활한 Zoom In/Out과 선명한 이미지를 제공하기 위해 Google Map, SVG Map 등을 고려하였으나, 무료 사용 시 API 사용 횟수 제한과 Android 하위 버전의 SVG 렌더링 성능 저하 문제로 인해 오픈소스인 Leaflet을 Customizing하여 사용하여 목표를 달성.

4. 주차 위치 조회 연동 개발
 – 롯데정보통신의 주차 관리 서버와 연동한 데이터를 실제 주차장 Map에 표시하여 제공하는 기능 구현.

5. 롯데시네마 연동 개발
 – 현재 상영 영화 정보를 제공하기 위해 롯데시네마 API를 활용한 상영관/일자별 영화 정보 조회 기능 구현.

6. 다국어 대응
 – 한글, 영문, 일문, 중문(간/번ㅊ)을 대응하고 추후 확장을 고려하여 Resource를 언어별로 통합관리하도록 개발. 추후 언어 추가가 필요할 경우 동일한 set의 property 파일을 셋팅하고 일부 UI를 변경하면 빠르게 대응할 수 있음.

Date

2014-12-23