3D 홈페이지 제작기: 스크롤을 따라 궤도에 오르는 금빛 위성, 림브라

소형 위성 회사 림브라의 3D 홈페이지는 스크롤을 따라 위성이 펼쳐지고 고도 숫자가 550km까지 오릅니다. 말로 설명하기 어려운 기술 회사가 프리미엄 홈페이지 제작으로 어떤 화면을 갖출 수 있는지 담았습니다.

작은 위성을 만드는 회사라면 손님에게 위성이 어떻게 생겼는지부터 보여 주고 싶을 겁니다. 림브라는 저희 에코스튜디오가 만든 소형 위성 회사용 3D 홈페이지 템플릿입니다. 첫 화면을 열면 어두운 우주에 금빛 위성이 떠 있고, 그 아래로 지구 가장자리와 해돋이 빛이 보입니다. 방문자는 「작은 위성으로 지구를 더 자주 봅니다」라는 문장을 읽고, 스크롤을 내리면서 위성이 펼쳐져 궤도에 오르는 장면을 따라갑니다.

위성 같은 기술 제품은 글로만 읽어서는 무슨 일을 하는 회사인지 잘 와닿지 않습니다. 그래서 림브라는 회사소개 홈페이지에 들어갈 내용을 장면으로 먼저 보여 주고, 설명은 옆에 짧게 붙였습니다. 이미 용건이 있는 손님은 첫 화면의 「위성 플랫폼 보기 →」나 「발사 연계 문의」 버튼을 눌러 바로 필요한 쪽으로 넘어가면 됩니다.

스크롤을 내리며 위성의 다섯 부분과 전지판이 펴지는 모습을 봅니다

데스크톱에서 첫 화면 아래로 내려가면 위성 한 기가 다섯 부분으로 펼쳐집니다. 본체 버스, 통신 안테나, 태양 전지판, 관측 카메라, 추진부에 각각 이름표가 붙어 있어서 위성을 처음 보는 사람도 어디가 무슨 일을 하는지 알아봅니다. 조금 더 내리면 화면이 멈춘 채 접혀 있던 태양 전지판이 차례로 열립니다. 옆 목록에서는 「발사 중 · 접힘 T+0」부터 「모두 펼침 T+44분」까지 지금 장면에 맞는 줄이 밝아지고, 그에 맞춰 날개가 펴집니다. 궤도에 오른 뒤 위성에 무슨 일이 생기는지 손님은 스크롤만으로 따라가 봅니다.

저희 에코스튜디오에 기업 홈페이지 제작을 맡기시면 회사 제품의 구조와 강점을 먼저 살펴보고, 손님이 설명을 읽기 전에 장면만 봐도 제품을 이해하도록 3D 장면을 만들어드립니다.

로켓이 오르고 고도 숫자가 550km까지 올라가는 3D 홈페이지 장면

발사 구역에 들어서면 로켓과 연기가 위로 올라가고, 「현재 고도」 숫자가 스크롤을 따라 0에서 550km까지 오릅니다. 눈금에는 「발사장」, 200km, 400km, 550km가 적혀 있고, 끝에서는 날개를 편 위성이 550km 궤도선 위에 자리 잡습니다. 그다음은 관측 카메라 차례입니다. 글이 「같은 지역을 하루에 여러 번 지나며 찍습니다」로 바뀌고, 화면이 렌즈 안으로 파고들면 렌즈 고리 안에 밤의 지구가 들어옵니다. 이어서 지구 관측, 위성 통신, 궤도 운송 카드 세 장이 나옵니다. 위성을 구경하던 손님은 이 회사에 맡길 수 있는 일을 그 자리에서 고르고, 카드의 버튼을 눌러 관측 자료나 통신 서비스, 운송 일정으로 넘어갑니다.

그 아래 「숫자로 보는 림브라」에서는 템플릿에 넣어 둔 설계 수명 7년, 운용 고도 550km, 팀 인원 86명이 스크롤하는 동안 올라가다 멈춥니다. 저희에게 제작을 맡겨주시면 회사가 실제로 내세울 실적과 사양을 확인하고, 투자자나 구매 담당자가 그 숫자를 보고 믿음을 갖도록 눈에 띄는 장면으로 디자인해드립니다.

이런 3D 장면을 우리 회사 홈페이지에도 넣고 싶다면 프리미엄 홈페이지 상담에서 원하시는 장면을 이야기해 주세요.

궁금한 부품 번호만 눌러 사양을 확인합니다

위성 플랫폼 쪽에는 위성 사진 위에 번호 핀 1~5가 있고 오른쪽에 탭 다섯 개가 있습니다. 어느 쪽을 눌러도 같은 설명판이 바뀝니다. 3번을 누르면 핀이 금색으로 채워지고 탭에 금색 테두리가 생기면서 「03 · 전력 / 태양 전지판」 설명과 「3단 접이식」, 「양쪽 날개」, 「분리 뒤 44분 안에 모두 펼침」이 나옵니다. 4번 관측 카메라를 누르면 흑백 1m, 컬러 4m, 관측폭 12km가 보입니다. 구매를 검토하는 담당자는 긴 사양서를 내려받지 않아도 궁금한 부분만 골라 볼 수 있습니다.

저희 에코스튜디오에 맡기시면 제품 사진과 사양 자료를 먼저 살펴보고, 손님이 관심 있는 부분을 눌러 사양을 확인한 뒤 궁금한 점을 바로 문의하도록 설명판을 구성해드립니다.

지금까지 올린 위성을 상태별로 골라 봅니다

미션 기록 쪽에는 템플릿에 넣어 둔 위성 여덟 기가 카드로 나옵니다. 「전체 8」, 「운용 중 6」, 「준비 중 1」, 「임무 끝 1」 칩 가운데 하나를 누르면 그 상태의 카드만 남습니다. 「운용 중 6」을 누르면 여섯 장이 남고, 카드마다 발사 시기와 고도, 궤도를 돈 바퀴 수가 적혀 있습니다. 회사 소개 쪽에서는 화살표 버튼으로 2019년 창업부터 2027년 계획까지 연표를 옆으로 넘겨 봅니다. 회사를 처음 알아보는 손님은 이 두 쪽에서 얼마나 꾸준히 일해 온 곳인지 확인합니다.

저희에게 제작을 맡겨주시면 회사의 납품·프로젝트 기록을 살펴보고, 손님이 원하는 기준으로 걸러 보며 회사의 경험을 쉽게 확인하도록 기록 화면을 디자인해드립니다.

용건에 맞는 칸만 채우니 문의가 가벼워집니다

문의하기 쪽 「무엇을 상의할까요」 아래에는 발사 연계, 위성 제작, 관측 자료, 위성 통신, 궤도 운송, 기타 타일 여섯 개가 있습니다. 발사 연계를 고르면 탑재체 크기, 원하는 발사 시기, 고도·경사각 칸이 나오고, 관측 자료를 고르면 지역, 면적, 주문 방식 칸으로 바뀝니다. 홈의 「발사 연계 문의」나 관측 자료 쪽의 「관측 자료 문의」를 누르고 들어오면 해당 타일이 이미 골라져 있습니다. 궤도 운송 쪽 발사 창 표에서 「이 창으로 신청」을 누르면 원하는 발사 시기에 그 창이 채워져 있어서, 손님이 같은 내용을 다시 고를 일이 없습니다. 채용 쪽에서는 직군 칩으로 열린 공고를 걸러 보고, 공고 상세에서 「지원하기」를 누르면 바로 지원 창이 열립니다.

저희 에코스튜디오에 맡기시면 회사가 받는 문의 종류와 상담 때 꼭 묻는 내용을 먼저 파악하고, 손님이 자기 용건에 맞는 칸만 채워 부담 없이 문의하도록 문의서를 만들어드립니다.

휴대폰에서는 장면의 마지막 모습을 차례로 읽어 내려갑니다

휴대폰 폭에서는 화면이 멈추는 장면 대신 각 장면의 마지막 모습이 위에서 아래로 쌓여 나옵니다. 「모두 펼침 T+44분」 이름표 아래 날개를 편 위성이 보이고, 바로 아래에는 고도 숫자가 550km에 멈춘 채 궤도선 위 작은 위성이 떠 있습니다. 메뉴는 로고 아래에 한 줄로 펼쳐져 있고 그 아래 「문의하기」 버튼이 있어서, 메뉴를 따로 열지 않고도 원하는 쪽으로 갑니다. 위성 플랫폼의 번호 핀과 탭도 휴대폰에서 데스크톱과 같은 설명판으로 바뀝니다.

저희에게 제작을 맡겨주시면 휴대폰으로 들어온 손님도 핵심 장면을 놓치지 않고 읽은 뒤 바로 문의 버튼을 누를 수 있게 휴대폰 화면을 따로 설계해드립니다.

프리미엄 홈페이지는 ₩1,499,000부터 시작하고 안내 기간은 28일입니다. 3D 장면이나 누르면 바뀌는 설명판처럼 어떤 페이지와 기능을 넣을지는 상담에서 정해드립니다. 자세한 내용은 홈페이지 제작 안내에서 보시고, 궁금하신 점은 프로젝트 문의에 남겨 주세요.

무료

사이트 무료 점검 신청

사이트 주소와 연락처를 남겨 주시면 살펴본 뒤 1일 이내 점검 보고서로 드립니다.

무료 사이트 점검