프로젝트 후기

흙 한 덩이가 1300도의 불을 견뎌 한 잔의 백자가 된다 — 흙결(土結) 도자 공방 브랜드 사이트 제작기

35년 동안 가마 앞에 서 온 도예가의 공방에 처음으로 사이트가 생겼다. 1300도의 가마 안에서 흙이 백자로 변하는 시간, 손잡이 하나의 곡선, 일본과 미국에서 들어오는 영문 메일을 어떻게 한 장의 첫 화면 안으로 담아냈는지 두 달간의 기록이다.

2026.05.20 조회 11
비즈니스

결제 버튼 하나를 켜기까지 견적서가 다섯 장 쌓인다 — 작은 회사가 사이트에 결제(PG)를 도입할 때 챙겨야 할 5가지 원칙

작은 회사 사장님이 사이트에 카드·간편결제를 처음 붙일 때 가장 많이 물어보는 다섯 가지, PG사 선택과 수수료, 정산 주기, 통신판매업 신고, 환불 흐름, 정기결제까지 실무 기준으로 정리한다.

2026.05.20 조회 15
프로젝트 후기

닥나무 한 다발이 천 번의 손길을 견뎌 한 장의 빛이 된다 — 백결(白結) 한지 공방 브랜드 사이트 제작기

60년 동안 종이를 떠 온 장인의 공방에 처음으로 사이트가 생겼다. 새벽 공기와 닥섬유의 미색, 천 번을 견디는 손길을 어떻게 한 장의 첫 화면으로 옮길지 두 달간 고민한 기록이다.

2026.05.19 조회 9
트렌드

한글 제목 한 줄이 어색하게 두 줄로 끊어진다 — text-wrap: balance와 pretty가 자바스크립트 없이 줄바꿈을 정돈하는 시대

모니터에서 멀쩡하던 헤드라인이 노트북 화면에서는 한 음절만 외롭게 두 번째 줄로 떨어진다. CSS text-wrap의 balance와 pretty는 자바스크립트 한 줄 없이 이 어색함을 정돈한다.

2026.05.19 조회 26
웹 개발

우리가 보낸 견적 메일이 고객의 스팸함에 묻혀 있다 — 작은 회사가 SPF·DKIM·DMARC로 메일 도달률을 지키는 5가지 원칙

도메인 인증 없이 보낸 메일은 점점 더 자주 스팸함으로 직행한다. SPF·DKIM·DMARC 세 가지 인증을 제대로 설정해 회사 메일이 고객의 받은편지함에 정확히 닿게 만드는 다섯 가지 실무 원칙을 정리했다.

2026.05.19 조회 14
디자인

모바일에서 우리 사이트의 매출 버튼은 화면 밖에 있다 — 작은 회사 모바일 사이트의 고정 CTA 버튼 설계 5가지 원칙

모바일 트래픽이 70%를 넘는 시대에도 작은 회사 사이트의 '전화하기' '문의하기' 버튼은 여전히 스크롤을 내려야 보이는 자리에 있다. 손끝에 닿는 자리에 단 하나의 버튼을 박는 일이 곧 모바일 사이트의 매출이 된다.

2026.05.19 조회 17
트렌드

팝업 하나에 자바스크립트 라이브러리 한 줄을 또 부르고 있다 — popover 속성이 자바스크립트 없이 여는 오버레이의 새로운 기본기

모달, 드롭다운, 툴팁을 띄우려고 외부 라이브러리를 줄줄이 부르던 시대가 끝나가고 있다. HTML popover 속성 한 줄이 오버레이의 기본 동작을 브라우저에 위임한다.

2026.05.18 조회 13
프로젝트 후기

실 한 가닥이 백 번을 휘감아 길상(吉祥)이 된다 — 매듭잇(結絲) 한국 매듭 공방 브랜드 사이트 제작기

한국 전통 매듭은 한 가닥의 실이 끊김 없이 백 번을 굽이쳐 모양을 이룬다. 매듭잇 공방의 그 결을 화면으로 옮기며 CYAN이 고민한 것들에 대한 기록이다.

2026.05.18 조회 7
웹 개발

한 통이라도 진짜 문의가 묻혀선 안 된다 — 작은 회사 사이트 폼 스팸을 막는 5가지 원칙

어느 날부터 문의 알림 메일함이 영어 광고와 키릴문자로 가득 찬다. 비싼 보안 솔루션을 붙이기 전에, 거의 모든 봇이 걸려 나가는 다섯 가지 막음을 먼저 적용해 보자.

2026.05.18 조회 17