전체 글 196개의 글

이번 프로젝트는 보험 컨설팅 서비스를 제공하는웰라이프의 홈페이지 구축 작업입니다.

컨설팅 기업의 특성상 단순한 서비스 소개를 넘어 방문자가 신뢰를 형성하고 상담으로 이어질 수 있도로 구조와 콘텐츠 흐름을 중심으로 설계한 프로젝트입니다.

메인 페이지

메인페이지 기획의도

- 컨설팅 기업 특성을 반영한 신뢰 중심 콘텐츠 설계

-사용자 탐색 흐름에 맞춰 정보 이해부터 상담까지 이어지는 UX 설계

-사용자 행동을 유도하는 CTA 중심 인터페이스 설계

고객 인식부터 신뢰 형성까지 이어지는 콘텐츠 구조 설계

웰라이프 프로젝트는 사용자가 갖고 있는 문제 상황을 먼저 제시하고 이를 해결할 수 있는 기준과 근거를 단계적으로 전달하는 구조로 설계되었습니다.

초기 영역에서는 실제 고객의 고민을 중심으로 공감대를 형성하고, 이후 핵심 가치와 핵심 역량을 순차적으로 배치하여 브랜드에 대한 신뢰를 자연스럽게 구축할 수 있도록 구성했습니다.

특히 가치 요소는 감성적 신뢰를, 역량 요소는 객관적인 근거를 전달하는 역할로 구분하여 사용자가 판단에 필요한 정보를 균형 있게 받아들일 수 있도록 설계했습니다.

이를 통해 단순한 정보 전달이 아닌 사용자의 이해오 신뢰 형성을 동시에 유도하는 콘텐츠 흐름을 구현하였습니다.

사용자의 궁금증 해소와 판단을 돕는 Q&A 구조 설계

Q&A 섹션은 사용자가 서비스 이용 전 단계에서 느낄 수 있는 궁금증과 불확실성을 해소하기 위해 구성된 콘텐츠 영역입니다.

사용자가 서비스 이용 전 단계에서 느낄 수 있는 궁금증과 불확실성을 해소하기 위해 구성된 Q&A 콘텐츠 영역입니다.

또한 아코디언 형태의 UI를 적용하여 많은 정보를 한 화면에서 효율적으로 탐색할 수 있도록 구성하였으며, 사용자가 원하는 질문만 선택적으로 확인할 수 있도록 정보 접근성을 높였습니다.

이를 통해 정보 탐색 과정에서 발생하는 이탈을 줄이고 사용자가 보다 명확한 판단을 할 수 있도록 지원하는 구조로 설계되었습니다.

상담 전환을 유도하는 간결한 입력 구조 설계

본 프로젝트 상담신청 섹션은 사용자 행동의 최종 단계인 상담 신청을 유도하기 위해 입력 부담을 최소화한 구조로 설계되었습니다.

불필요한 항목을 배제하고 핵심 정보만 입력하도록 구성하여 사용자가 빠르게 문의를 완료할 수 있도록 했으며 좌측에는 메시지 중심의 비주얼 영역을 배치하여 상담에 대한 심리적 장벽을 낮추는 역할을 하도록 설계했습니다.

또한 시각적으로 구분된 레이아웃을 통해 정보 입력 영역과 메시지 전달 영역을 명확히 분리하여 사용자가 자연스럽게 흐름을 이해하고 행동할 수 있도록 구성했습니다.

이를 통해 페이지 탐색 이후 상담으로 이어지는 흐름을 끊지 않고 최소한의 인터랙션으로 전환이 이루어질 수 있도록 설계했습니다.

---

이번 프로젝트는 단순한 기업 홈페이지 제작을 넘어 방문자가 서비스를 이해하고 신뢰를 형성한 뒤 상담으로 이어질 수 있도록 전체 흐름을 설계한 작업이었습니다.

메인 메시지부터 핵심 가치, 사업 영역, Q&A, 상담 신청까지 각 섹션이 명확한 역할을 가지도록 구성하여 정보 탐색 과정에서의 혼란을 줄이고 자연스러운 사용자 흐름을 구축했습니다.

또한 복잡한 보험 서비스를 보다 직관적으로 전달할 수 있도록 콘텐츠 구조와 UI를 함께 설계하여 사용자가 빠르게 이해하고 판단할 수 있는 환경을 구현했습니다.

결과적으로 본 프로젝트는 브랜드의 신뢰도를 효과적으로 전달함과 동시에 실제 문의 전환까지 이어질 수 있는 구조를 중심으로 제작된 웹사이트입니다.

프로젝트와 관련하여 궁금한 점이나 협업이 필요하시면 언제든지 편하게 문의해주세요.

서비스 특성에 맞는 구조와 사용자 경험을 함께 설계해드립니다.

홈페이지 제작을 고민 중이라면 잡오브브라더스에 편하게 물어보세요. 기획부터 개발까지 직접 하는 팀이 답합니다. 홈페이지 제작 문의 →

법무법인 온조 프로젝트는 법무법인 전문성과 신뢰를 효과적으로 전달하기 위한 브랜드 중심 웹사이트 구축 작업입니다.

법률 서비스는 정보의 양보다 신뢰와 전문성이 먼저 전달되어야 하는 영역인만큼, 사용자가 사이트에 진입하는 순간부터 브랜드에 대한 신뢰를 형성할 수 있도록 전체 구조를 설계했습니다.

메인 페이지

메인페이지 기획의도 - 법무법인의 전문성과 신뢰를 직관적으로 전달할 수 있도록 절제된 비주얼과 안정감 있는 컬러를 기반으로 브랜드 이미지 설계- 사용자에게 대표 변호사 중심의 구조를 통해 상담 주체를 명확하게 인지시키고 서비스에 대한 신뢰를 빠르게 형성할 수 있도록 구성- 핵심 메시지 중심의 콘텐츠를 제공하여 짧은 시간 내 브랜드에 대한 인식과 이해가 가능하도록 설계

전문성과 신뢰를 직관적으로 전달하는 메인 비주얼 설계

메인화면 비주얼 섹션은 법무법인의 핵심 가치인 전문성과 신뢰를 사용자가 첫 화면에서 직관적으로 인지할 수 있도록 설계되었습니다.

딥그린 컬러를 중심으로 한 안정적인 비주얼과 절제된 그래픽 요소를 활용하여 과장되지 않은 신뢰감을 전달하고 법률 서비스에 적합한 차분하고 전문적인 브랜드 이미지를 구축했습니다.

또한 '형사 전문 변호사'라는 명확한 메시지를 전면에 배치하여 사용자가 해당 법무법인의 전문 영역을 빠르게 이해할 수 있도록 했으며 우측에는 실제 인증 요소를 함께 구성하여 신뢰도를 강화했습니다.

전문성과 신뢰를 직관적으로 전달하는 시각화 중심 설계

법무법인 온조 프로젝트는 대표 변호사의 전문성과 주요 업무 영역을 사용자가 직관적으로 이해할 수 있도록 시각화 중심으로 설계되었습니다.

중앙에 배치된 인물 이미지를 중심으로 주요 전문 분야를 육각형 구조로 연결하여 표현하고 법률 서비스의 복잡한 영역을 하나의 구조 안에서 명확하게 인지할 수 있도록 구성했습니다.

특히 육각형 도형에 회전 애니메이션을 적용하여 정적인 정보전달을 넘어 사용자의 시선을 자연스럽게 유도하고 전문 영역에 대한 집중도를 높일 수 있도록 설계했습니다.

텍스트와 시각 요소를 결합한 방식을 통해 브랜드 인물 중심의 신뢰 형성과 전문 분야에 대한 이해를 동시에 이끌어내도록 제작했습니다.

사용자 탐색을 고려한 사례 중심 콘텐츠 구조 설계

사용자가 다양한 성공사례를 쉽고 빠르게 탐색할 수 있도록 구성한 콘텐츠 영역입니다.

검색 기능과 카테고리 필터를 함께 제공 하여 관심 있는 사례를 조건에 맞게 탐색할 수 있도록 했으며 복잡한 정보 속에서도 내용을 빠르게 찾을 수 있도록 접근성을 높였습니다.

또한 카드형 UI를 적용하여 각 사례를 한눈에 비교하고 선택할 수 있도록 구성하였고 중앙 강조형 레이아웃 을 통해 현재 선택된 콘텐츠에 집중할 수 있는 구조를 설계했습니다.

하단에는 관련 기관 및 파트너 로고를 무한 스크롤 형태로 노출하여 정보 나열을 넘어 자연스러운 시선 흐름과 화면의 리듬감을 형성하도록 구성했습니다.

사용자가 능동적으로 정보를 탐색하고, 지루함 없이 콘텐츠를 경험할 수 있도록 설계한 섹션입니다.

의뢰인의 상황을 고려한 상담 경험 구성

상담신청 섹션은 법률 상담이 갖는 심리적 부담을 고려하여 사용자가 보다 편안하게 접근할 수 있도록 구성된 영역입니다.

의뢰인 후기를 함께 배치하여 단순한 정보가 아닌 실제 경험을 먼저 접할 수 있도록 하고 상담에 대한 막연한 부담을 낮추는데 초점을 맞췄습니다.

또한 상담 입력 항목을 세분화하여 사용자가 자신의 상황을 정리하면서 자연스럽게 상담을 준비할 수 있도록 했으며, 복잡한 설명 없이도 필요한 내용을 전달할 수 있는 구조로 구성했습니다.

편지봉투를 중심으로 좌우 슬라이드 인터렉션을 적용하여, 사용자가 직접 넘겨보며 의뢰인들이 작성한 손편지를 확인할 수 있도록 구성하였으며 단순 텍스트가 아닌 '전달받는 경험'에 가까운 방식으로 후기의 진정성과 몰입도를 높이도록 콘텐츠를 설계했습니다.

전체적으로 사용자의 상황과 감정을 고려한 흐름에 집중하여 보다 현실적인 상담 경험으로 이어질 수 있도록 제작했습니다.

탭형 콘텐츠

사용자 흐름 기반의 탭형 콘텐츠 구조

본 프로젝트의 서브페이지는 단순한 정보 나열이 아닌 의뢰인이 실제로 필요한 정보를 단계적으로 이해하고 자연스럽게 상담까지 이어질 수 있도록 설계되었습니다.

기존 법률 사이트가 전문성 강조에 지붕되어 있었다면 법무법인 온조의 서브페이지는 사용자의 상황과 행동 흐름을 기준으로 구조를 재정의하였습니다.

전문가 소개에서는 신뢰 형성, 업무분야에서는 문제 인식, 단계별 조력에서는 해결 과정이 이해, Q&A에서는 불안 해소, 서비스 영역에서는 실제 행동 유도를 목적으로 구성하여 각 섹션이 명확한 역할을 가지도록 설계했습니다.

서브 페이지

전문 분야부터 사례·후기까지 연결된 서브페이지 구조 설계

본 프로젝트의 서브페이지는 공통된 콘텐츠 구조를 기반으로 설계되어 각 전문 분야에 맞는 정보만 유연하게 확장 적용할 수 있도록 구성되었습니다.

이를 통해 사용자에게는 일관된 탐색 경험을 제공하면서도 운영 측면에서는 효율적인 관리와 확장이 가능하도록 설계했습니다.

또한 전문 분야 안내에 그치지 않고, 성공사례와 의뢰인 후기 콘텐츠를 함께 구성하여 정보 확인 → 사례 탐색 → 공감 형성으로 이어지는 흐름을 구축하였으며, 사용자가 보다 입체적으로 서비스를 이해할 수 있도록 기획했습니다.

---

이번 프로젝트는 단순한 법무법인 홈페이지 제작을 넘어 사용자가 정보를 이해하고 선택하는 과정을 구조적으로 설계한 작업이었습니다.

전문 분야, 성공사례, 의뢰인 후기까지 각각 분리된 콘텐츠를 하나로 연결하여 정보 확인 → 사례 탐색 → 공감 형성으로 이어지는 흐름을 구축했으며 각 페이지는 동일한 구조를 기반으로 설계하여 사용자가 입체적으로 서비스를 이해할 수 있도록 하였습니다.

이를 통해 사이트의 효율적인 확장이 가능하도록 구성하였고 브랜드의 방향성과 사용자 경험이 자연스럽게 이어지도록 구현했습니다.

프로젝트와 관련하여 궁금한 점이나 협업이 필요하시면 언제든지 편하게 문의해주세요.

다양한 서비스에 맞는 최적의 웹 경험을 함께 만들어가겠습니다.

홈페이지 제작을 고민 중이라면 잡오브브라더스에 편하게 물어보세요. 기획부터 개발까지 직접 하는 팀이 답합니다. 홈페이지 제작 문의 →

ALICO_RCS 프로젝트는 메시징 서비스 중심으로 기존 문자 메시지를 넘어선 새로운 커뮤니케이션 방식을 사용자가 직관적으로 이해할 수 있도록 설계한 랜딩페이지 구축 작업입니다.

단순 기능 소개가 아닌, 서비스의 핵심 가치인 가격 경쟁력과 메시지 확장성을 중심으로 사용자가 빠르게 이해하고 선택할 수 있는 구조를 만드는데 집중했습니다.

메인페이지

메인페이지 기획의도

• 사용자에게 RCS 서비스의 가격 경쟁력을 직관적으로 전달하기 위해 복잡한 요금 구조를 시각적 비교 중심으로 재구성하여 빠른 이해 유도

  -메시지 서비스의 사용 방식과 확장성을 자연스럽게 인지하도록 설계

  -사용자에게 정보 탐색부터 서비스 신청까지 이어지는 흐름을 제공하여 자연스럽게 전환으로 연결되는 랜딩 구조를 구현

가격 경쟁력을 직관적으로 전달하는 비교 구조 설계

메인 페이지 비주얼 섹션에서는 RCS 서비스의 핵심 강점인 가격 경쟁력을 사용자가 별도의 설명 없이도 즉각적으로 이해할 수 있도록 설계했습니다.

또한 핵심 메시지를 중심으로 기존 SMS와 RCS를 시각적으로 대비시키는 구조를 적용하여 복잡한 요금 체계를 단순하고 명확하게 전달하는데 집중했습니다.

특히 텍스트 설명을 최소화하고 수치와 UI 요소를 활용한 비교 방식을 통해 사용자가 자연스럽게 차이를 인지할 수 있도록 구성했습니다.

인터랙션을 통해 메시지 활용 방식을 직관적으로 전달하는 구조

해당 프로젝트는 RCS 메시지의 이미지 기반 확장성을 사용자가 직접 체험하듯 이해할 수 있도록 인터랙션 중심으로 설계했습니다.

우측의 다양한 메시지 유형에 마우스를 올리면 해당 콘텐츠가 좌측 목업에 실시간으로 반영되도록 구성하여 단순한 기능 설명이 아닌 실제 사용 화면을 기반으로 서비스 이해도를 높였습니다.

다양한 콘텐츠 형태를 동시에 제시함으로써 비용 대비 활용 범위를 직관적으로 인지할 수 있도록 설계하였고 이를 통해 사용자가 스스로 탐색하며 기능을 이해하도록 유도하는 경험 중심의 정보 전달 방식을 반영했습니다.

브랜드 신뢰를 직관적으로 전달하는 메시지 구조 설계

브랜드의 차별 요소이자 RCS 메시지의 핵심 차별 요소인 브랜드 인증과 신뢰 기반 메시지 전달 구조를 강조하여 설계했습니다.

기존 문자 메시지와 RCS 메시지를 비교하는 구성을 통해 발신 정보의 명확성, 브랜드 노출 방식, 메시지 형태의 차이를 직관적으로 전달하고 사용자가 메시지를 수신하는 순간 느끼는 신뢰도의 차이를 시각적으로 표현했습니다.

특히 브랜드 로고와 공식 발신 표시가 적용된 메시지 UI를 통해 단순한 텍스트 전달이 아닌 브랜드 커뮤니케이션 채널로서 가치를 강조하였으며 사용자가 보다 안전하게 메시지를 인지할 수 있도록 설계했습니다.

가격 경쟁력을 기반으로 선택을 유도하는 구조 설계

해당 섹션은 서비스 선택의 핵심 기준이 되는 가격 경쟁력을 강조하고 다양한 메시지 상품 구성을 한눈에 비교할 수 있도록 설계하였습니다.

사용자가 가장 먼저 인지해야 할 가격 정보를 직관적으로 전달하고 하위 영역에서는 문자 유형별 요금과 특징을 카드 형태로 정리하여 서비스 선택에 필요한 기준을 명확하게 제시했습니다.

또한 가격 정보에서 자연스럽게 서비스 신청으로 이어질 수 있도록 CTA 영역을 함께 배치하여, 정보 탐색 이후 즉각적인 행동으로 연결되는 흐름을 구축했습니다.

단순한 요금 안내를 넘어, 사용자가 비교하고 선택하는 과정을 최소화하기 위한 전환 중심의 정보 설계가 반영된 섹션입니다.

---

본 프로젝트는 단순한 랜딩페이지 제작을 넘어 복잡한 메시징 서비스를 사용자가 쉽게 이해하고 선택할 수 있도록 구조화하는데 집중하였습니다.

가격, 기능, 신뢰, 데이터까지 서비스의 핵심 요소를 단계적으로 배치하여 사용자가 자연스럽게 이해하고 행동으로 이어질 수 있는 흐름을 설계했으며, 각 섹션은 설명이 아닌 경험 중심으로 구성하여 직관적인 정보 전달이 가능하도록 구현했습니다.

특히 RCS 서비스의 특성과 장점을 과장 없이 전달하면서도 사용자가 스스로 비교하고 판단할 수 있도록 유도하는 구조에 집중함으로써

서비스의 본질을 명확하게 전달하고 이해에서 선택까지 이어지는 흐름을 설계하였습니다.

프로젝트와 관련하여 궁금한 점이나 협업이 필요하시면 언제든지 편하게 문의해주세요.

브랜드와 서비스의 방향성에 맞는 최적의 웹 경험을 함께 만들어가겠습니다.

홈페이지 제작을 고민 중이라면 잡오브브라더스에 편하게 물어보세요. 기획부터 개발까지 직접 하는 팀이 답합니다. 홈페이지 제작 문의 →

안과 전문 병원 드림성모안과는 단순히 시력 교정 서비스를 제공하는 의료기관이 아니라, 환자에게 더 나은 시야와 삶의 질을 제안하는 기업입니다. 이번 프로젝트는 드림성모안과의 이러한 방향성을 바탕으로 글로벌 환자 유입을 고려한 국문/영문 통합 브랜드 사이트 구축했습니다. 이번 프로젝트의 핵심 과제는 하나의 메시지를 다양한 사용자에게 일관되게 전달하는 정보의 일관성 및 가독성 향상이었습니다.

메인페이지

드림성모안과 메인페이지는 단순히 서비스를 소개하는 화면이 아니라 사용자가 처음 접하는 순간부터 '이곳은 믿고 선택할 수 있는 곳인가'에 대한 답을 주는 공간으로 기획했습니다.

의료 서비스 특성상 사용자는 화려한 정보보다 직접 경험하게 될 과정과 분위기를 더 중요하게 받아들입니다.

따라서 메인 화면은 실제 검사 현장의 순간부터 과정을 보다 잘 전달하기 위해 비디오로 구성했습니다.

메인 페이지 기획의도

• 사용자에게 정확한 진단과 과정 자체를 중요하게 생각하는 브랜드라는 드림성모안과의 브랜드 가치 전달.
• 사용자에게 검사 과정 중심의 실제 진료 경험을 전달하여 경험 중심의 흐름을 통해 자연스럽게 신뢰를 형성하도록 설계.
• 편안하고 가까운 브랜드 이미지를 전달하여 심리적 부담 없이 접근할 수 있도록 구성.

선택 기준을 제시하는 서비스 구조 설계

드림성모안과는 하나의 수술 방법을 제안하기보다 환자의 눈 상태와 생활패턴을 기반으로 가장 적합한 교정 방식을 찾는 것에 집중합니다.

시력 교정 수술부터 노안·백내장, 재수술까지 각 영역별 전문 시스템을 통해 보다 정밀한 선택이 가능하도록 구성하였습니다.

사용자 흐름을 고려한 정보 구조 설계

메인 메뉴 구조는 단순한 페이지 나열이 아닌 사용자가 정보를 탐색하는 흐름을 기준으로 재구성했습니다.

주요 진료 영역을 중심으로 각 단계에서 필요한 정보가 자연스럽게 이어지도록 계층을 설계하였으며, 초기 탐색부터 상담 및 예약까지 끊임 없이 이어지는 구조를 구축했습니다.

또한 국문 / 영문 사용자 모두가 동일한 흐름으로 정보를 이해할 수 있도록 메뉴 깊이와 구성 방식을 일관되게 유지하여, 복잡한 의료 정보를 보다 직관적으로 접근할 수 있도록 구현했습니다.

상담부터 방문까지 이어지는 접근 경험 설계

contact 및 오시는 길 섹션은 단순한 정보 제공을 넘어, 상담부터 방문까지의 과정을 하나의 흐름으로 연결하는데 초점을 맞췄습니다.

또한 위치 정보와 교통 안내를 함께 제공하여 처음 방문하는 사용자도 쉽게 접근할 수 있도록 했으며, 정보 탐색 이후 자연스럽게 예약으로 이어질 수 있는 구조를 구현했습니다.

화면 하단에는 플로팅 메뉴를 고정하여 사용자가 어떤 페이지에 있더라도 주요 기능에 즉시 접근할 수 있도록 설계했습니다.

오시는 길, 온라인 상담, 온라인 예약, 카카오톡 등 실제 사용자 행동과 가장 밀접한 기능만을 선별하여 구성하였으며, 탐색 과정 중에도 별도의 이동 없이 바로 실행할 수 있도록 접근성을 강화했습니다.

단순한 편의 기능을 넘어, 사용자의 결정 타이밍을 놓치지 않기 위한 인터페이스로 설계한 요소입니다.

영문 사이트

영문 사이트는 단순한 번역이 아닌 글로벌 사용자가 빠르게 이해하고 신뢰할 수 있는 구조로 재구성했습니다.

의료진의 전문성과 실제 진료환경을 직관적으로 전달하고, 복잡한 설명 없이도 브랜드의 신뢰도를 즉각적으로 인지할 수 있도록 설계했습니다. 또한 텍스트는 간결한 메시지 중심으로 구성항 비영어권 사용자도 부담 없이 핵심 정보를 파악할 수 있도록 했으며, 예약 및 상담으로 자연스럽게 이어질 수 있는 흐름을 함께 고려했습니다.

의료 서비스에 대한 정보를 전달을 넘어, 글로벌 환자가 처음 접하는 순간부터 신뢰를 형성할 수 있도록 설계한 페이지입니다.

---

본 프로젝트는 단순한 병원 홈페이지 제작을 넘어, 브랜드가 전달하고자 하는 신뢰와 진료 철학을 웹 경험으로 풀어낸 작업이었습니다.

국문과 영문 사이트를 통합적으로 설계하며 사용자가 정보를 이해하고 선택하는 과정까지 고려한 구조를 구축하였고 메인 비주얼부터 서비스성, 상담 및 예약 흐름까지 전체 여정이 자연스럽게 이어지도록 설계했습니다.

의료 서비스 특성상 중요한 '신뢰'와 '선택의 기준'을 과장 없이 전달하는 것에 집중한 프로젝트였으며, 드림성모안과가 추구하는 방향성과 사용자 경험이 하나의 흐름으로 연결하고자 했습니다.

프로젝트와 관련하여 궁금한 점이나 협업이 필요하시다면 언제든지 편하게 문의해주세요. 다양한 브랜드와 서비스에 맞는 최적의 웹 경험을 함께 만들어가겠습니다.

홈페이지 제작을 고민 중이라면 잡오브브라더스에 편하게 물어보세요. 기획부터 개발까지 직접 하는 팀이 답합니다. 홈페이지 제작 문의 →

친환경 친안전 로봇 플랫폼 기업 The Robotics 더로보틱스의 공식 웹사이트 기획 및 제작을 하였습니다, 국문/영문 이중 언어 구조로 글로벌 사용자 접근성을 고려한 웹 경험을 설계하였는데요. "로봇으로 사람이 사람답게"라는 브랜드 철학을 중심으로, 사람과 자연이 공존하는 미래를 시각적으로 전달하는데 집중했습니다.

---

메인 페이지

기획의도는 아래와 같습니다

로봇 기술의 실용성과 현실 적용성 가오

산업 현장에서 실제 활용되는 로봇을 중심으로 콘텐츠 구성

친환경 안전이라는 브랜드 가치를 직관적으로 전달

특히 복잡한 기술 설명보다 사용자 관점에서 이해하기 쉬운 구조와 메시지에 집중했습니다.

데이터 기반 신뢰 요소 시각화

핵심 수치를 강조하여 기술의 실질적 성과를 한눈에 확인할 수 있도록 구성하였습니다.

인터랙티브 로봇 애니메이션

메인 구간에 로봇이 실제로 움직이는 듯한 애니메이션을 적용하여 사용자의 몰입도를 높이고 브랜드 아이덴티티를 직관적으로 전달했습니다.

제품 중심 정보 구조

각 로봇 솔루션을 명확하게 구분하여 제공하였습니다. 사용환경(농업, 물류, 산업 등)에 맞춰 직관적인 흐름으로 설계했습니다.

기술 중심 기업의 신뢰감 있는 브랜드 구축과 함께 사용자 친화적인 정보 구조로 이해도를 향상시키고, 애니메이션 요소를 통한 차별화된 사용자 경험을 제공합니다.

메뉴 구성

상단 네비게이션은 회사 소개, 제품, 소식, 문의로 구성하여 기업 정보 탐색부터 제품 이해, 최신 콘텐츠 확인, 문의까지 자연스럽게 이어지는 사용자 여정을 만들었습니다.

특히 회사소개에서는 인사말, 연혁, 오시는 길로 이어지는 기본적인 기업 정보 구조를 명확하게 정리하여 신뢰도를 높였고, 제품 메뉴에서는 봇박스, 봇박스_ 뷰립, 아이파이 등 개별 모델과 추종 자율주행 모듈을 구분하여 로봇 솔루션을 체계적으로 탐색할 수 있도록 구성했습니다.

또한 소식 메뉼르 통해 블로그와 뉴스 콘텐츠를 분리하여 브랜드의 활동성과 기술 발전 과정을 지속적으로 전달할 수 있도록 했으며, 문의 메뉴는 사용자가 언제든 빠르게 접근할 수 있도록 단순한 구조로 배치했습니다.

전반적으로 메뉴는 복잡한 기술 기업의 정보를 사용자 관점에서 쉽게 이해할 수 있도록 재구성하는 데 초점을 맞추었으며, 각 하위 메뉴에 타이틀을 추가 정보의 위계를 명확하게 표현했습니다.

문의하기

문의페이지는 사용자가 빠르고 명확하게 의사를 전달할 수 있도록 필수 정보 중심으로 간결하게 설계되었습니다. 문의 유형을 선택할 수 있는 항목을 포함하여 문의 목적을 구체화할 수 있도록 했으며, 성함, 연락처, 이메일, 지역 등의 기본 정보를 입력받아 이후 커뮤니케이션이 원할하게 이루어질 수 있도록 구성했습니다. 또한 자유롭게 내용을 작성할 수 있는 입력 영역을 통해 사용자의 상황과 요구사항을 충분히 전달할 수 있도록 했습니다.

전체적으로 불필요한 입력 요소를 최소화하면서도 실제 상담에 필요한 정보는 빠짐없이 수집할 수 있도록 균형을 맞추었으며, 사용자 입장에서는 부담 없이 작성할 수 있고 기업 입장에서는 효율적인 응대가 가능하도록 설계한것이 특징입니다.

영문 사이트

영문페이지는 국문 페이지와 동일한 정보 구조를 기반으로 설계하여 언어가 달라지더라도 사용자 경험이 일관되게 유지되도록 구성했습니다. 메뉴 구조, 콘텐츠 흐름, 인터랙션 요소를 모두 동일하게 적용함으로써 글로벌 사용자 역시 직관적으로 정보를 탐색할 수 있도록 했으며, 번역에 그치지 않고 브랜드 메시지가 자연스럽게 전달될 수 있도록 표현과 톤을 함께 고려했습니다.

이를 통해 국내 사용자 뿐만 아니라 해외 사용자에게도 동일한 브랜드 경험을 제공하며, The Robotics의 기술력과 방향성을 일관된 방식으로 전달할 수 있도록 구현했습니다.

본 프로젝트는 기술 중심 기업의 복잡한 정보를 사용자 관점에서 재해석하여 보다 직관적이고 이해하기 쉬운 웹경험으로 풀어낸 작업입니다. 단순한 정보전달을 넘어 브랜드의 철학과 방향성을 시각적으로 전달하고, 실제 산업 현장에서 활용되는 로봇 기술 가치를 효과적으로 표현하는 데 중점을 두었습니다. 이를 통해 더 로보틱스가 지향하는 친환경 친안전 로봇 플래폼 기업으로서의 이미지를 강화하고 사용자에게 신뢰감 있는 디지털 경험을 제공하고자 했습니다.

프로젝트와 관련하여 궁금한 점이나 협업이 필요하시다면 언제든지 편하게 문의해주세요. 다양한 브랜드와 서비스에 맞는 최적의 웹 경험을 함께 만들어가겠습니다.

홈페이지 제작을 고민 중이라면 잡오브브라더스에 편하게 물어보세요. 기획부터 개발까지 직접 하는 팀이 답합니다. 홈페이지 제작 문의 →