[UX/UI 사전캠프] 3주차 2일, 3일 데일리 미션 - 웹 서비스 클론 디자인 팀 스터디

[미션] 자주 사용하는 웹 서비스 클론 디자인

1. 클론 디자인할 웹 선정 : 네이버웹툰
2. 선정한 웹 설명:
   • 분야 : 컨텐츠 서비스 플랫폼
   • 핵심 서비스 : 웹툰 제공
   • 주요 기능 :
     • 홈 : 랭킹 순위 웹툰 접근, 제목/작가로 웹툰 검색, AI 웹툰 추천, 인기순/업데이트순/조회순/별점순으로 웹툰 보기, 웹툰 올리기
     • 웹툰 : 요일별 웹툰 보기/찾기, 이달의 신규 웹툰 추천
     • 베스트 도전 : 장르별 웹툰 보기, 오늘의 인기 베스트도전 추천, 실시간 인기 베스트 도전 랭킹 표시, 실시간 신작랭킹 표시
     • 도전만화 : 장르별 웹툰 보기, 오늘의 인기 도전만화 추천, 추천 도전만화/전체 도전만화 보기, 실시간 인기 도전만화 랭킹 표시, 실시간 신작랭킹 표시
     • 마이페이지 : 관심웹툰, 최근 본 웹툰, 책갈피
   • 유저 플로우 작성

• 클론 디자인 진행 - 결과물
  
  • 메인 화면

네이버 웹툰 홈화면 클론 디자인

• 핵심 서비스

네이버 웹툰 상세 페이지 클론 디자인

네이버 웹툰 본문 페이지 클론 디자인

• 나머지 모든 서비스

네이버 웹툰 베스트도전 클론 디자인

네이버 웹툰 도전만화 클론 디자인

네이버 웹툰 로그인 페이지 클론 디자인

네이버 웹툰 마이페이지 클론 디자인

프로토타입으로 목업도 해봤는데 우리 팀이 작업한 프레임 사이즈랑 피그마 프로토타입에서 설정가능한 디바이스의 크기가 달랐다. (우리팀은 캡쳐한 화면과 같은  1440*718px로 작업했었다.)

그래서 프로토타입을 위해 1440*718px을 웹 표준인 1920*1080px로 모든 화면크기를 수정했다.

근데 정작 피그마 프로토타입에서 설정가능한 디바이스중엔 1920*1020px에 맞는게 없었다.(ㅋㅋ)

어쩔 수 없다. 웹 표준 화면크기에 맞췄다는 것에 의의를 둬야지...ㅎㅎ