은행나무 한 판이 여러 해 그늘에서 뒤틀림을 다 게워내고, 못 하나 없이 다리와 천판이 서로를 붙잡아 한 손에 드는 밥상으로 앉습니다. 통영 소반의 짜맞춤(결구)은 나무가 계절 따라 숨 쉬며 늘고 주는 것을 억지로 막지 않고, 그 움직임을 품도록 짜인 이치입니다. '나뭇결(木結)' 공방의 소반은 그렇게 수십 년을 견디도록 만들어집니다. 문제는, 이 물성과 시간이 화면 안에서는 좀처럼 전해지지 않는다는 데 있었습니다.
물성을 파는 공방이 온라인에서 만나는 벽
공방 대표님의 첫 말씀은 명확했습니다. "직접 손에 쥐어 보면 다들 사시는데, 사진만 보고는 왜 이 값인지 모르시더라." 실제로 기존 홈페이지는 흰 배경에 소반을 정면으로 찍은 사진 한 장과 치수, 가격이 전부였습니다. 대량 생산 가구와 나란히 놓이면 '그냥 비싼 상'으로 보일 뿐이었죠. 손끝으로 만져질 결, 못을 쓰지 않은 이유, 한 점에 담긴 보름의 시간 — 이 이야기가 빠지자 가격만 홀로 도드라졌습니다.
결을 보여주는 것에서 출발한 설계
그래서 우리는 첫 화면을 제품 목록이 아니라 나무의 결 그 자체로 열기로 했습니다. 소반 상판을 비스듬한 빛으로 접사 촬영해, 오크와 은행나무의 물결 같은 결이 화면 가득 흐르게 했습니다. 스크롤을 내리면 완성된 소반이 아니라 만드는 과정이 먼저 나옵니다.
- 재료의 시간: 벌목 후 몇 해를 말리는지, 왜 그늘에서 천천히 말려야 뒤틀리지 않는지
- 짜맞춤의 이치: 못 없이 나무끼리 물리는 결구를 도해로 풀어, '왜 오래 쓰는가'를 눈으로 납득시키기
- 한 사람의 손: 한 점을 완성하기까지의 공정을 사진과 함께 시간순으로
가격은 이 이야기를 다 읽은 맨 마지막에 놓았습니다. 값을 감추려는 게 아니라, 값을 이해할 맥락을 먼저 쌓아 올린 겁니다.
느리게 보되, 빠르게 뜨게
결을 살리려면 사진이 커야 하고, 사진이 크면 화면이 늦게 뜹니다. 물성을 파는 사이트일수록 이 딜레마가 치명적이죠. 우리는 고화질 원본은 지키되 최신 이미지 포맷으로 용량을 크게 줄이고, 화면에 들어오는 순간에만 사진을 불러오도록 했습니다. 여기에 스크롤에 맞춰 결이 천천히 드러나는 움직임을 무거운 라이브러리 없이 CSS만으로 얹어, 느긋한 감상과 빠른 로딩을 동시에 잡았습니다. 주문은 복잡한 장바구니 대신, 원하는 크기와 나무를 고르면 그대로 문의로 이어지는 폼 하나로 단순하게 묶었습니다. 소반은 대개 상담을 거쳐 맞추는 물건이기 때문입니다.
남은 것은 숫자가 아니라 대화였다
공개 뒤 한 달, 대표님이 전한 변화는 방문자 수가 아니었습니다. "이제는 값을 먼저 묻지 않고, 어떤 나무가 좋냐고들 물으세요." 사이트가 흥정의 자리를 대화의 자리로 바꿔 놓은 것입니다. 문의 폼에는 용도와 사용 인원까지 적어 보내는 손님이 늘었고, 상담은 짧아지고 완성도는 높아졌습니다.
작은 공방일수록, 이야기가 곧 경쟁력입니다
손으로 무언가를 짓는 분들의 홈페이지에서 가장 자주 빠져 있는 것은 기능이 아니라 물성과 시간의 이야기입니다. 잘 찍은 사진 몇 장과 잘 짜인 흐름만으로도, 화면은 손끝의 감각에 제법 가까이 다가갈 수 있습니다. CYAN 에이전시는 이렇게 저마다의 결을 가진 작은 브랜드가 온라인에서도 제 값과 제 이야기로 서도록, 업의 본질에서 출발하는 사이트를 함께 짓습니다.