01 / Context
무엇을 해결할 것인가.
정원 디자인의 차이는 말만으로 전달하기 어렵습니다. 공간 유형과 면적에 맞는 제안을 비교하고, 선호하는 방향을 상담으로 전달할 수 있는 구성이 필요합니다.
정원 디자인 방향을 시각적으로 비교하고 AI 정원 설계와 상담으로 이어지는 조경 브랜드 홈페이지.
02 / Direction
프로젝트를 바라본 방향.
이미지 중심 포트폴리오에 공간·면적별 탐색을 결합했습니다. 디자인 비교에서 사진 기반 AI 설계 체험과 상담으로 이어지도록 구성했습니다.
공간과 면적을 탐색의 기준으로
테라스, 옥상, 실내처럼 실제 공간의 조건에서 출발합니다. 방문자가 자기 공간과 닮은 제안을 먼저 찾을 수 있습니다.
하나의 공간, 다섯 가지 방향
같은 공간에서 다른 설계 방향을 비교합니다. 설계 제안 이미지는 실제 시공 실적과 구분해 보여줍니다.
브랜드 안에서 더 깊이 탐색
정원 이미지에서 AI 설계와 배치 체험으로 이어집니다. 브랜드를 읽는 경험과 직접 구성하는 경험을 연결했습니다.
03 / Experience
사용자의 다음 행동을 설계하다.
대표 이미지를 중심으로 공간 유형과 면적에 따른 사례를 탐색합니다. 상세 페이지에서 디자인을 비교한 뒤 관련 체험과 상담으로 이동할 수 있도록 구성했습니다.
- 01공간·면적 탐색↓
- 02정원 제안 보기↓
- 03설계 방향 비교↓
- 04AI·배치 체험↓
- 05문의 연결↓
04 / Making
경험을 실제 시스템으로.
정적 웹사이트와 Node.js 기반 CMS를 분리했습니다. 포트폴리오 수정과 검수를 거쳐 새 게시본을 발행하도록 구성했습니다.
05 / In detail
구현의 디테일.
전체 기능 보기 +
- 반응형 브랜드 메인
- 공간 유형·정원 면적 포트폴리오 필터
- 프로젝트별 다섯 가지 설계 방향과 전후 비교
- AI 정원 만들기 연결
- 정원 놀이터/공간 배치 도구 연결
- 관리자 포트폴리오 CMS
06 / Intelligence & automation
인터랙션과 자동화.
정원 디자인 제안과 AI 설계 체험을 연결합니다. 이미지 기반 시안은 디자인 검토 자료로 제공하며 식재와 비용을 다루는 AI 서비스는 별도로 운영합니다.
07 / Outcome
그래서, 가능해진 일.
공간별 디자인 탐색, 제안 비교, AI 체험과 상담을 하나의 브랜드 동선으로 구성했습니다. 콘텐츠는 별도 CMS에서 갱신할 수 있습니다.
프로젝트 직접 보기 ↗08 / Continuity
만든 이후의 시간까지.
CMS에서 포트폴리오 글·사진·노출 순서를 관리하고 검수 후 발행합니다. 초안과 휴지통 복원, 이전 게시본 보관과 복구를 지원합니다.