Share
Sign In
Work
✔️
year: 2021
at: tablemanager
role: design lead, product design
team mate: 1 PO, 1 FE, 1 PD
프로젝트 개요
삼성카드 프리미엄 다이닝 예약은 삼성카드 프리미엄 회원들을 대상으로 한 서비스로 앱 내 스마트오더를
통해 다이닝 레스토랑을 예약할 수 있는 서비스입니다. 화면 설계서 단계에 투입되었고 그 후 디자인 전반에 참여하였습니다.
디자인 방향성
프리미엄 레스토랑인 만큼 상품의 품질이 좋아보이도록 하는 콘텐츠 디자인을 구성했고 예약 서비스인 만큼 날짜 검색을 유연하게 할 수 있도록 설계했으며, 예약금을 결제할 때에도 안전하게 할 수 있도록 하였습니다.
제작 과정
아래 이미지는 예약 플로우 입니다
상품의 가치를 높여주는 콘텐츠 디자인
세련된 썸네일과 가시성 있는 정보 디자인으로 할인 혜택 및 상품 정보를 설득력 있게 제공하여 보다 쉽고 빠르게 상품을 탐색하고 구매할 수 있도록 설계하였습니다.
적합한 시간대를 알아서 추출
원하는 날짜를 선택하면 그 날짜에 가능한 시간대만을 노출시켜 일정을 선택하기 쉽게 하였습니다. 그다음 단계에서도 언제든지 일정을 다시 바꿀 수 있도록 설계하였습니다.
함부로 결제하지 못하게 하기 위한 구성
레스토랑 예약은 예약금이 있는 것과 아닌 것으로 구분합니다.
예약금이 있을 때 사용자가 확실하게 인지하고 넘어갈 수 있도록 화면 곳곳에 취소 수수료, 예약금에 관한 알림 요소를 놓고, 하단 버튼도 일반 예약과 다르게 ‘결제하기’라는 문구로 설정하여 헷갈리지 않도록 합니다.
또한 상단에 타임머신을 두어 다른 사람과의 예약 중복을 막았습니다.
회고
상품의 분류, 리스트 순서를 임의로 짜다 보니 감정 없는 디자인처럼 보인다는 점이 아쉬움이 남습니다.
지금보다 예약 과정을 더 간단하게 하고, 위치 정보 및 사용자 취향에 맞는 레스토랑, 다양한 콘텐츠를 보여주면 더 나은 결과물이 될 것 같습니다
Yi
Subscribe to 'yiseo'
Welcome to 'yiseo'!
By subscribing to my site, you'll be the first to receive notifications and emails about the latest updates, including new posts.
Join SlashPage and subscribe to 'yiseo'!
Subscribe
👍
Other posts in 'Work'See all
yiseo
닥터나우 보이스앤톤 가이드
year: 2022 at: doctornow role: design lead, platform design, project lead teammate: pnly one 1. 실행하게된 배경은? 닥터나우의 앱과 웹 모든 곳에서 일관되지 않은 보이스앤톤이 사용자에게 전달되고 있었습니다. 또한 제품을 만들 때마나 글쓰기에 관한 규칙이 없다보니 고민하는 시간에 리소스가 많이 들어갔습니다. 2. 그것이 왜 문제였는지? 언어적 요소와 비언어적 요소가 일관되고 상호보완적일 때, 사용자는 서비스의 성격에 대한 일관된 그림을 그릴 수 있기 때문에 인터페이스가 똑똑하고 재미있으며 설득력 있다고 느낍니다. 또한, 서비스의 메시지를 더 잘 이해하고신뢰하며 서비스가 요구하는 행동을 하게 됩니다. 하지만 앞선 배경에서 볼 수 있듯이 닥터나우는 유저에게 격식을 차릴 때도 있고 그렇지 않을 때도 있습니다. 또한 한 메시지 안에서도 불협화음이 일어나고 있었습니다. 이처럼 닥터나우에서는 보이스앤톤과 UX writing에 대한 명확한 기준이 없었고 문구를 작성할 때 개인의 기준에 맞춰 작성하다 보니 일관성이 떨어졌습니다. 사람의 건강을 책임지는 헬스케어 플랫폼에서의 신뢰감을 주는 것은 기본자세입니다. 일관된 문구의 명문화를 통해 고객 만족도를 높일 필요가 있었습니다. 3. 목표는 무엇이었는지? 모든 프로젝트를 진행할 때 목표가 가장 중요하다고 생각합니다. 명확히 설정한 목표를 통해 프로젝트의 방향을 정해 나아가고, 선택이 필요한 순간에 빠른 판단을 할 수 있기 때문입니다. 아래와 같이 다음과 같은 목표를 정했습니다. 일관된 마이크로카피를 작성할 수 있도록 해주는 보이스앤톤 디자인을 정의한다. 이를 통해 모든 채널에서 유저에게 일관된 메시지와 브랜드 경험을 제공한다.
yiseo
예약솔루션 디자인 템플릿
year: 2021 at: tablemanager role: project lead, platform design teammate: only one 1. 어떤 문제가 있었는가? 테이블매니저는 자사의 예약 솔루션을 여러 파트너사와 제휴하여 서비스하고 있었습니다. 하지만 → 뚜렷한 기준이 없었기에 매 번 새로운 디자인 결과물 도출 → 원본을 각자의 해석으로 개발하여 효율성 하락 이라는 문제점을 가지고 있었고, 코어 가이드의 부채와 커뮤니케이션 비용이 떨어지지 않아 물 빠진 독에 한정된 리소스만 들이붓는 상황이었습니다. 따라서 디자인 가이드를 정립하여 개발 및 디자인 리소스를 줄이고 일관성있는 UI를 전달하고자 했습니다. 2. 어떤 방법을 사용했는가? 가이드 체계는 Material Guidelines, Adobe International design을 참고했으며, 예약 시스템 UI의 모든 요소들을 해부하여 아래 이미지와 같은 구조도로 표현할 수 있었습니다. 화면의 가장 작은 단위를 foundation, 각기 다른 foundation이 모아진 Elements, 하나 이상의 Elements로 이루어진 Modules을 합쳐component로 규정하였습니다. 3. 어떻게 해결했는가? ① 아토믹 시스템으로 체계화하기 foundation : Color & Typography 다수의 파트너사와 연동하기 때문에 이를 돕기 위해 미리 제작된 UI와 컬러 팔레트가 필요합니다.
yiseo
더예약 런칭
year: 2021 at: tablemanager role: product deisgn teammate: 1 PM, 1 FE, 2 BE, 2 PD 프로젝트 개요 예약상품권은 예약을 한다는 전제하에 브랜드 상품권을 할인된 가격으로 구매하여 식사할 수 있는 서비스입니다. 기존에 예약상품권은 문자메시지 링크, 브랜드 카카오톡 채널, 네이버 블로그 등을 통해서 구매할 수 있었습니다. 이렇게 구매 채널이 파편화되어있다보니 아래와 같은 문제점들이 생겨났습니다. 그래서 이를 한 곳에 모아서 구매할 수 있는 화면이 필요성이 제기되었습니다. 디자인 방향성 앞선 문제를 바탕으로 아래의 프로젝트 목표를 수립하였습니다. 그에 따른 디자인 컨셉을 잡았습니다 판매중인 예약상품권을 한 곳에서 볼 수 있도록 예약상품권을 판매 및 구매하고 싶도록 예약상품권 구매를 간편하게 정보 파악이 용이한 일관된 카드 UI 외식업 사장님과 소비자 모두에게 매력적인 디자인