프로토 타이핑
기능별 프로토타이핑 예시입니다.
Table
Search
이름
프로토타이핑 링크
설명
https://gehm1h.axshare.com
스크롤 인디케이터, 프로그레스바는 유저가 스크롤을 진행하면 상단에 스티키 탑 메뉴가 따라
해당 페이지의 스크롤이 얼마나 남았는지 시각적으로 표현해주는 UI입니다.
https://mtemn6.axshare.com
효과적으로 이벤트를 노출시키기 위해서, 배너 상단에 조그만한 탭 슬라이더를 작업하게 되었습니다. 기존의 텍스트 문구만 있던것에 비해, 이벤트들이 효과적으로 눈에 더 잘띄고 GA로 확인결과 클릭율 및 이벤트 전환율이 높아지게 되었습니다.
https://cq2upc.axshare.com
회원가입시 이용약관 페이지를 제작하였습니다. 해당부분에서 중점적인 사항으로는 다음으로 넘어가기 위한 필수적인 버튼과 그렇지 않은 버튼이 있다는 점이 있어, 엑슈어어로 작업을 하는데 어려움이 있었습니다.
https://yuqu63.axshare.com
쿠팡은 댓글에 댓가를 지급하지 않음에도, 활발히 상품평을 남겨주는것으로 유명한 이커머스회사입니다. 해당 기능을 담당하신 PO 김성한님의 책 프로덕트 오너에도 관련 내용이 설명되어 있습니다. 저는 해당 UI 기능들을 엑슈어로 구현해보았습니다.
https://y5yuua.axshare.com
회원가입시마다 패스워드 정책이 달라 평소 유저가 사용하던 패스워드를 사용 못한 경험이 있으실겁니다. 이럴 경우 고객은 기존과 다른 비밀번호를 생각하느라 머리가 아픕니다.
각 회사 정책에 맞게 이런 방식의 유효성을 체크하여 UX/UI를 적용한다면
고객이 조금 더 쉽게 비밀번호를 만들고 기억할 수 있지 않을까 생각해서 제작해봣습니다.