responsive web / promotion
promotion page
project
period
2020.07.24 ~ 2020.07.30
role
디자인 100%, 퍼블리싱 100%
type
반응형 웹(mobile, tablet, PC) 구현
project goal
1300k 이벤트 웹 프로모션 페이지 제작 프로젝트
특정 기간 동안 진행되는 고객과의 소통을 위한 광고 페이지 제작
상품, 서비스들을 고객들께 알림으로써 브랜드 가치를 창출하고,
모든 기기에서 동일한 컨텐츠를 볼 수 있는 반응형 사이트 구현
1300k 이벤트 웹 프로모션 페이지 제작 프로젝트
특정 기간 동안 진행되는 고객과의 소통을 위한
광고 페이지 제작
상품, 서비스들을 고객들께 알림으로써 브랜드 가치를
창출하고, 모든 기기에서 동일한 컨텐츠를 볼 수 있는 반응형 사이트 구현
design guide
keyword
- # 귀여운
- # 따뜻한
- # 깔끔한
피크닉 제품 홍보에 어울리는
귀엽고 따뜻한 디자인
color
- #76d696
- #68a25f
- #4c8a61
피크닉의 계절인 봄에서 떠오르는
파릇파릇한 잔디의 색상
font
- NotoSans KR
- a시월구일
- Montserrat
깔끔하고 가독성 좋은 폰트 사용
UI / UX design
- 이벤트 페이지 컨텐츠를 섹션별로 나누어 보기좋게 배치
- 타이틀 밑에 원하는 섹션으로 이동할 수 있는 메뉴 버튼 구성
- 페이지 맨 위로 이동하는 ScrollTop 버튼 배치
publishing
- W3C Validator 검사 완료
- 화면 크기에 따라 반응하는 반응형 웹 구현
- Mobile(375x812), Tablet(768x1024), PC(1920x1050) 스크린 사이즈에 최적화
- javascript를 이용하여 타이틀 바로 밑의 메뉴 클릭 시 해당 섹션으로 이동 가능하게 함
- javascript를 이용하여 스크롤 시 스크롤탑 버튼 등장, 부드러운 이동 구현
