스타필드

Don't get lost online or offline.
Smart experience to meet on mobile
Don't get lost
online or offline.
Smart experience to
meet on mobile

스타필드 모바일 웹&앱

  • Mobile web & app
  • 2020.03.12
https://m.starfield.co.kr/
 Smart experience to meet on mobile Smart experience to meet on mobile
전 세대가 다 함께 즐길 수 있는 대한민국 대표 복합 문화공간 스타필드. 스타필드를 찾는 고객들은 오프라인뿐만 아니라, 모바일 채널로도 많은 혜택과 정보를 얻길 원합니다. 이에 스타필드는 모바일 서비스에 대한 변화가 필요하다는 점을 인식하고 플립커뮤니케이션즈와 함께 모바일 개편 작업을 진행했습니다.
Mission
이번 프로젝트는 무엇보다 고객들이 모바일 채널에서 느끼는 어려움을 개선하는 데 중점을 두었습니다. 가장 먼저 고객센터와 마케팅팀이 보유한 이용 고객의 불편사항을 수집하고, 오픈 데이터를 활용해 스타필드 방문객의 다양한 니즈를 파악했습니다.
스타필드 방문객의 리뷰
  • 아기데리고 가기좋은 쇼핑몰입니다. 수유실,유모차대...
    이정훈 ★★★★★
  • 다양한 제품 쇼핑 및 방문은 물론이고, 서점, 영화관...
    정규목 ★★★★★
  • 다양한 놀거리와 먹거리가 있는곳. 아이들을 동반하...
    이재섭 ★★★★★
  • 쾌적하고 여유로운 쇼핑몰, 물건 구성도 다양하고 극장...
    문준영 ★★★★★
  • 다양한 레스토랑과 먹을거리도 맛보고, 쇼핑도 하고...
    박용수 ★★★★★
스타필드 웹사이트 불편사항
  • 1. 한번에 정보를 찾기 어렵고, 매장 이벤트를 찾기 어렵습니다.
  • 2. 내가 원하는 매장만 찾고 싶고, 할인정보도 알고 싶습니다.
  • 3. 지금가면 주차가 가능 할까여? 어느 주차공간으로 진입해야하나여?
  • 4. 아쿠아필드는 찜질방이에여? 유모차, 토이 카트 예약이 가능 할까요?
  • 5. 음식점 이름과 메뉴는 어디서 보나요? 검색 기능이 불편합니다.
오프라인 방문 고객의 긍정적인 인식과는 달리, 온라인 방문 고객들은 큰 용량, 낮은 가독성, 최신 이슈,혜택 관련 정보 탐색의 어려움 등 불편사항을 호소했습니다.
우리는 이러한 문제를 해결하고, 오프라인 방문 고객의 긍정적 인식을 온라인 채널을 통해 더욱더 극대화하기 위해 스타필드와의 컨설팅을 진행했습니다. 그리고 ‘모바일 사용자에게 최적화된 UX/UI 구현’이라는 목표와 ‘사용성 증진’, ‘고객 관점의 콘텐츠 제공’, ‘스타필드 리브랜딩’ 이라는 세 가지 전략을 설정해 이번 모바일 개편 프로젝트를 추진했습니다.

  • 가장 가볍고

    꼭 필요로 하는 정보만 담은
    가장 가벼운 가이드

  • 스마트하고

    고객의 상황에 맞는 정보를
    제공하는 스마트한 큐레이션

  • 스타필드 다운

    온라인에서 즐기는
    특별한 스타필드

Execution
Usability - 가장 가벼운 스타필드 모바일 가이드
모바일 속도 최적화
기존 모바일 채널의 큰 용량과 느린 속도는 빈번하게 제기되는 불편사항 중 하나였습니다. 해당 문제점을 개선하기 위해 가장 먼저 불필요한 요소를 정제하는 작업을 진행했습니다.
특히 무거운 벡터 형식과 무용한 기능으로 용량의 대부분을 차지했던 지도 서비스는 층별 매장 안내, 확대 축소 등의 이용률이 높은 기능 위주로 가볍게 개편하고, 이미지로 노출되던 주요 정보를 텍스트 중심으로 구현함으로써 모바일 구성 용량을 28% 축소하고, 페이지 이동 속도를 25% 향상시켰습니다.
사용속도메인화면 및 페이지 이동 로딩 속도
8sec 2sec
용량모바일 앱 구성 용량
42mb 32mb
이용 고객들이 필요로 하는 정보에 집중한 UX · UI
오프라인 시설 정보 위주로 노출되던 기존 메인화면을 스타필드가 진행하는 이벤트, 제공하는 혜택과 최신 정보 중심으로 개편했습니다. 특히 메인 콘텐츠를 이미지, 동영상 등을 활용한 역동적이고 다양한 비주얼의 배너 형태로 노출해 각각의 콘텐츠에 대한 집중도를 높였습니다.
또한 불필요한 페이지 이동을 야기했던 기존의 메뉴 구조를 과감하게 해체하고 매장 안내, 개인 정보, 포인트, 쿠폰 등 고객이 자주 찾는 10개의 핵심적인 메뉴로 재구성해 이용에 편리함을 더했습니다.
Contents - 방문 고객이 원하는 정보를 스마트하게
고객의 상황을 고려한 스마트한 검색 서비스
통합 검색 페이지에는 신규 오픈 매장, 신세계 상품권 사용 가능 매장, 반려견과 함께 이용 가능한 장소 등 고객의 상황에 따라 검색어를 선택할 수 있는 추천 태그 서비스 외에도 인기 검색 브랜드, 최근 검색어 등의 콘텐츠를 함께 구성해 고객이 카테고리,혜택,방문 형태별로 원하는 정보에 보다 쉽게 접근할 수 있도록 배려했습니다.
페이지 이동 없이 한눈에 보는 매장정보
고객이 가장 즐겨 찾고 오래 머무는 페이지는 매장 안내 페이지임에도 기존 채널은 입점 브랜드 관련 최소한의 콘텐츠만을 제공했기 때문에 고객이 산재된 연계 서비스를 직접 찾아야 하는 불편함이 있었습니다. 개선된 모바일 채널에서는 페이지 이동 없이 매장별 이벤트, 할인 정보, 핫플레이스 등 브랜드 관련된 정보를 한눈에 확인할 수 있도록 통합된 페이지를 구성했습니다.
시점별 정보 제공으로 더욱 편리해진 차량관련 시스템
고객의 방문 시점에 따라 방문하기 전에는 층별 주차 혼잡도와 실제 주차현황 정보를 미리 확인할 수 있도록 UI를 개선했습니다. 방문 시에는 ‘내차찾기’ 페이지에서 차량 위치를 확인할 수 있도록 하고, ‘내차등록’ 서비스를 활용해 초기에 차량 번호를 입력한 이후에는 차량 번호 선택만으로 위치 조회가 가능하도록 구현했습니다.
Branding - 스타필드다운, 스타필드만의 차별화 콘텐츠
콘텐츠 접근성과 편의성을 높인 별마당 도서관 페이지
스타필드 코엑스의 랜드마크이자 세계인이 찾아오는 별마당 도서관은 양질의 공연/강연 콘텐츠를 보유하고 있음에도 기존 디지털 채널의 한계로 인해 관련 정보들이 효과적으로 노출되지 못하고 있었습니다. 먼저 혼재된 정보를 재구성하고, 공연 정보들을 데이터베이스화해 검색이 가능하도록 구현했습니다. 또한 외부 채널로 이동해야만 했던 공연 신청 기능을 내재화하고 신청 정보 관리까지 가능하도록 했습니다.

  • 별마당소개 부터 별마당 굿즈까지
    한눈에 보고, 원하는 메뉴로
    바로 찾아가는 구조로 변경

  • 지난강연/공연 , 이달의 강연/공연 / 후기영상
    모든 공연을 확인할 수 있도록
    시점별 공연 정보 제공

  • 기존 외부 서비스를 통해서만 가능했던 관람
    신청을 홈페이지에서 가능하도록 내재화하고
    신청 내역을 관리할 수 있도록 개선

스타필드를 Fun하게 소개하는 SPECIAL MAP
일러스트와 인터랙션을 활용해 지점별 랜드마크와 핫플레이스, 이벤트, 공연 관련 정보들을 하나의 MAP에 생동감 있게 구성했습니다.
이를 통해 각 지점의 특색 있는 서비스와 정보를 흥미롭게 제공함과 동시에 ‘쇼핑 테마파크’라는 스타필드의 브랜드 아이덴티티를 극대화하고자 했습니다.
Back to list
next 미래에셋 TIGER ETF 미래에셋
TIGER ETF
Blend It
© PULIP COMMUNICATIONS Co., Ltd