아티스트 포트폴리오 · 작가 홈페이지
김한영 스튜디오
유화 전문 현대미술가 김한영 작가의 포트폴리오 사이트를 기획·디자인·구축했습니다. 작품과 전시, 약력을 작품 이미지 중심의 미니멀 갤러리로 보여주며, 한국어·영어·프랑스어·일본어 4개 국어를 지원합니다.
프로젝트 개요
김한영(Kim Hanyoung)은 순수 유화물감으로 작업하는 현대미술가로, 풍경과 '황혼의 빛'을 주제로 자연의 유기적 결을 캔버스에 담아냅니다.
작가의 작품과 전시 이력, 약력을 한곳에서 보여주는 온라인 갤러리이자 포트폴리오로 사이트를 구축했습니다.
작품 이미지가 화면의 주인공이 되도록 중성적 배경과 여백 중심의 미니멀한 갤러리 레이아웃으로 설계했습니다.
해외 관람객과 컬렉터를 고려해 한국어·영어·프랑스어·일본어 4개 국어를 지원합니다.
실마릴은 이 프로젝트에서 포트폴리오 사이트 제작을 담당했습니다.
담당 역할 & 기여
- 작가 포트폴리오 사이트 기획·디자인·구축 — 작품(Work), 전시(Exhibitions), 약력·스튜디오(About), 뉴스·연락처(Information) 정보 구조 설계
- 작품 이미지를 최대한 살리는 이미지 중심 미니멀 갤러리 UI 디자인
- 한국어·영어·프랑스어·일본어 4개 국어(i18n) 사이트 구축
- 작품 제목·연도·크기·재료 등 작품 정보를 일관되게 보여주는 상세 구성
- 고해상도 작품 이미지를 빠르게 보여주는 이미지 최적화와 반응형 레이아웃 적용
- Next.js(App Router) 기반으로 구축하고 배포까지 완료
- 다국어 SEO 아키텍처(언어별 URL · hreflang/canonical), JSON-LD 구조화 데이터, 이미지·OG 자동 최적화 등 검색 최적화 전반을 구현
핵심 구성
작품 갤러리 (Work)
작가의 작품을 큰 이미지 중심으로 감상할 수 있는 갤러리를 구성했습니다.
전시 (Exhibitions)
주요 전시 이력을 정리해 작가의 활동을 보여줍니다.
약력 · 스튜디오 (About)
작가 스테이트먼트와 약력, 스튜디오를 소개합니다.
뉴스 · 연락처 (Information)
소식과 연락처를 한곳에 모았습니다.
4개 국어 지원
한국어·영어·프랑스어·일본어로 전 세계 관람객을 맞이합니다.
이미지 중심 미니멀 디자인
중성적 배경과 여백으로 작품이 돋보이는 갤러리 분위기를 연출합니다.
과제와 해결
작품이 주인공인 화면
- 상황
- 작가 포트폴리오에서는 UI가 아니라 작품 그 자체가 주인공이어야 합니다.
- 과제
- 디자인이 작품을 방해하지 않으면서도 갤러리다운 완성도를 갖춰야 했습니다.
- 행동
- 중성적 배경, 큰 이미지, 절제된 타이포그래피와 여백 중심 레이아웃으로 작품에 시선이 모이도록 설계했습니다.
- 결과
- 작품이 화면의 주인공이 되는, 갤러리 같은 포트폴리오를 완성했습니다.
고해상도 작품 이미지의 성능
- 상황
- 회화 작품은 질감이 살아야 하므로 고해상도 이미지가 필요하지만, 그대로 쓰면 로딩이 느려집니다.
- 과제
- 이미지 품질을 지키면서도 빠르게 열리는 사이트를 만들어야 했습니다.
- 행동
- Next.js 이미지 최적화와 반응형 이미지로 화면·기기에 맞는 크기를 제공하도록 구성했습니다.
- 결과
- 작품의 디테일을 살리면서도 빠르게 감상할 수 있는 갤러리를 구현했습니다.
4개 국어 글로벌 대응
- 상황
- 작가의 국제적 활동을 위해 여러 언어로 작품과 약력을 제공해야 했습니다.
- 과제
- 네 개 언어에서 콘텐츠와 레이아웃이 일관되게 유지돼야 했습니다.
- 행동
- 한국어·영어·프랑스어·일본어를 i18n 구조로 구성하고 언어 전환을 구현했습니다.
- 결과
- 해외 관람객과 컬렉터가 모국어로 작품 세계를 둘러볼 수 있는 사이트를 구축했습니다.
SEO 구현
다국어 SEO 아키텍처
쿠키 기반 단일 URL i18n을 언어별 독립 URL 라우팅(/ko · /en · /fr · /ja, 기본 en)으로 전면 마이그레이션했습니다. 미들웨어가 로케일을 자동 감지(쿠키 → Accept-Language)해 308 리다이렉트하고, /admin·/api·정적 파일은 우회하며 세션 쿠키도 보존합니다.
canonical & hreflang
모든 공개 페이지가 자기 참조 canonical과 4개 언어 + x-default(→ /en) alternate를 출력합니다. 동일한 hreflang 세트를 <head>와 sitemap.xml 양쪽에 이중 출력하고, 운영 도메인은 non-www로 정규화해 중복 색인을 방지했습니다.
구조화 데이터 (JSON-LD)
Person(모든 언어가 동일 @id인 단일 엔티티 — 생년·출생지·홍익대 alumniOf·knowsAbout·sameAs), WebSite(SearchAction), 작품 VisualArtwork, 전시 ExhibitionEvent/CreativeWork, BreadcrumbList, 목록 CollectionPage + ItemList를 적용했습니다.
작품·전시 개별 URL 색인
작품·전시가 항목마다 고유 URL(/{locale}/artworks/{slug})로 개별 색인됩니다. 슬러그는 {제목}-{UUID 앞 8자}로 DB 스키마 변경 없이 생성하고, 상세 페이지 OG 이미지는 작품 이미지 자체를 사용합니다.
관리자 추가 → 자동 색인
관리자가 작품을 추가하면 상세 페이지가 즉시 생성되고, sitemap에 1시간 내 자동 반영됩니다(재배포 불필요).
이미지 SEO — 다국어 alt 자동 생성
업로드만 해도 로케일별 키워드가 들어간 alt가 자동 생성됩니다(예: ‘화가 김한영 캔버스에 유채 작품’ / ‘Oil on Canvas by painter Hanyoung Kim’). 빈 alt·전 언어 동일 alt 문제를 막아 언어별 이미지 검색 신호를 확보하고, image sitemap에도 등록합니다.
동적 OG / Twitter 카드
언어별 1200×630 OG 이미지를 빌드 타임에 생성(next/og)하되, 원격 폰트 없이 시스템 폰트만 사용해 오프라인·샌드박스 빌드에서도 안전합니다. summary_large_image 카드와 언어별 태그라인을 반영했습니다.
크롤링 제어 & 사이트맵
robots에 Naver Yeti·Daum Daumoa를 명시 허용(국내 검색엔진 대응)하고 /admin·/api를 차단했습니다. sitemap은 ISR(1시간)로 DB의 최신 updated_at에서 lastmod를 산출하며 DB 장애 시 graceful degradation, 관리자 영역은 noindex 처리했습니다.
성능 · 운영 · 키워드 전략
공개 페이지 ISR 정적화와 LCP 이미지 priority로 Core Web Vitals를 개선하고 googleBot에 max-image-preview:large·max-snippet:-1을 지정했습니다. PWA manifest·언어별 RSS·검색엔진 소유확인(GSC·Naver)·GA4(프로덕션 한정)를 갖추고, ‘회화 중심 서양화가’ 포지셔닝과 김한영 작가/화가/작품 등 고의도 한국어 키워드를 타게팅했습니다.
기술 스택
성과 / 임팩트
- 작가의 작품 세계와 전시 이력을 한곳에서 보여주는 온라인 갤러리이자 포트폴리오를 완성했습니다.
- 한국어·영어·프랑스어·일본어 4개 국어로 해외 관람객과 컬렉터까지 대응합니다.
- 작품 이미지가 돋보이는 미니멀하고 빠른 사이트로, 작가의 브랜드를 온라인에서 일관되게 전달합니다.
- 언어별 URL·hreflang·JSON-LD·이미지 SEO를 갖춘 검색 최적화로, 4개 언어가 각각 색인되고 작품·전시가 개별 URL로 노출됩니다.
- 이 프로젝트에서 실마릴의 담당 범위는 포트폴리오 사이트 제작입니다.