홈페이지 시안 확인 방법 5단계, 피그마 링크 받았다면제작 팁

블로그 · 제작 팁

홈페이지 시안 확인 방법 5단계, 피그마 링크 받았다면

· 읽는 시간 5분

공유하기

이 글의 요약

  • 홈페이지 시안은 모바일 화면, 첫 화면 메시지, 메뉴 구조, 문의 버튼, 문구·사진 순서로 보면 놓치는 것이 없습니다.
  • 피그마 링크는 설치 없이 브라우저에서 열리고, 화면 위에 바로 댓글로 수정 요청을 남길 수 있습니다.
  • 시안 단계에서 확정할 것과 나중에 바꿔도 되는 것을 구분하면 수정 왕복이 크게 줄어듭니다.

홈페이지 시안 확인 요청을 받으면 막막해지죠. 제작 업체에서 "시안 나왔습니다, 피그마 링크로 확인해 주세요"라는 메시지가 오는데, 링크를 열어 보면 예쁜 화면만 보이고 뭘 어떻게 봐야 할지 모르겠는 분이 많습니다. 결론부터 말씀드리면, 아래 다섯 가지만 순서대로 보면 됩니다. 디자인 감각이 없어도 괜찮아요. 우리 가게 손님이 보는 눈으로 확인하면 충분합니다.

피그마 시안이 뭔가요?

피그마는 웹 브라우저에서 열리는 디자인 도구입니다. 프로그램을 설치하지 않아도 링크만 누르면 PC든 스마트폰이든 시안이 열려요.

장점은 화면 위에 바로 의견을 남길 수 있다는 점이에요. 마음에 안 드는 부분을 클릭해 댓글을 달면 디자이너가 어디를 말하는지 정확히 압니다.

잇다웹도 맞춤 제작은 피그마 시안을 먼저 보고 확정한 뒤 개발하는 순서로 진행합니다. 시안을 꼼꼼히 볼수록 개발 이후의 수정이 줄어듭니다.

홈페이지 시안 확인, 이 순서로 보세요

첫 화면부터 예쁜지 보는 대신, 손님이 움직이는 순서대로 보는 것이 핵심입니다. 손님은 스마트폰으로 들어와 첫 화면에서 3초 안에 판단하고, 메뉴를 눌러 보고, 마음에 들면 문의합니다.

  1. 모바일 화면부터 확인하세요. 시안에는 보통 PC용과 모바일용 화면이 따로 있어요. 모바일 화면을 먼저 보세요. 글씨가 너무 작지 않은지, 버튼이 손가락으로 누르기 좋은 크기인지 봅니다.
  2. 첫 화면의 한 문장을 읽어 보세요. 첫 화면에서 "여기가 뭐 하는 곳이고, 나한테 뭘 해 주는지"가 한 문장으로 보여야 합니다. "강남역 5분, 당일 예약 가능한 피부 관리실"처럼 구체적인 문장이 좋습니다.
  3. 메뉴 이름을 하나씩 눌러 보듯 살펴보세요. 우리끼리 쓰는 말이 아니라 손님이 찾는 말인지 확인합니다. "솔루션"보다 "서비스 안내", "포트폴리오"보다 "시공 사례"가 더 잘 이해됩니다.
  4. 문의 버튼이 어디서든 보이는지 확인하세요. 전화·상담 신청 버튼이 각 페이지 끝과 모바일 화면 아래에 고정되어 있는지 봅니다.
  5. 문구와 사진이 실제 우리 것인지 확인하세요. 어떤 사진과 문구를 우리가 직접 줘야 하는지 목록을 업체에 물어보세요. 이 목록이 늦어지면 오픈이 늦어집니다.

여기까지 봤다면 시안의 80%는 확인한 셈입니다. 색상이나 글꼴은 취향의 영역이니 디자이너의 판단을 믿어도 괜찮아요.

수정 요청은 이렇게 적어야 빨리 끝납니다

수정 요청은 "어디를, 왜, 어떻게"가 들어가야 한 번에 반영됩니다. "좀 더 세련되게요"처럼 느낌만 적으면 디자이너는 추측으로 고치고, 왕복이 늘어 일정이 밀려요.

구분 이렇게 쓰지 마세요 이렇게 쓰세요
위치 위쪽 그 부분 첫 화면 큰 제목 아래 문장
이유 별로예요 손님이 뭘 하는 곳인지 모를 것 같아요
방향 알아서 예쁘게 "당일 예약 가능" 문구를 넣어 주세요
사진 사진 바꿔 주세요 첨부한 매장 사진 3장 중 1번으로 교체
피그마 시안은 디자이너가 태블릿과 모니터로 만든 화면을 링크 하나로 공유하는 방식입니다
피그마 시안은 디자이너가 태블릿과 모니터로 만든 화면을 링크 하나로 공유하는 방식입니다

피그마 댓글을 쓰면 위치 설명은 저절로 해결됩니다. 댓글이 어렵다면 화면을 캡처해 동그라미를 치고 보내도 충분해요. 한 줄 정리: 느낌 대신 사실을 적으세요.

시안에서 확정할 것과 나중에 바꿔도 되는 것

시안 단계에서 꼭 확정해야 하는 것은 화면 구조와 메뉴, 그리고 페이지 개수입니다. 집으로 치면 방 배치라서, 개발이 시작된 뒤에 바꾸면 비용과 시간이 크게 듭니다. 문구·사진·색상은 벽지처럼 나중에 바꿔도 부담이 적어요.

구분 시안에서 확정 오픈 후 관리자 페이지에서 변경
메뉴 구조·페이지 개수 새 페이지 추가는 별도 작업
첫 화면 구성(배너·소개·문의) 배너 이미지 교체는 가능
문구·사진 초안만
색상·글꼴 방향만 부분 변경 가능
상품·게시글 예시만

잇다웹 맞춤 제작은 시안 단계에서 횟수 제한 없이 수정할 수 있으니, 구조와 메뉴는 이때 잡아 두세요. 문구와 사진은 오픈 뒤 관리자 페이지에서 직접 바꾸면 됩니다. 한 줄 정리: 구조는 지금, 문구는 나중에.

결론: 손님의 눈으로 5분이면 충분합니다

홈페이지 시안 확인은 디자인 심사가 아닙니다. 손님이 되어 스마트폰으로 열어 보고, 무엇을 하는 곳인지 3초 안에 알겠는지, 문의 버튼이 보이는지만 확인하면 돼요.

오늘 당장 할 일은 시안에 들어갈 우리 사진과 문구 목록을 만들어 두는 것입니다. 아직 업체를 정하기 전이라면 업종별 홈페이지 템플릿을 먼저 둘러보고 마음에 드는 구조를 골라 두는 것도 좋은 준비가 됩니다.

자주 묻는 질문

피그마 시안 보는 법을 몰라도 확인할 수 있나요?

네, 링크를 누르면 브라우저에서 바로 열립니다. 계정을 만들지 않아도 보기는 가능한 경우가 많습니다. 열리지 않으면 업체에 "보기 권한을 열어 달라"고 요청하세요.

홈페이지 시안 수정 요청은 몇 번까지 할 수 있나요?

업체마다 다르니 계약 전에 꼭 확인하세요. 잇다웹 맞춤 제작은 시안 단계에서 횟수 제한 없이 수정할 수 있습니다. 다만 개발이 시작된 뒤 구조를 바꾸는 것은 별도 작업이 되니, 구조는 시안에서 확정하는 것이 좋습니다.

홈페이지 시안 확인할 때 뭘 봐야 하나요?

모바일 화면, 첫 화면의 한 문장, 메뉴 이름, 문의 버튼 위치, 실제 문구·사진 여부 다섯 가지입니다. 이 순서대로 보면 손님이 겪을 흐름을 그대로 점검하게 됩니다. 색상과 글꼴은 그다음에 봐도 늦지 않아요.

시안을 보고 나서 "우리 업종에 맞는 구조가 뭔지" 감이 잡히지 않는다면, 무료 견적 상담에서 업종과 목적을 알려 주시면 맞는 구조를 함께 잡아 드립니다.

사진: Unsplash

디자인 · 웹사이트 · 모바일 앱, 어디부터 시작할지 고민이세요?

디자인부터 웹사이트, 모바일 앱까지 —
무료 견적 상담으로 우리 프로젝트에 맞는 방향을 먼저 확인하세요