블루 프린트 북, 서로맑음 스튜디오와 함께한 작업물입니다. 블루프린트북(BLUEPRINT BOOK)은 충남 공주시에 위치하여 그 건물 구조부터 특이한 형태를 하고 있는 독립서점이다. 1층에선 'FRONT'라는 이름의 카페를 운영하고 있으며 건물의 3층이 블루프린트북이다.공식 웹사이트가 아니며 비공식으로 진행한 개인프로젝트이다. 이 특이한 건축물의 느낌이 나타나도록 스크롤을 아래에서 위로 올라가게 하였다. 일반적인 스크롤이 아니기 때문에 스크롤을 위로 올려야 한다는 텍스트를 제공한다.책은 일반적인 서점들과 다르게 책의 제목과 표지가 아닌 그 안에 포함하고 있는 글귀로 추천을 한다. 책 안에 가지고 있는 글귀를 통해 책을 발견하는 방식이다.글귀가 많을 경우에 피로도가 높을 것을 예상하여 책을 이미지 목록으로도 볼 수 있는 토글 버튼을 추가하였다. 게다가 이전 프로젝트 중 하나인 "북키(BOOKIE)"를 이 서점이라는 공간 안에 있다면 어떨까 생각이 들어 '프린트'라는 페이지 안에 넣었고 북키때 느꼈던 단점들을 보완하였다. 유저가 흥미를 유발할 수 있도록 글귀를 타이핑할 때, 로고의 안경눈 캐릭터의 눈이 글자 수에 맞추어 움직이는 마이크로 애니메이션을 추가하였다.그리고 이를 빅데이터로써 활용할 수 있도록 '어떤 느낌일 때 좋았던 글귀인지' 함께 수집한다. 나중에 어느정도 데이터가 쌓였을 때, 반대로 현재의 느낌을 유저에게 물어보고, 글귀를 추천하여 인쇄할 수 있도록 활용할 수 있을 것이다.북키 때는 글귀를 입력하고, 업로드한 뒤, 인쇄하는 프로세스가 매우 번거로웠는데 이를 단순화하여 입력 후 업로드와 인쇄를 동시에 할 수 있도록 했다.반응형 웹사이트로 제작했기 때문에 모바일, 태블릿 등의 화면에서도 대응한다. 단, 프린트의 기능은 POS프린트가 있는 데스크탑 환경에서만 지원한다.사이트 주소 : https://blue-print-book.web.app/

블루 프린트 북

블루프린트북(BLUEPRINT BOOK)은 충남 공주시에 위치하여 그 건물 구조부터 특이한 형태를 하고 있는 독립서점이다. 1층에선 'FRONT'라는 이름의 카페를 운영하고 있으며 건물의 3층이 블루프린트북이다.공식 웹사이트가 아니며 비공식으로 진행한 개인프로젝트이다. 이 특이한 건축물의 느낌이 나타나도록 스크롤을 아래에서 위로 올라가게 하였다. 일반적인 스크롤이 아니기 때문에 스크롤을 위로 올려야 한다는 텍스트를 제공한다.책은 일반적인 서점들과 다르게 책의 제목과 표지가 아닌 그 안에 포함하고 있는 글귀로 추천을 한다. 책 안에 가지고 있는 글귀를 통해 책을 발견하는 방식이다.글귀가 많을 경우에 피로도가 높을 것을 예상하여 책을 이미지 목록으로도 볼 수 있는 토글 버튼을 추가하였다. 게다가 이전 프로젝트 중 하나인 "북키(BOOKIE)"를 이 서점이라는 공간 안에 있다면 어떨까 생각이 들어 '프린트'라는 페이지 안에 넣었고 북키때 느꼈던 단점들을 보완하였다. 유저가 흥미를 유발할 수 있도록 글귀를 타이핑할 때, 로고의 안경눈 캐릭터의 눈이 글자 수에 맞추어 움직이는 마이크로 애니메이션을 추가하였다.그리고 이를 빅데이터로써 활용할 수 있도록 '어떤 느낌일 때 좋았던 글귀인지' 함께 수집한다. 나중에 어느정도 데이터가 쌓였을 때, 반대로 현재의 느낌을 유저에게 물어보고, 글귀를 추천하여 인쇄할 수 있도록 활용할 수 있을 것이다.북키 때는 글귀를 입력하고, 업로드한 뒤, 인쇄하는 프로세스가 매우 번거로웠는데 이를 단순화하여 입력 후 업로드와 인쇄를 동시에 할 수 있도록 했다.반응형 웹사이트로 제작했기 때문에 모바일, 태블릿 등의 화면에서도 대응한다. 단, 프린트의 기능은 POS프린트가 있는 데스크탑 환경에서만 지원한다.사이트 주소 : https://blue-print-book.web.app/

  • ETC
  • ETC
  • 블로그형 웹사이트
이상준
6/30/2020