소속사 홈페이지 제작

프로젝트 개요

소속 아티스트를 소개하는 기획사 홈페이지입니다. 이런 홈페이지는 회사의 인상을 그대로 전달하기 때문에, 정보를 많이 넣기보다 사진과 여백으로 분위기를 만드는 쪽에 무게를 두었습니다. 섭외 담당자가 확인하는 용도로도 쓰이므로 연락 경로는 분명하게 두었습니다.

이런 점이 필요했습니다

• 아티스트별 프로필과 활동 이력을 정리해 보여줘야 했습니다.
• 섭외·협업 문의를 받을 창구가 필요했습니다.
• 소속 인원이 바뀔 때 수정이 쉬워야 했습니다.
• 사진이 중심이라 화면 비율이 깨지지 않아야 했습니다.

이렇게 만들었습니다

• 첫 화면은 큰 이미지와 짧은 문구로 브랜드 인상을 먼저 전달합니다.
• 아티스트 목록에서 이름을 누르면 프로필, 사진, 활동 이력이 담긴 상세로 들어갑니다.
• 회사 소개에는 하는 일과 연혁을 간결하게 정리했습니다.
• 문의 폼에서 목적과 일정, 연락처를 받아 메일로 전달되게 했습니다.
• 아티스트 정보는 나중에 추가·수정하기 쉬운 구조로 정리했습니다.

인물 중심 사이트에서 중요한 것

사람을 보여 주는 사이트는 사진 한 장의 인상이 설명 열 줄보다 큽니다. 그래서 사진을 자르는 기준과 화면별 비율을 먼저 정해야 합니다. 또 소속 인원은 자주 바뀌므로, 화면을 예쁘게 만드는 것보다 **바뀌어도 무너지지 않는 구조**로 만드는 편이 오래 갑니다.

만들 때 특히 신경 쓴 것

• 사진 위 글자는 어두운 막을 깔아 어떤 사진에서도 읽히게 했습니다.
• 인원이 늘거나 줄어도 배치가 어색해지지 않도록 격자를 잡았습니다.
• 문의 메일이 스팸으로 빠지지 않도록 발송 방식을 정리했습니다.

화면과 사용성

사진이 중심이라 화면 크기에 따라 이미지 비율이 어색해지지 않도록 잡았고, 글자는 사진 위에서도 읽히게 대비를 확보했습니다.

기술 구성

Next.js로 제작했고 모든 화면이 반응형으로 동작합니다. 이미지 용량을 줄여 사진이 많아도 빠르게 열립니다.

제작 범위와 기간

기획, 디자인, 개발, 배포까지 진행했습니다. 사진과 프로필이 준비되면 2주 안팎이 걸립니다.

자주 묻는 질문

**아티스트를 직접 추가할 수 있나요?**

관리자 화면을 붙이면 직접 등록·수정할 수 있습니다.

**영문 페이지도 필요한데 가능한가요?**

가능합니다. 다국어 구조로 만들면 같은 내용을 언어별로 관리할 수 있습니다.

이런 분께 권합니다

• 기획사, 모델 에이전시, 아티스트 매니지먼트
• 인물과 작업물을 중심으로 보여 줘야 하는 회사

비슷한 홈페이지가 필요하신가요

하온은 기획부터 디자인, 개발, 배포까지 직접 진행하고 간단한 수정은 기간 제한 없이 무료로 지원합니다. 필요한 내용을 알려주시면 예상 범위와 일정을 정리해 드립니다.