홈페이지를 맡기기 전에 가장 궁금한 건 "이 회사가 실제로 뭘 만들어 봤나"예요.
그래서 토요일에는 매직오브가 직접 만든 작업을 하나씩 보여 드려요.

첫 번째는 저희 회사 홈페이지 www.magicorb.co.kr이에요.

1. 어떤 고민에서 시작했나요?

회사가 궁금해서 온 손님과, 홈페이지를 맡기려고 온 손님은 보고 싶은 게 달라요.

이걸 한 화면에 다 몰아넣으면 손님이 헷갈려요.
그래서 주소를 나눴어요.

• www.magicorb.co.kr = 회사 소개
• www.magicorb.co.kr/sites = 홈페이지 제작 안내
• www.magicorb.co.kr/sites/portfolio = 작업 모음

손님은 첫 화면에서 관심 있는 카드 하나만 누르면 돼요.

2. 첫 화면은 왜 그렇게 단순한가요?

처음에는 설명 문장과 아이콘 단추도 있었어요.
그런데 휴대폰으로 보니 정작 중요한 카드가 화면 아래로 밀렸어요.

그래서 큰 제목만 남기고 나머지는 덜어냈어요.
글을 줄이는 게 더하는 것보다 어려웠던 작업이에요.

3. 영상이 많은데 느리지 않나요?

영상은 손님 눈길을 끌지만, 잘못 넣으면 휴대폰에서 버벅여요.
그래서 이렇게 했어요.

• 첫 화면 영상만 바로 불러오기
• 아래쪽 영상은 화면 가까이 왔을 때 불러오기
• 화면에 보이는 영상만 재생
• 소리 없는 가벼운 형식으로 줄이기

같은 방식이 매직오브가 만드는 고객 홈페이지에도 똑같이 들어가요.

4. 휴대폰에서는 어떻게 보이나요?

PC와 휴대폰 화면을 따로 맞췄어요.
휴대폰에서는 메뉴를 ☰ 단추 안에 넣고, 노란 "카카오톡 상담" 단추는 늘 손이 닿는 곳에 두었어요.

정리

• 사업이 여러 개면 주소를 나눠 손님 길을 단순하게
• 첫 화면은 덜어낼수록 잘 보임
• 영상은 필요한 순간에만 불러오기
• 휴대폰 화면을 따로 확인

자주 묻는 질문

Q. 우리 가게 홈페이지도 이런 구조로 만들 수 있나요?

네, 매직오브 홈페이지의 기본 구성과 같은 틀로 만들어 드려요. 실제 화면은 /sites/portfolio에서 직접 눌러 보실 수 있어요.

Q. 영상이 없어도 되나요?

네, 사진만으로도 충분히 만들 수 있어요. 영상은 있으면 좋은 정도예요.

매직오브 홈페이지
https://www.magicorb.co.kr

카카오톡 상담하기
http://pf.kakao.com/_XfXaX/chat