트렌드

손님이 다음 장을 누를 때마다 흰 화면을 반 박자 마주하고, 그 반 박자를 지우자고 프리페치 코드를 손수 떠안는다 — Speculation Rules가 브라우저에게 '다음 페이지'를 미리 맡기는 시대

마우스 오버 감지, 프리페치 라이브러리, 캐시 관리까지—페이지 전환 속도를 위해 개발자가 떠안던 일을 이제 브라우저가 규칙 몇 줄로 대신한다. Speculation Rules API가 무엇이고, 작은 회사 사이트에 왜 지금 중요한지 짚어본다.

2026.07.05 조회 23
디자인

정성껏 데려온 손님이 열두 칸짜리 문의 양식 앞에서 반쯤 쓰다 창을 닫는다 — 작은 회사 웹사이트 입력 폼(문의·신청 양식) 설계의 5가지 원칙

칸이 하나 늘 때마다 손님은 떠납니다. 문의·신청 양식을 최소 칸, 명확한 라벨, 모바일 배려, 친절한 오류 안내, 전송 후 설계까지 다섯 가지 원칙으로 다듬는 법을 정리했습니다.

2026.07.05 조회 21
마케팅

손님은 휴대폰으로 '근처 미용실'을 찾는데 지도 어디에도 우리 가게가 없다 — 작은 회사가 네이버 플레이스·구글 비즈니스로 동네 손님을 잡는 5가지 원칙

홈페이지는 만들었는데 정작 지도 검색에선 우리 가게가 안 뜬다면, 문 앞을 지나던 동네 손님을 매일 놓치는 셈입니다. 네이버 플레이스와 구글 비즈니스 프로필로 지역 검색을 잡는 5가지 원칙을 정리했습니다.

2026.07.05 조회 23
비즈니스

가게 이름은 정했는데 홈페이지 주소를 뭘로 할지 몰라 남이 쓰던 이상한 주소를 얼떨결에 산다 — 작은 회사가 홈페이지 주소(도메인) 이름을 짓는 5가지 원칙

도메인은 한 번 정하면 명함, 간판, 검색까지 오래 따라다니는 자산입니다. 작은 회사가 후회 없이 홈페이지 주소를 고르는 다섯 가지 기준을 정리했습니다.

2026.07.05 조회 23
디자인

정보를 하나라도 더 넣으려 화면을 빈틈없이 채웠더니 정작 봐야 할 것이 묻혀 손님 눈이 쉴 곳을 잃는다 — 작은 회사 웹사이트 여백(화이트스페이스) 설계의 5가지 원칙

여백은 비어 있는 낭비가 아니라 손님의 시선을 안내하는 설계다. 답답한 화면을 걷어내고 정작 봐야 할 것을 돋보이게 만드는 다섯 가지 여백 원칙을 정리했다.

2026.07.04 조회 24
마케팅

한 번 산 손님이 다시 올 길이 없어 늘 새 손님만 광고로 사 나른다 — 작은 회사가 카카오톡 채널로 손님을 단골로 붙드는 5가지 원칙

새 손님을 광고로 사 오는 비용은 이미 우리를 아는 손님을 다시 부르는 비용의 몇 배다. 한국의 작은 회사가 가장 부담 없이 쓸 수 있는 단골 관리 통로, 카카오톡 채널을 광고판이 아닌 소식통으로 쓰는 다섯 가지 원칙을 정리했다.

2026.07.04 조회 23
프로젝트 후기

은행나무 한 판이 여러 해 그늘에서 뒤틀림을 다 게워내고 못 하나 없이 한 손에 드는 밥상으로 앉는다 — 나뭇결(木結) 통영 소반 공방 브랜드 사이트 제작기

손끝의 결과 짜맞춤의 이치를 화면으로 옮겨 담은 통영 소반 공방 브랜드 사이트. 물성을 파는 공방이 온라인에서 만나는 벽과, 그 벽을 넘기 위한 설계의 기록입니다.

2026.07.04 조회 23
마케팅

광고비는 나가는데 어떤 검색어가 손님을 데려오는지 몰라 밑 빠진 독에 돈을 붓는다 — 작은 회사가 검색광고(키워드 광고)를 헛돈 없이 시작하는 5가지 원칙

네이버 파워링크와 구글 검색광고를 무작정 켜면 클릭당 광고비만 새어 나갑니다. 살 사람의 검색어를 고르고, 도착 페이지를 손보고, 전환을 추적하는 작은 회사용 검색광고 시작 원칙 5가지를 정리했습니다.

2026.07.04 조회 25
트렌드

스크롤에 맞춰 요소를 움직이자고 스크롤 이벤트를 매 프레임 듣고 위치를 계산해 코드로 떠안는다 — CSS 스크롤 기반 애니메이션이 자바스크립트 없이 스크롤에 반응하는 시대

스크롤에 맞춰 요소를 움직이려고 스크롤 이벤트와 위치 계산 코드를 떠안던 시절은 지나간다. CSS 스크롤 기반 애니메이션이 진행 막대와 등장 효과를 몇 줄로 대신하는 방법과, 작은 회사 웹사이트에서 절제해 쓰는 기준을 짚는다.

2026.07.03 조회 24