프로젝트 후기

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

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

2026.05.19 조회 29
트렌드

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

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

2026.05.19 조회 51
웹 개발

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

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

2026.05.19 조회 32
디자인

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

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

2026.05.19 조회 38
트렌드

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

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

2026.05.18 조회 31
프로젝트 후기

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

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

2026.05.18 조회 27
웹 개발

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

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

2026.05.18 조회 37
마케팅

GA4를 켜놨는데 매주 어디부터 봐야 할지 모르겠다 — 작은 회사 사장님의 30분 주간 분석 리포트 5가지

구글 애널리틱스 4를 설치만 해두고 닫아둔 사장님은 의외로 많다. 매출에 가장 가까운 다섯 개의 보고서만 알면 GA4는 매주 30분의 의사결정 도구가 된다.

2026.05.18 조회 30
비즈니스

랜딩페이지 하나면 충분하다는 말과 사이트가 필요하다는 말 사이에서 — 사장님이 둘을 헷갈리지 않는 5가지 기준

견적 미팅에서 '랜딩페이지 하나면 된다'와 '사이트는 있어야 한다'가 동시에 나오면 사장님은 무엇을 만들지 헷갈린다. 둘은 다른 도구이고, 잘못 고르면 비용은 비용대로 들고 성과는 잡히지 않는다.

2026.05.17 조회 34