HV-LAB — 건축·디자인 포트폴리오 웹사이트

배경

HV-LAB은 건축과 공간 디자인 프로젝트를 수행하는 스튜디오입니다. 웹사이트에서는 완성된 공간의 이미지를 보여주는 것뿐 아니라 프로젝트에 참여한 사람과 작업 과정을 함께 전달할 필요가 있었습니다.

프로젝트의 종류와 규모가 달라 한 화면에 이미지만 나열하면 각 작업의 성격을 구분하기 어려웠습니다. 주거와 상업 프로젝트를 나누고 각 사례의 배경과 디자인 과정, 완성 결과를 개별적으로 설명할 구조가 필요했습니다.

팀 소개도 단순한 이름과 사진 목록으로 끝내지 않고 전문 분야와 경력, 작업 철학이 프로젝트와 연결되도록 구성하는 것이 목표였습니다.

프로젝트를 주거와 상업 등 성격에 따라 분류했습니다. 목록에서는 대표 이미지와 프로젝트명을 중심으로 보여주고 상세 페이지에서는 추가 이미지와 작업 설명을 확인할 수 있도록 정보 구조를 설계했습니다.

페이지라이터의 커스텀 워드프레스 테마로 사이트를 제작했습니다. 프로젝트는 워드프레스 관리자 화면에서 추가하고 분류할 수 있도록 구성했습니다. 상세 페이지에는 프로젝트 개요와 디자인 과정, 완성 이미지, 참여 정보를 입력할 수 있게 했습니다.

이미지는 작품 자체가 중심에 놓이도록 여백이 넓은 레이아웃을 적용했습니다. 여러 이미지를 연속해서 살펴볼 수 있도록 라이트박스와 슬라이드 기능도 구성했습니다.

팀원 소개에는 전문 분야와 경력, 디자인 철학, 참여 프로젝트를 담을 수 있는 영역을 마련했습니다. 프로젝트와 팀 프로필을 함께 보여줘 누가 어떤 작업을 수행했는지 연결할 수 있도록 했습니다.

HV-LAB의 작업은 프로젝트별 상세 페이지를 갖춘 포트폴리오로 정리됐습니다. 방문자는 주거와 상업 작업을 구분해 살펴보고 각 프로젝트의 이미지와 설명을 확인할 수 있게 됐습니다.

팀원 프로필도 별도의 소개 영역으로 마련됐습니다. 완성된 공간만 보여주는 방식에서 벗어나 작업을 수행한 사람의 전문성과 철학을 함께 전달할 수 있게 됐습니다.

관리자는 새로운 프로젝트와 팀 정보를 워드프레스에서 추가하고 수정할 수 있습니다. 프로젝트 이미지와 설명을 직접 관리할 수 있는 운영 구조도 마련됐습니다.

Stack