# 더예약 런칭

> year: 2021
at: tablemanager
role: product deisgn
teammate: 1 PM, 1 FE, 2 BE, 2 PD

![Image](https://upload.cafenono.com/image/slashpagePost/20240825/211345_ttNODgY7TyBYIGUNMV?q=80&s=1280x180&t=outside&f=webp)

# **프로젝트 개요**

**예약상품권**은 예약을 한다는 전제하에 브랜드 상품권을 할인된 가격으로 구매하여 식사할 수 있는 서비스입니다.
기존에 예약상품권은 문자메시지 링크, 브랜드 카카오톡 채널, 네이버 블로그 등을 통해서 구매할 수 있었습니다.

![Image](https://upload.cafenono.com/image/slashpagePost/20240825/174228_JkG4H3TVSEDW9d3zKO?q=80&s=1280x180&t=outside&f=webp)

이렇게 구매 채널이 파편화되어있다보니 아래와 같은 문제점들이 생겨났습니다. 그래서 이를 한 곳에 모아서 구매할 수 있는 화면이 필요성이 제기되었습니다.

![Image](https://upload.cafenono.com/image/slashpagePost/20240825/174457_u9SnCwNkztLrKuYwcJ?q=80&s=1280x180&t=outside&f=webp)

# **디자인 방향성**

앞선 문제를 바탕으로 아래의 프로젝트 목표를 수립하였습니다. 그에 따른 디자인 컨셉을 잡았습니다

> 판매중인 예약상품권을 한 곳에서 볼 수 있도록

예약상품권을 판매 및 구매하고 싶도록

예약상품권 구매를 간편하게

> 정보 파악이 용이한 일관된 카드 UI

외식업 사장님과 소비자 모두에게 매력적인 디자인

구매 여정이 매끄러운 디자인

![Image](https://upload.cafenono.com/image/slashpagePost/20240825/174751_Fm2E4l1Ks2FA5sOB7u?q=80&s=1280x180&t=outside&f=webp)

# 제작 과정

### 일관성 있는 카드 UI로 통합적으로 보이게 하기

‘theyeyak.com’이라는 도메인을 만들어 예약 상품권을 한곳에서 볼 수 있게 하였습니다.

여러 상품들을 한 화면에 가시성 있게 보여주기 위해 카드 UI로 설계했고, 판매하는 브랜드 수가 많지 않아 
풍부하게 보일 수 있게끔 세로 스크롤형으로 디자인하였습니다.

![Image](https://upload.cafenono.com/image/slashpagePost/20240825/174825_Q2K07SEzf1J4T81bOT?q=80&s=1280x180&t=outside&f=webp)

### 소셜 프루프 장치*를 통해 매력적인 제품 화면처럼 보이게 하기

전자 상거래에서 신뢰를 형성하고 제품 구매를 유도하기 위해서는 소비자를 안심하게 할 만한 동기가 마련되어야 합니다.

인플루언서의 후기, 하트 클릭 수, 알림 받는 사람 수 노출을 통해 매력적인 상품처럼 보이도록 설계하였습니다.

*소셜 프루프 : 데이터로 고객에게 신뢰를 주고 구매 욕구를 자극하는 장

![Image](https://upload.cafenono.com/image/slashpagePost/20240825/174902_KxsPsQNYOHOpkmwuqW?q=80&s=1280x180&t=outside&f=webp)

### 판매하기 좋은 곳처럼 보여주기

예약상품권 홈은 소비자를 끌어들이기 위한 사이트이기도 하지만 외식업 사장님들의 상품을 판매할 수 있도록 
하는 사이트이기도 합니다.

사장님들에게 이 사이트가 자사 상품을 판매하기에 매력적인 사이트임을 인지시켜주기 위해 하단에 ‘더 예약과 
함께하는 브랜드’를 모두 모아 노출시켜주었습니다. 또한 라이브 커머스 문의 시 전문 호스트와 진행한다는 문구를 사용하여 신뢰감을 높였습니다.

![Image](https://upload.cafenono.com/image/slashpagePost/20240825/174922_HktglzHRB2ZChUTbda?q=80&s=1280x180&t=outside&f=webp)

### 간편 결제 도입으로 결제 쉽게 하기

기존에 가지고 있던 결제 방식은 카드정보를 일일이 다 입력해야 했어야 했는데 나이스페이와 카카오페이와 같은 간편 결제 방식을 추가로 도입하여 결제에 대한 부담을 덜어주었습니다.

![Image](https://upload.cafenono.com/image/slashpagePost/20240825/174941_LarRv6Jc5CpMyZiaLV?q=80&s=1280x180&t=outside&f=webp)

### 구매 여정 부드럽게 하기

구매 목록에 들어가서도 다시 구매가 가능하도록 ‘재구매하기’ 버튼을 두었습니다.

![Image](https://upload.cafenono.com/image/slashpagePost/20240825/175035_5XVcXvoDkq1MaKylGZ?q=80&s=1280x180&t=outside&f=webp)

# 회고

처음 스프린트를 도입하여 진행을 시작했지만 여러 이해가 둘러싸여 원활히 진행되지 못한 것이 아쉬웠습니다.

빠른 런칭을 위해 웹으로 제작 됐지만 웹보다는 앱 환경이 전환율도 높고 데이터 기반으로 사용자의 행동을 분석하는데 용이하기 때문에 앱으로의 전환 시도가 필요하다고 생각합니다. 그래서 각각의 화면의 퍼널을 분석해서 이탈율을 줄이고 전환율을 높여야합니다.

하지만 새로운 비즈니스 모델을 만드는데 참여할 수 있었다는 점과 라이브커머스라는 새로운 쇼핑 경험 제작을 시도해봤다는 점에서 의미있는 작업이었습니다.

For the site tree, see the [root Markdown](https://slashpage.com/yiseo.md).