전주가 방한 도시관광의 선도모델 육성을 위한 관광거점도시로 선정되었기에 전주를 대표하는 여행지의 사진을 화면에 가득 담아, 사용자가 실제 여행을 하는 것처럼 표현했습니다. 또한 최대한 핵심 내용을 큼직한 크기로 알차게 배치하여 전하고자 하는 바를 명확하게 전달하고자 하였습니다.
사진에 보다 더 집중 할 수 있도록 최대한 색을 배제하였습니다.
메인컬러는 뉴트럴(흑,백), 포인트는 보라색을 사용했습니다.
- 패럴렉스 스크롤 기법으로 웹에 생동감을 주어 자연스럽게 몰입할
수 있도록 하였습니다.
- 배경과 아이콘의 구분을 색이 아닌
빛과 그림자로 구별하는 뉴모피즘 디자인을 사용하였습니다.
-
서체를 큼직하게 배치하고, 미니멀리즘을 웹에도 적용시켜 최대한
사진과 내용에 사용자의 이목을 집중시켰습니다.
- 기존의
레이아웃을 벗어난 탈그리드로 사진을 배치시켜 시각적으로 재미를
주었습니다.
PC 시안 자세히보기
디바이스 크기에 따라 3칸으로 표출되고, 버튼을 누를때마다 1칸의
크기만큼 이동이 가능합니다. 게시물이 없을 시 button에
.disable이 추가되어 이동이 불가능합니다.
디바이스가 변할 때마다 새로고침을 해야 하는
번거로움이 있어 보완이 필요합니다.
See the Pen Untitled by seraphinaciel (@seraphinaciel) on CodePen.
bx slide 라이브러리를 적용하였습니다.
썸네일이 넘어가지 않는 부분의 보완이 필요합니다.
See the Pen Untitled by seraphinaciel (@seraphinaciel) on CodePen.