IT 이야기/내가 PM이라면

Figma를 활용해 KREAM의 Wireframe 만들어 보기

왼손잡이 에언 2022. 2. 16. 03:04
한정판 거래 플랫폼인 KREAM의 유저스토리를 작성하고 해당 테스크의 핵심 기능과 Flow를 파악해 Lo-fi 프로토타입과 mid-fi 와이어프레임을 만들어보고자 한다.

1. KREAM 사용자의 유저 스토리

WHO: 나이키 덩크 로우를 갖고 싶은 사용자가

WHY: 드로우에 응모하기 위해

WHAT: 드로우 알람을 설정한다. 

 

KREAM에서는 발매정보(드로우 정보)를 제공한다. 원하는 신발의 발매 일정의 알람을 설정해두면 응모 마감 전에 알림을 받을 수 있다. 드로우에 응모한다고 무조건 되는 건 아니지만, 기회에 도전하지 않으면 기회를 얻을 수 없는 법이다. 알림을 설정해두고 꾸준히 하면 한번은 된다. (저는 한번 됐습니다..!)

 

2. 유저의 FLOW

알람을 설정하는 방법은 두가지이다. 1) 상품 상세 페이지를 직접 들어가지 않고 알림을 설정할 수 있고, 2) 상품 상세 페이지에 들어가서 알림을 설정해둘 수 있다. 

 

3. Lo-Fi 프로토타입 (페이퍼 프로토타입)

4. 와이어프레임

참고) 실제 화면 플로우