콘텐츠1 영역

Responsive Web

Forestry : Botanic Garden

가상의 식물원 ‘포레스트리’ 기획 & 제작

01   Background & issue

실제 존재하지 않는 가상의 공간을 배경으로 한 사이트이기에, 먼저 공간에 대한 이미지를 만들기 위해, 다양한 사전조사가 필요하였으며, 나아가 네이밍, 페이지 기획, UI/UX 등 웹사이트 제작 과정 전반에 대한 모든 과정을 수행하였습니다.

02   Task & project goal

식물원의 기본적인 목적인 홍보와 예약, 정보 안내 등 많은 컨텐츠 구성을 기존 식물원 사이트보다 효율적으로 할 수 있는 방안에 대한 고민, 페이지 구성에 많은 힘을 실었습니다.

콘텐츠1-1 영역

03   Bi System

자연과 관련된 다양한 네이밍에 대한 자료조사와 리스트를 종합한 뒤, 숲의 ‘Forest’ + 휴식의 ‘Rest’ + 머무름의 ‘Stay’ 의 합성어이면서, 본 사이트의 제작 의도와 가장 맞닿은 Forestry로 선정하였습니다. 이후, 심볼마크를 식물원의 컨셉과 의미 전달이 확실하게 자연의 이미지를 활용하여 제작하고, 식물원에서 찾아볼 수 있는 4계절의 다양한 자연 색감을 활용하여 구성하였습니다. 나아가, 네이밍의 의미를 드러내는 슬로건 ‘숲과 휴식 그리고 머무름’을 로고 하단에 배치하여 의미를 확장하고자 하였습니다.

Forestry logo1 가로형 BI
Forestry logo1 세로형 BI

콘텐츠2 영역

+ Design & Publishing System Principle

기존 식물원 웹사이트 아웃풋에 대한 사용자의 니즈를 파악하여 사용자에게 최대한 짧은 단계에서 많은 정보를 접할 수 있는 경험을 제공할 수 있도록 기획하였습니다.
Index
주요 장소에 대한 정보, 이미지를 메인에 효율적으로 배치하여, 전반적인 콘텐츠를 한번에 확인 가능
Reservation system
고객 유입 및 매출 상승을 위한 예약 기능 시스템을 가상으로 구현하여, 고객 유치와 매출 상승에 기여
Plugin & Contents
탭 메뉴, Nav JQ, Swiper, Slick, Type.js 등 다양한 자바스크립트, JQeury를 활용한 콘텐츠 구성
Notice & Gallery
테이블 디자인을 구현하고, 반응형에 맞춰 다양한 화면에서 확인 가능하도록 구성

콘텐츠3 영역

콘텐츠4 영역

forestry overview
포레스트리 이미지1
포레스트리 이미지2
포레스트리 이미지3
포레스트리 이미지4
포레스트리 이미지5
포레스트리 이미지6