renewal / responsive web / UI / UX
pasteur
renewal project
period
2020.08.10 ~ 2020.08.19
role
디자인 100%, 퍼블리싱 100%
type
반응형 웹(mobile, PC) 구현
project goal
파스퇴르 홈페이지는 2012년을 마지막으로 만들어진 웹사이트로
전체적으로 노후화된 디자인을 가지고 있음
이를 트렌드에 맞게 디자인하고 중요도에 따라 섹션을 배치해
사용자 누구나 이용하기 쉬운 반응형 기업 웹사이트 구현
파스퇴르 홈페이지는 2012년을 마지막으로 만들어진
웹사이트로 전체적으로 노후화된 디자인을 가지고 있음
이를 트렌드에 맞게 디자인하고 중요도에 따라 섹션을
배치해 사용자 누구나 이용하기 쉬운
반응형 기업 웹사이트 구현
design guide
keyword
- # 깔끔한
- # 파릇한
- # 믿음직한
믿고 마실 수 있는 신선한 상품,
건강한 우유
color
- #fff
- #00ad53
- #000
기존 브랜드 로고 색상 중
우유의 신선함을 보여주는 초록색 사용
font
- NotoSans KR
- a시월구일
신뢰를 주는 깔끔하고 가독성 좋은 폰트 사용
UI / UX design
- 기존 쇼핑몰은 2013년에 만들어져 노후화된 디자인과 작은 글씨크기로 홈페이지 이용에 어려움이 많았음
이를 해결하기 위해 가독성 좋은 깔끔한 폰트와 풀스크린 레이아웃, 적당한 여백을 배치하여 - 기존 웹사이트에서 부족했던 심미적, 기능적 부분 개선
- PC 화면에서 사용자가 동작 상태를 인지할 수 있도록 CSS를 이용한 마우스 이벤트 발생
publishing
- W3C Validator 검사 완료
- 웹표준, 접근성을 고려한 HTML 마크업 언어 구축
- mobile(375x812), pc(1920x1050) 스크린 사이즈에 최적화
- 화면 크기에 따라 반응하는 반응형 웹 구현
- 동적인 요소를 위해 javascript, AOS 플러그인 사용
