Digital
Easier shopping with LOTTE CARD THING-SHOP
- Client
- LOTTE CARD
- Category
- Digital
- Services
- Website, E-commerce, Mobile App, UX/UI, Digital Product
- Scope
- E-commerce Strategy, Service/Product Strategy, Prototyping, Mobile App Design, UI/UX Design, Mobile Site Design, Website Design, GUI Design
- Year
- 2024
THING-SHOP is an exclusive commerce platform for Lotte Card members. By using payment information and in-app behavior data, THING-SHOP provides each user with personalized shopping feeds based on their preferences.
Because of the fragmented platform information architecture, we saw an opportunity to improve accessibility and the overall user experience. By consolidating and streamlining product information effectively, we could provide a more intuitive experience where users would be able to check and optimize their card benefits within the site.
We redesigned the UI/UX strategy for the entire consumer journey covering product units, pricing details, personalized recommendation feeds, and order-payment to deliver a more convenient shopping experience for all.
쇼핑이 쉬워지는 롯데카드 띵샵 취향과 소비 습관을 반영한 개인화 커머스 플랫폼, 롯데카드 띵샵. 띵샵은 롯데카드 회원 전용으로, 결제 정보와 앱 내 행동 데이터 분석을 통해 소비 성향을 파악하여 개인 맞춤형 쇼핑 피드를 제공합니다. 띵샵의 주된 과제는 개인화 추천, 고관여 상품(구매를 결정하기 까지 오랜 시간이 소요되는 고가의 상품) 및 생필품의 노출 전략, 다양한 상품의 가격 노출 전략, 발견 카드 활성화 등이 있었습니다. 이런 수많은 과제를 수행하기 위해 많은 고민을 했습니다. 우리는 솔루션 활용에 필요한 확장성 있는 구조를 설계하여 다양한 형태의 콘텐츠를 구성하고 구현할 수 있는 방안을 제시했습니다. 또한, 상품 유닛, 가격 정보, 개인화 추천 피드, 주문결제 플로우 등 구매 여정에 대한 UI/UX 전략을 토대로 띵샵만의 최적화된 개인화 커머스 경험을 구축했습니다.
Personalized Main Feed
We focused on creating a product visibility strategy paired with intuitive layouts to help drive higher conversion rates. Instead of just displaying a list of products, we designed three themed recommendation categories that better reflect users’ interests and shopping patterns. Key Lotte Card offerings were also organized based on card usage history, making the whole purchasing journey more convenient as this allowed users to quickly find the products that they’re most interested in.
개인화 추천 중심의 메인 띵샵의 UI/UX 구현에서 가장 중점적으로 집중한 것은 2가지였습니다. 첫 번째는 단순히 상품을 노출시키는 것이 아닌 개인의 취향과 소비습관에 맞춰 고관여 상품(구매를 결정하기 까지 오랜 시간이 소요되는 고가의 상품)과 생필품을 차별화하여 노출하는 것이었습니다. 두 번째는 구매를 유도할 수 있는 코너 설계와 향후 확장성을 고려한 인터페이스 디자인을 구현하는 것이었습니다. 그에 따라 고관여 상품(구매를 결정하기 까지 오랜 시간이 소요되는 고가의 상품)의 카테고리를 고객의 취향, 관심, 활동 기반으로 3개의 테마로 재구성하여 고객에게 최적화된 추천 테마를 제공하였습니다. 생필품은 카드 사용 이력에 맞춰 카테고리, 브랜드, 상품 등을 세분화여 제공함으로써 고객이 원하는 상품을 빠르게 찾을 수 있도록 구매 여정의 편의성을 높였습니다.
Crafting unique shopping experiences
Rather than just serving information, we decided to create two types of themes to sustain interest through dynamic interactions and design. The high-interest product-focused theme puts the spotlight on different products through a variety of attention-grabbing layouts while EDS product-focused theme was made be distinct by being very simple, but impactful.
특별한 경험을 제공하는 매거진 타입의 ‘취향’ 메뉴 단조롭게 정보만을 제공하는 형태를 벗어나 역동적인 인터랙션과 다이나믹한 디자인 활용으로 흥미를 유발하여 특별한 경험을 제공할 수 있도록 크게 두 가지 타입의 매거진 형태를 구성했습니다. 고관여 상품(구매를 결정하기 까지 오랜 시간이 소요되는 고가의 상품) 중심의 테마는 상품을 매력적이고 돋보이게 전시할 수 있도록 목적에 따라 다채로운 레이아웃을 활용할 수 있게 구성하여 생동감 넘치는 느낌을 전달할 수 있게 제작하였습니다. 생필품 중심의 기획전 테마의 경우 간결하지만 임팩트 있게 한 가지 테마를 중심으로 어울리는 상품 구성을 통해 다른 서비스와 달라 보일 수 있도록 차별점을 주었습니다.
Synergy Between Pricing and Products
THING-SHOP holds a wide portfolio of products from daily necessities to luxury goods while offering a variety of flexible payment options. There are subscription services and interest-free installments for up to 60 months. These payment schemes have a tendency to get complex so we simplified all payment details from lump-sump payment, long-term installment plans, and subscriptions into a more intuitive format. With the restructuring, users can now view the final discounted price, inclusive of discounts from points and coupons directly on the product detail page without having to navigate to the checkout page.
상품별 특성에 맞춰 명확한 가격 정보를 제공하는 상품 상세 생필품부터 명품까지 다양한 상품을 제공하는 띵샵은 ‘환승’이라는 띵샵만의 구독 서비스와 최대 60개월의 장기무이자 혜택을 제공하고 있습니다. 일시불, 장기무이자, 환승(구독) 결제 등 다소 복잡하고 생소한 가격 정보 영역을 명확하고 체계적인 가격정보로 구성하여 고객이 보다 쉽고 효과적으로 이해할 수 있도록 구성했습니다. 또한 단순 할인 금액이 아닌 포인트, 쿠폰 등 다양한 할인 혜택을 적용한 최종 혜택가를 상품 상세 화면에서 확인할 수 있도록 구성하여 필요한 정보에만 집중할 수 있도록 개선했습니다.
Simple and Thoughtful Design
The THING-SHOP brand identity was crafted to be unique, but also made to fit in with the broader Digi-Loca ecosystem which it was a part of. Unnecessary design elements were kept to a minimum for a clean and intuitive interface that keeps the focus on the products and pricing details. But to add visual appeal, illustrations were incorporated into different elements like banners, events, and gift cards to create a shopping environment that is engaging and user-friendly.
심플함과 세심함이 묻어있는 디자인 띵샵은 디지로카 앱 내의 커머스 서비스로, 띵샵만의 아이덴티티와 요소들이 디지로카의 앱에도 자연스럽게 녹아들 수 있도록 고민했습니다. 불필요한 디자인 요소는 줄이고, 상품과 가격정보에 집중할 수 있도록 직관적으로 화면을 구성했습니다. 배너, 이벤트, 선물 카드 등 시각적인 재미가 필요한 곳에는 일러스트 요소를 가미하여 지루하지 않은 쇼핑 경험을 제공합니다.
Credits
PMOLyu SehyunProject ManagementKang DongyeonStrategic Planning LeadPark JihyeStrategic PlanningBang YoungeunLee SeyoungLee YunmiLee HyejinJeong DahyeJeong HanaDesign DirectionLee SuheonDesign LeadBang DaeseokYeon AhyoungUI/UX DesignKim MinchaeKim YoungjungKim JiwooNa HeesuSong YerinCho MihyunHwang YejinPublishing LeadKwon HyunjiPublishingKwon JunheeKim JinwooPark HyunjungJo Yeorang