'왓챠' 피그마 클론 페이지 UI/UX 분석

홍다희·2022년 8월 28일
0

https://www.figma.com/file/IC48eoYr1oUkAsAncTuHHH/Untitled?node-id=0%3A1

페어분과 함께 피그마로 제작한 '왓챠' 클론 페이지입니다.


홈 화면

발견 화면

1. 사용된 UI 디자인 패턴

  • 모달
  • 캐러셀
  • GNB (Global Navigation Bar)

2. 컬럼 그리드 시스템 사용 여부

사용 O,
12 columns


내 프로필 창을 모달로 구현했습니다.



페어 분께서 구현하신 호버 했을 때의 효과입니다.
호버 됐을 때 크기가 커지고 가운데 정렬이 돼야 하는데, 그걸 피그마에서 어떻게 해야 할지 몰라서 어려웠습니다.

피그마에서 완성도 높은 프로토타입을 쉽게(?) 만들 수 있다는 걸 처음 알아서 신기하고 재밌는 시간이었습니다.

profile
프론트엔드 개발자

0개의 댓글