피그마 기초

동부산CC 팀프로젝트 기준으로 6/16 ~ 6/30 (15일) 계획표를 짜보면 아래 정도가 현실적이야.

프로젝트 일정표

6/15 (월)
주제 확정 및 역할 분담
동부산CC 리뉴얼 확정
팀원 역할 분담
경쟁사 조사
레퍼런스 수집

산출물

주제 선정서
역할 분담표

6/16 (화)
리서치
동부산CC 현황 분석
경쟁사 3곳 분석
장점/단점 정리

추천 경쟁사

아난티 코브
스톤게이트CC
해운대CC

산출물

리서치 자료

6/17 (수)
IA 구성

사이트맵 작성

HOME

코스안내
예약안내
클럽하우스
이용안내
회원안내
고객센터

산출물

IA
사이트맵

6/18 (목)
와이어프레임

메인페이지

Hero

코스소개

사계절

예약배너

클럽하우스

회원혜택

고객센터

산출물

메인 와이어프레임

6/19 (금)
서브 와이어프레임

서브페이지

코스안내
예약안내
클럽하우스

산출물

서브 와이어프레임
디자인 단계

6/20 (토)
스타일가이드

컬러

Navy
#0B2341

Gold
#C8A96B

White
#FFFFFF

폰트

Pretendard
Noto Serif KR

6/21 (일)
메인페이지 디자인

작업

Hero
예약영역
코스영역

6/22 (월)
메인페이지 디자인

작업

사계절
클럽하우스
회원혜택
Footer

6/23 (화)
서브페이지 디자인
코스안내

6/24 (수)
서브페이지 디자인
예약안내

6/25 (목)
서브페이지 디자인
클럽하우스
퍼블리싱 단계

6/26 (금)
HTML 작성
Header
Footer
메인 구조

6/27 (토)
CSS 작성
레이아웃
반응형 제외
스타일 적용

6/28 (일)
JavaScript
Hero 슬라이드
스크롤 애니메이션
Hover 효과

추천

Swiper
AOS

6/29 (월)
최종 점검

체크리스트

오타 확인
링크 확인
이미지 최적화
발표 준비

산출물

Figma
HTML/CSS/JS
발표자료
교수님이 좋아할 포인트

메인페이지 7개 섹션 구성

01 Hero

02 Course
(Valley / Hill / Lake)

03 Four Seasons

04 Reservation

05 Club House

06 Membership

07 Customer Service

서브페이지 3개

01 코스안내
02 예약안내
03 클럽하우스

이 정도면 리서치 → IA → 와이어프레임 → 디자인 → 퍼블리싱 흐름이 명확해서 평가받기 좋은 구성이다.