홈페이지가 복잡하고 오래돼 보인다면, 문제는 디자인이 아니라 순서일 수 있습니다. 루미너스는 고객이 첫 화면에서 무엇을 하는 회사인지 바로 알아보고, 헤매지 않고 문의까지 도착하도록 화면의 흐름과 문장을 다시 만듭니다. 예뻐 보이는 것에서 멈추지 않고, 연락이 오는 홈페이지를 만듭니다.
3초
고객이 회사를 이해하는 시간
첫 화면을 3초 안에 읽히도록 설계합니다. 설명이 필요하면 이미 늦은 화면입니다.
1개
첫 화면에 남기는 핵심 메시지
전하고 싶은 말을 모두 담으면 아무것도 남지 않습니다. 하나만 남기고 나머지는 아래로 미룹니다.
하나
문의로 모이는 고객 동선
어느 화면에서 마음이 움직여도 도착하는 곳은 하나여야 합니다. 문의 버튼을 흩뿌리지 않습니다.
무엇을 더 넣을지가 아니라, 고객 눈에 무엇이 먼저 보여야 하는지부터 생각합니다. 필요한 것만 남기면 홈페이지는 훨씬 강해집니다.
맡기고 나서 무슨 일이 일어나는지 모르는 것만큼 불안한 일은 없습니다. 네 단계로 나눠서, 지금 어디쯤인지 늘 보이게 진행합니다.
1단계 진단은 비용 없이 진행합니다
- (01)
진단
지금 무엇이 문의를 막고 있는지부터 봅니다.
현재 홈페이지 주소만 보내주시면 첫 화면부터 문의 버튼까지 훑어보고, 고객이 어디에서 멈추는지 정리해 회신드립니다. 여기까지는 비용이 들지 않습니다.
- (02)
설계
첫 화면에 남길 메시지 하나와 동선을 먼저 정합니다.
디자인을 시작하기 전에 무엇을 맨 앞에 둘지, 어떤 순서로 읽히게 할지, 문의까지 어떤 경로로 도착하게 할지를 문서로 맞춥니다.
- (03)
디자인 · 제작
화면과 문장을 따로 만들지 않습니다.
모바일 화면을 먼저 잡고 데스크톱으로 넓힙니다. 들어갈 문장까지 함께 다듬어서, 디자인이 끝났는데 넣을 글이 없는 상황을 만들지 않습니다.
- (04)
공개 · 점검
공개하고 끝내지 않습니다.
실제 기기에서 속도와 문의 흐름을 점검하고, 검색에 잡히도록 필요한 설정을 마친 뒤 넘겨드립니다. 공개 직후 발견되는 부분은 반영해 드립니다.
이 페이지가 곧 견본입니다
아직 공개할 수 있는 고객 사례가 없습니다. 그래서 이 페이지를 실력을 보여드리는 자리로 만들었습니다. 지금 보고 계신 화면이 저희가 만든 것이고, 아래 항목은 이 페이지에 실제로 들어가 있는 것들입니다.
크게 벌여놓고 여러 건을 동시에 돌리는 대신, 맡은 일을 끝까지 붙잡는 쪽을 택했습니다. 사례가 없는 만큼 첫 문의에 더 성의껏 답하겠습니다.
모든 화면을 직접 설계하고 개발합니다
템플릿에 내용을 끼워 맞추지 않습니다. 이 페이지도 화면 하나하나 직접 만들었습니다.
휴대폰에서 먼저 확인합니다
방문자 대부분이 휴대폰으로 봅니다. 작은 화면을 먼저 맞추고 큰 화면으로 넓힙니다.
이미지 저작권을 확인하고 씁니다
출처가 불분명한 사진을 얹지 않습니다. 상업적 이용이 허용된 것만 골라 쓰고, 어디서 받았는지 알려드립니다. 직접 찍으신 사진이 있으면 그쪽이 항상 낫습니다.
검색에 잡히도록 설정까지 마칩니다
검색 로봇이 읽을 수 있는 형태로 미리 만들어 두고, 사이트맵과 카카오톡·검색 미리보기 이미지까지 준비합니다.
눈이 불편한 분도 쓸 수 있게 만듭니다
키보드만으로 이동할 수 있고, 화면 읽기 프로그램이 순서대로 읽습니다. 움직임을 줄이도록 설정한 분에게는 애니메이션을 끕니다.
만든 것은 그대로 넘겨드립니다
원본 파일을 드립니다. 나중에 다른 곳에 맡기시더라도 묶여 있지 않습니다.
진단은 비용이 들지 않습니다
믿어달라고 하지 않겠습니다. 지금 확인해 보세요
아래는 이 페이지에 실제로 적용된 것들입니다. 어렵지 않게 직접 확인하실 수 있어서, 확인하는 방법까지 같이 적었습니다.
검색 로봇이 본문을 그대로 읽을 수 있습니다
보통의 자바스크립트 사이트는 소스를 열면 본문이 비어 있습니다. 이 페이지는 글이 HTML 안에 그대로 들어 있어서, 자바스크립트를 안 돌리는 네이버 로봇도 전부 읽습니다.
확인하는 법 — 이 화면에서 마우스 오른쪽 → “페이지 소스 보기”
아이콘 · 도표 · 약도를 직접 그렸습니다
남의 그림을 가져다 쓰지 않습니다. 데모의 부품 도면과 약도까지 전부 코드로 그린 것이라 확대해도 깨지지 않습니다. 사진은 상업적 이용이 허용된 것만 골라 씁니다.
확인하는 법 — 데모 페이지에서 도면 · 약도를 크게 확대해 보세요
키보드만으로 끝까지 이동할 수 있습니다
마우스를 못 쓰는 분도 Tab 키만으로 메뉴 · 버튼 · 문의 폼까지 순서대로 도달합니다. 지금 어디에 있는지도 테두리로 보입니다.
확인하는 법 — Tab 키를 몇 번 눌러 보세요
휴대폰 화면에서 가로로 밀리지 않습니다
작은 화면을 기준으로 만들고 큰 화면으로 넓혔습니다. 창을 좁혀도 글이 잘리거나 옆으로 넘치지 않습니다.
확인하는 법 — 브라우저 창을 좌우로 좁혀 보세요
지금 홈페이지, 어디에서 놓치고 있을까요
해당하는 것에 체크해 보세요. 문의를 남기지 않고 떠나는 이유는 대부분 이 안에 있습니다.
입력하신 내용은 어디에도 전송되지 않습니다. 이 화면 안에서만 계산합니다.
규모에 따라 세 구간으로 나눕니다
정가표를 먼저 내밀지 않습니다. 아래는 어떤 기준으로 구간이 갈리는지 보여드리는 것이고, 정확한 금액은 지금 홈페이지와 필요한 구성을 보고 알려드립니다.
소개 · 제안 · 랜딩 페이지
한 장으로 충분한 경우
금액은 구성에 따라 달라져 문의 주시면 안내드립니다
전할 내용이 하나로 정리되는 경우입니다. 스크롤 한 번에 무엇을 하는 곳인지 알리고 문의로 연결합니다.
- 한 페이지 전체 설계와 디자인
- 휴대폰 · 태블릿 · PC 대응
- 문의 폼 또는 연락 수단 연결
- 검색 노출 기본 설정
기업 홈페이지 제작 · 리뉴얼
회사를 제대로 소개해야 하는 경우
금액은 구성에 따라 달라져 문의 주시면 안내드립니다
회사 소개, 서비스, 사례, 문의까지 여러 화면이 필요한 경우입니다. 가장 많이 진행되는 구간입니다.
- 5~10개 내외 화면 설계와 디자인
- 메뉴 · 정보 구조 정리
- 휴대폰 · 태블릿 · PC 대응
- 검색 노출 설정 + 구조화 데이터
- 공개 후 점검 기간
대규모 · 특수 연출
보여줄 것이 많은 경우
금액은 구성에 따라 달라져 문의 주시면 안내드립니다
화면이 많거나, 3D · 모션처럼 손이 많이 가는 연출이 들어가는 경우입니다. 범위를 먼저 나눠 단계로 진행합니다.
- 화면 수 제한 없이 설계
- 3D · 스크롤 모션 연출
- 콘텐츠 관리 방식 상담
- 단계별 공개 진행
위 구간은 기준을 보여드리기 위한 것입니다. 페이지 수, 준비된 자료, 필요한 기능에 따라 달라지므로 문의 주시면 실제 금액을 안내해 드립니다.
내 경우는 얼마인지 묻기업종이 다르면
첫 화면도 달라야 합니다
같은 틀에 내용만 갈아 끼우지 않는다는 것을 보여드리려고, 세 업종을 가정해 직접 만들었습니다. 셋 다 색과 구성이 다릅니다.
실제 고객 사례가 아닙니다. 루미너스가 직접 만든 가상의 데모이고, 등장하는 상호와 숫자는 모두 지어낸 것입니다.
여기에 없는 질문은 메일로 물어보셔도 됩니다. 계약을 권하지 않고, 물어보신 것에만 답해 드립니다.
비용은 얼마인가요?
페이지 수, 필요한 기능, 준비된 자료의 양에 따라 달라집니다. 정해진 정가표를 먼저 내밀기보다, 지금 홈페이지 주소나 원하시는 구성을 알려주시면 그에 맞는 범위를 회신으로 안내해 드립니다.
기간은 얼마나 걸리나요?
규모에 따라 다르지만, 가장 큰 변수는 글과 사진 같은 자료가 얼마나 준비되어 있는지입니다. 문의 주시면 예상 일정을 함께 정리해 드립니다.
글과 사진을 직접 준비해야 하나요?
가지고 계신 자료로 시작합니다. 부족한 부분은 무엇이 더 필요한지 짚어드리고, 문장은 함께 다듬어 갑니다.
지금 홈페이지를 열어둔 채로 진행할 수 있나요?
가능합니다. 새 홈페이지는 별도 주소에서 만들고, 확인이 끝난 뒤에 교체합니다. 그전까지 기존 홈페이지는 그대로 둡니다.
템플릿으로 만드나요?
템플릿에 내용을 끼워 맞추지 않고 화면을 직접 설계하고 개발합니다. 지금 보고 계신 이 페이지도 같은 방식으로 만들었습니다.
어디까지 맡길 수 있나요?
구조를 정리하는 일부터 디자인, 제작, 공개까지 이어서 진행합니다. 이미 디자인이 있다면 제작만, 방향만 필요하다면 진단만 도와드리는 것도 가능합니다.
지금 홈페이지가 마음에 걸리시나요? 홈페이지 주소만 보내주셔도 무엇을 바꾸면 좋을지 알려드립니다.
보내주신 내용은 문의 답변 목적으로만 사용하고, 답변이 끝나면 파기합니다.