개요
핵심 요약
- 소이정은 기업·병원 홈페이지 제작과 AI·3D 인터랙티브·SEO/GEO를 함께 제공하는 디지털 에이전시다.
- 히어로는 ‘Website Takeout?’ 카피와 로봇 마스코트로 시작하며 오렌지 톤을 전면에 쓴다.
- 서비스 소개 구획의 제목은 ‘Order Now’이고, 이어지는 확인 문구는 ‘Your order has been received.’다.
- 포트폴리오는 Websites와 MediTech(병원) 두 갈래로 나뉘어 있고 Awards & Recognition 구획이 별도로 있다.
- canonical과 RSS 피드(rss.xml)가 연결돼 있고 Organization 구조화 데이터가 적용돼 있다.
소이정은 기업과 병원 홈페이지 제작을 주력으로 하는 디지털 에이전시다. 첫 화면은 로봇 캐릭터와 함께 ‘Website Takeout?’이라는 질문으로 열리고, 오렌지 배경 위에 ‘Beyond Boundaries, Creating Joy Without Limits’라는 문장이 이어진다. 스크롤을 내리면 ‘What Service Do You Need?’와 함께 AI·3D·SEO/GEO·이커머스·CMS 등 여덟 개 서비스가 아이콘으로 늘어선다.
이 구획의 제목은 ‘Order Now’다. 서비스를 고르고 나면 ‘Your order has been received.’라는 확인 화면이, 그 다음엔 ‘Pickup’ 구획이 이어진다. 주문하고 받는다는 일상적 동사를 에이전시 계약 과정에 그대로 얹은 구조다. 이번 리뷰에서는 이 은유가 실제 정보 전달과 어디까지 맞물리는지, 그리고 병원 전문 라인인 Medi-Lab을 별도로 분리한 판단을 살펴본다.
브랜드 & 메시지
브랜드 화법은 ‘주문—접수—픽업’이라는 하나의 동선을 시종일관 유지한다. 서비스 선택 구획을 ‘Order Now’로, 확인 화면을 접수 문구로, 결과물 전달 구획을 ‘Pickup’으로 부르는 식이다. 에이전시가 하는 일을 ‘계약’이 아니라 ‘주문’으로 부르면 방문자가 느끼는 진입 장벽이 낮아진다. 견적 상담이 부담스러운 초기 방문자에게는 유효한 화법이다.
다만 은유가 일관될수록 실제 정보는 아이콘 뒤로 숨는 경향이 생긴다. AI·3D·CMS 같은 서비스명이 한 줄 카피 없이 아이콘만으로 제시되는 구간이 있어, 처음 방문한 담당자는 아이콘을 눌러야 내용을 알 수 있다. 로봇 캐릭터가 전 구간의 안내자로 반복 등장하는 점은 병원(Medi-Lab)과 일반 기업 홈페이지라는 서로 다른 두 축을 하나의 톤으로 묶는 장치로 기능한다.
UX/UI 관점
강점은 다섯 가지다. 첫째, 서비스 선택을 ‘주문’으로 재정의해 진입 부담을 낮췄다. 처음 상담을 요청하는 담당자에게 ‘메뉴를 고른다’는 감각은 ‘계약을 검토한다’보다 가볍다. 둘째, 포트폴리오를 Websites와 MediTech 두 갈래로 나눠, 병원 관계자가 자기 업종 사례부터 볼 수 있게 했다. 셋째, Awards & Recognition을 별도 구획으로 분리해 수상·인증 근거를 한곳에 모았다.
넷째, Project Keywords처럼 태그 목록으로 시공사례를 다시 필터링할 수 있는 단서를 제공한다. 다섯째, 하단에 Process 구획을 둬 계약 전 단계에서 작업 흐름을 먼저 확인시킨다. 여섯째, 뉴스레터 구독과 채용 정보를 Community 메뉴 아래 함께 묶어, 잠재 고객뿐 아니라 협업·채용 문의까지 한 진입점에서 흡수한다.
IA·SEO 전략
title은 ‘소이정 디지털&디자인 에이전시 | 홈페이지 제작, AI, SEO/GEO’로 서비스 키워드를 압축해 담았고, description도 병원·기업·AI·3D·SEO/GEO를 한 문장에 정리했다. canonical이 명시돼 있고 rss.xml이 연결돼 있는데, 에이전시 사이트에서 RSS 피드를 유지하는 경우는 흔치 않다. 콘텐츠를 주기적으로 발행하고 있다는 신호로 읽을 수 있다.
구조화 데이터로는 Organization이 적용돼 있다. 다만 FAQPage나 Service 스키마는 확인되지 않는다. ‘병원 홈페이지 제작 비용’, ‘3D 인터랙티브 홈페이지란’처럼 잠재 고객이 실제로 검색할 질문형 키워드에 대응하는 FAQ 구조화 데이터를 추가하면, 지금의 Organization 단일 스키마보다 AI 답변 엔진의 인용 가능성을 넓힐 수 있다. meta keywords 태그도 여전히 남아 있는데, 실질적 검색 순위 영향은 크지 않으므로 다른 항목에 자원을 배분하는 편이 낫다.
성능·접근성
캐릭터 일러스트와 아이콘이 화면 전반에 많이 쓰인다. 오렌지·다크를 교차하는 구획마다 배경 그래픽과 서비스 카드 이미지가 반복돼, 첫 화면 이후로도 이미지 로딩이 이어진다. 스크롤에 따라 문구와 캐릭터가 전환되는 연출이 많은 만큼, 뷰포트에 들어올 때만 로드하는 지연 로딩 적용 여부를 점검할 필요가 있다.
접근성 측면에서는 오렌지 배경 위 흰 텍스트, 다크 배경 위 저채도 텍스트가 번갈아 등장하는데 구간별 대비를 재점검할 필요가 있다. 아이콘만으로 서비스명을 전달하는 구간에는 대체 텍스트와 함께 한 줄 설명을 병기하면, 스크린리더 사용자뿐 아니라 처음 방문한 사람에게도 도움이 된다.
자주 묻는 질문
병원 홈페이지는 일반 기업 홈페이지와 어떻게 다르게 만들어야 하나요?
예약 시스템, 진료 안내, 의료광고 규정 준수가 함께 요구된다는 점이 다릅니다. 소이정처럼 병원 라인(Medi-Lab)을 별도로 분리해 포트폴리오와 서비스를 보여주면, 병원 담당자가 자기 상황에 맞는 사례를 더 빨리 확인할 수 있습니다.
홈페이지에 3D 인터랙티브 요소를 넣으면 실제로 효과가 있나요?
브랜드 인상을 강하게 남기는 데는 효과적이지만, 로딩 속도와 상충할 수 있습니다. 핵심 메시지가 전달된 뒤에 3D 요소가 순차적으로 로드되도록 설계하는 것이 일반적인 균형점입니다.
에이전시 사이트에 RSS 피드가 왜 필요한가요?
콘텐츠를 꾸준히 발행하고 있다는 신호이자, 구독자와 검색엔진이 새 글을 빠르게 인식하게 하는 경로입니다. 발행 주기가 유지될 때만 의미가 있으므로 운영 리듬이 뒷받침돼야 합니다.
홈페이지 제작 에이전시를 고를 때 무엇을 먼저 봐야 하나요?
업종별 포트폴리오와 작업 프로세스 공개 여부를 먼저 보는 것이 좋습니다. 비용과 기간은 프로젝트 범위에 따라 달라지므로 초기 상담에서 구체적으로 확인하는 편이 정확합니다.
디지털 파트너 더블루캔버스
에이전시 홈페이지는 이중의 과제를 안는다. 방문자를 설득해야 하는 동시에, 그 사이트 자체가 제작 역량의 증거가 돼야 한다. 은유가 강한 콘셉트를 택할수록 ‘재미있다’는 인상과 ‘서비스 내용이 명확하다’는 인상을 함께 확보하기가 더 까다로워진다.
The Blue Canvas(더블루캔버스)도 업종별 포트폴리오와 작업 프로세스를 구조화해 보여주는 일을 다룬다. 콘셉트가 강한 화면과 정보 전달이 충돌하지 않도록 우선순위를 배치하고, 방문자가 어떤 업종·목적으로 왔는지에 따라 다른 진입 경로를 설계하는 작업이 그 핵심이다.
마무리와 다음 스텝
소이정의 사이트는 ‘주문—픽업’이라는 하나의 은유를 흔들림 없이 끝까지 밀고 간 구성이다. 병원과 일반 기업 포트폴리오를 분리한 판단, 수상 이력을 별도 구획으로 둔 배치, 그리고 RSS 피드를 유지하는 발행 리듬까지 에이전시 사이트로서 갖출 요소를 두루 갖췄다.
실행 제안은 셋이다. 첫째, 아이콘만으로 제시된 서비스명에 한 줄 설명을 병기해 첫 방문자의 이해 속도를 높인다. 둘째, FAQ 구조화 데이터를 추가해 병원·비용·기간처럼 실제 검색되는 질문에 대응한다. 셋째, 오렌지·다크가 교차하는 구간의 텍스트 대비를 재점검한다. 콘셉트는 이미 완성돼 있으니, 남은 일은 정보를 그 위에 더 또렷이 얹는 것이다.
