Blog

디자이너, 마케터, 개발자가 직접 쓰는 홈페이지 이야기

화면을 그리고, 손님을 모으고, 코드를 짜며 겪은 것들. 한걸음의 세 사람이 각자의 분야에서 바로 써먹을 수 있는 이야기를 씁니다.

글 둘러보기
9편의 글
디자인 · 마케팅 · 개발
Scroll

Writers

세 사람이각자의 분야를 씁니다

화면을 그리는 디자이너, 손님을 모으는 마케터, 코드를 짜는 개발자. 보고 싶은 사람을 고르면 그 사람의 글만 모아 보여 드려요.

전체 글 9편

홈페이지 와이어프레임 스케치와 휴대폰 화면 시안이 놓인 책상디자인
디자이너3분 읽기

홈페이지 디자인, 왜 휴대폰 화면부터 그릴까요?

한걸음은 홈페이지 시안을 휴대폰 화면부터 그립니다. 모바일 화면을 먼저 설계하면 무엇이 달라지는지, 사장님이 시안을 볼 때 확인할 점까지 디자이너가 정리했습니다.

글 읽기
어두운 사무실에서 노트북 키보드를 두드리는 손AI
개발자3분 읽기

AI로 뚝딱 만든 홈페이지, 그대로 오픈해도 괜찮을까요?

AI 코딩 도구로 몇 분 만에 만든 홈페이지, 공개하기 전에 꼭 확인해야 할 보안·개인정보·운영 항목을 디자인스튜디오 한걸음이 정리했습니다.

검색창이 떠 있는 태블릿을 두 손으로 들고 있는 모습SEO
마케터3분 읽기

손님이 실제로 쓰는 검색어는 따로 있습니다

사장님이 생각하는 검색어와 손님이 입력하는 검색어는 다릅니다. 검색 의도와 구체적인 검색어를 찾는 방법, 그리고 홈페이지에 자연스럽게 담는 법을 알려 드립니다.

어두운 배경 위에 흩어진 금속 활자디자인
디자이너3분 읽기

잘 읽히는 홈페이지는 글자부터 다릅니다

글자 크기, 줄 간격, 한 줄 길이, 글자와 배경의 대비까지. 방문자가 끝까지 읽게 만드는 홈페이지 글자 디자인 기준을 디자이너가 쉽게 정리했습니다.

검색창이 떠 있는 노트북 화면SEO
개발자3분 읽기

검색 결과에 별점과 가격이 함께 뜨는 이유, 구조화된 데이터

검색 결과에 별점, 가격, 행사 날짜가 함께 보이는 페이지의 비밀은 구조화된 데이터입니다. 어떤 정보를 표시할 수 있는지, 주의할 점과 확인 방법까지 쉽게 설명합니다.

지도 앱이 열린 스마트폰을 손에 든 모습SEO
마케터3분 읽기

우리 가게는 지도 검색에서 몇 번째로 보일까요

"근처 카페"를 검색하면 지도 위에 뜨는 가게들은 어떻게 정해질까요? 구글 비즈니스 프로필과 네이버 스마트플레이스로 지도 노출을 챙기는 방법을 정리했습니다.

책상 위 휴대폰 화면을 손가락으로 누르는 모습디자인
디자이너3분 읽기

문의 버튼, 어디에 어떻게 두어야 눌릴까요?

홈페이지 방문자는 많은데 문의가 없다면 버튼부터 살펴보세요. 문의 버튼의 문구, 크기, 위치, 색을 정하는 기준을 디자이너가 정리했습니다.

초록색 그래프가 떠 있는 노트북으로 검색 성과를 확인하는 사람SEO
개발자3분 읽기

홈페이지 오픈 첫 주, 서치 콘솔과 서치어드바이저부터 연결하세요

구글 서치 콘솔과 네이버 서치어드바이저는 검색엔진에 우리 홈페이지를 알리고 성적표를 받는 무료 도구입니다. 등록 순서와 오픈 후 꼭 볼 리포트를 정리했습니다.

화면 가득한 AI 그래픽 앞에서 노트북으로 코드를 작성하는 사람AI
마케터3분 읽기

겉만 화려한 AI 홈페이지가 검색에서 놓치는 7가지

AI 빌더로 만든 홈페이지가 검색에 잘 안 뜨는 이유. 페이지 제목, 설명, H1, 사이트맵, 서치 콘솔, 공유 미리보기, 대체 텍스트까지 7가지를 직접 점검하는 방법.

우리 홈페이지도
점검받고 싶다면

지금 홈페이지 주소만 알려주세요. 검색 노출부터 문의 흐름까지, 무엇부터 바꾸면 좋을지 함께 살펴보겠습니다.

상담 신청하기