개요
핵심 요약
- 언플러(Onflou)는 UX 전략과 플랫폼 엔지니어링, AI 데이터 구조화를 함께 다루는 회사로, 홈페이지 로고와 화면 대부분은 영문 표기 ‘onflou’를 쓴다.
- 히어로 카피는 ‘하나의 AI Agent Core로 모든 데이터를 연결합니다’이며, 상단 태그라인은 ‘DESIGNED FOR AI. BUILT FOR SERVICE.’다.
- 포트폴리오는 Media&OTT, Educational Platform, Digital education Contents, E-Commerce, UX Service, ETC 여섯 카테고리로 나뉘고 각 카드는 흑백 3D 그래픽 썸네일을 쓴다.
- 12개 포트폴리오 프로젝트 목록에 미래엔, 웅진, TVING, KBS 등의 이름이 확인된다.
- 상단 내비게이션은 Projects·About us·Request·News·Careers 다섯 항목과 별도 Menu 버튼으로 구성된다.
언플러(Onflou)는 UX 전략, 플랫폼 엔지니어링, AI 데이터 구조화를 함께 다루는 회사다. 첫 화면 태그라인은 ‘DESIGNED FOR AI. BUILT FOR SERVICE.’이고, 이어지는 메인 카피는 ‘하나의 AI Agent Core로 모든 데이터를 연결합니다’다. 색은 거의 전부 흑백으로 통일돼 있고, 화면 대부분에서 브랜드 표기는 영문 ‘onflou’를 쓴다.
포트폴리오 구획은 프로젝트를 Media&OTT, Educational Platform, Digital education Contents, E-Commerce, UX Service, ETC 여섯 카테고리로 나눠, 각각 흑백 3D 유체 그래픽 썸네일과 한 줄 설명, ‘Go List’ 버튼으로 구성한다. 12개 포트폴리오 프로젝트 목록에는 미래엔, 웅진, TVING, KBS 같은 이름이 확인된다. 이번 리뷰에서는 색을 절제한 시각 언어와, 카테고리 단위로 작업을 분류한 포트폴리오 구조를 살펴본다.
브랜드 & 메시지
브랜드 화법의 핵심은 ‘설명보다 재질감’이다. 각 카테고리 카드에 붙는 문장은 ‘언플러의 미디어 작업’, ‘언플러의 교육 플랫폼 작업’처럼 극히 짧고, 대신 카드 전체를 채우는 흑백 3D 유체 그래픽이 시선을 붙든다. 텍스트로 역량을 설명하는 대신, 정교하게 렌더링된 이미지 자체로 기술력을 증명하려는 접근이다.
‘DESIGNED FOR AI. BUILT FOR SERVICE.’라는 태그라인과 ‘하나의 AI Agent Core로 모든 데이터를 연결합니다’라는 카피는 이 회사가 단순 웹 제작사가 아니라 AI 데이터 구조화까지 다루는 플랫폼 엔지니어링 회사임을 분명히 한다. 다만 흑백 3D 그래픽 위주의 시각 언어만으로는 ‘AI Agent Core’가 구체적으로 무엇을 하는 기술인지 짐작하기 어렵다. 포트폴리오 카드의 짧은 설명이 이 간극을 메우기에는 다소 부족하다.
UX/UI 관점
강점은 다섯 가지다. 첫째, 포트폴리오를 업종 단위(Media&OTT, Educational Platform, E-Commerce 등)로 나눠, 유사 업종 발주처가 관련 사례만 골라 볼 수 있게 했다. 둘째, 각 카테고리 카드에 ‘Go List’ 버튼을 일관되게 배치해 클릭 지점을 예측 가능하게 만들었다.
셋째, 흑백 3D 그래픽을 카테고리마다 다른 형태(유체, 큐브, 구체)로 제작해, 같은 톤을 유지하면서도 카드별 시각적 구분은 뚜렷하다. 넷째, 상단 내비게이션을 Projects·About us·Request·News·Careers 다섯 항목으로 압축하고 별도 Menu 버튼을 둬, 핵심 메뉴와 전체 메뉴를 분리했다. 다섯째, 하단 ‘Project Request’ 구획에 주소·전화번호를 명시하고 Home·Projects·About·Request·News·Careers를 알약형 버튼으로 재배치해, 포트폴리오를 다 본 방문자가 바로 문의로 이어지게 했다.
IA·SEO 전략
페이지 타이틀은 ‘Onflou’로 짧고, canonical 태그가 설정돼 있다. meta description과 og:description에는 ‘웹에이전시, 웹사이트구축, UX디자인…’ 식의 키워드 나열형 문구가 들어 있는데, 이는 실제 화면에서 확인되는 AI 플랫폼 엔지니어링 중심의 포지셔닝과는 결이 다르다. 최초 응답 HTML에서 JSON-LD 구조화 데이터는 확인된다.
화면의 핵심 메시지(AI Agent Core, 플랫폼 엔지니어링)와 meta description의 키워드 나열이 서로 다른 방향을 향하고 있는 점은 검색엔진과 AI 답변 엔진 모두에게 혼란을 줄 수 있다. 검색엔진은 description을 보고 ‘웹에이전시’ 카테고리로 이해하기 쉽지만, 실제 방문자는 AI 플랫폼 회사의 포트폴리오를 보게 된다. description을 실제 포지셔닝(UX 전략, 플랫폼 엔지니어링, AI 데이터 구조화)에 맞춰 다시 쓰는 편이 검색 의도와 실제 콘텐츠의 간극을 줄인다.
성능·접근성
흑백 3D 렌더링 이미지를 카테고리마다 다르게 쓰는 구조라, 이미지 파일 용량과 로딩 우선순위 관리가 특히 중요하다. 그래픽이 고해상도일수록 초기 로딩 부담이 커지므로, 스크롤로 도달하는 하위 카테고리 카드는 지연 로딩을 적용하는 편이 유리하다.
흑백 톤 위주의 디자인에서는 버튼과 배경의 명도 대비를 각별히 확인해야 한다. ‘Go List’, ‘Request’ 같은 행동 유도 버튼이 회색조 그래픽 위에 놓일 때도 항상 식별 가능한 대비를 유지하는지 점검할 부분이다. 하단 알약형 내비게이션 버튼의 터치 영역도 모바일에서 실측해볼 필요가 있다.
자주 묻는 질문
언플러(Onflou)는 어떤 일을 하는 회사인가요?
UX 전략, 플랫폼 엔지니어링, AI 데이터 구조화를 함께 다루는 회사입니다. 홈페이지 태그라인 ‘DESIGNED FOR AI. BUILT FOR SERVICE.’와 미래엔·웅진·TVING·KBS 등이 포함된 포트폴리오가 이를 보여줍니다.
포트폴리오 중심 홈페이지는 사례를 어떻게 분류하는 것이 효과적인가요?
언플러처럼 업종 단위(미디어, 교육, 커머스 등)로 카테고리를 나누면 발주처가 자기 업종과 유사한 사례만 빠르게 찾을 수 있습니다. 프로젝트를 시간순으로만 나열하는 것보다 탐색이 빠릅니다.
회사 홈페이지의 meta description은 실제 콘텐츠와 다르게 써도 되나요?
권장하지 않습니다. description이 실제 포지셔닝과 다르면 검색엔진이 사이트 성격을 잘못 이해하고, 방문자도 기대와 다른 내용을 보게 돼 이탈이 늘어날 수 있습니다. 실제 화면의 핵심 메시지를 그대로 반영하는 것이 기본입니다.
AI 관련 기술 회사 홈페이지는 어떻게 신뢰를 만들어야 하나요?
언플러처럼 구체적인 클라이언트명(미래엔, TVING, KBS 등)을 포트폴리오에 노출하는 것이 가장 직접적인 방법입니다. 추상적인 기술 용어보다 실제 협업 사례가 신뢰를 만듭니다.
디지털 파트너 더블루캔버스
기술 중심 에이전시나 플랫폼 회사의 홈페이지는 두 가지를 동시에 증명해야 한다. 시각적으로 기술력이 느껴지는 디자인, 그리고 검색엔진과 AI 답변 엔진이 그 회사를 정확히 이해할 수 있는 메타데이터다. 이 둘이 어긋나면 화면은 인상적인데 검색에서는 엉뚱하게 분류되는 일이 생긴다.
The Blue Canvas(더블루캔버스)는 이런 기술·플랫폼 회사의 홈페이지에서 실제 포지셔닝과 meta description, 구조화 데이터를 일치시키는 작업을 함께 한다. 화면의 인상과 검색엔진이 읽는 정보가 같은 방향을 가리키게 만드는 것이 이런 사이트의 핵심 과제다.
마무리와 다음 스텝
언플러(Onflou)의 홈페이지는 흑백 3D 그래픽과 절제된 카피로 기술 중심 회사의 인상을 뚜렷하게 만든다. 업종별로 나눈 포트폴리오 카테고리와 일관된 버튼 배치는 탐색을 쉽게 하고, 구체적인 클라이언트명은 신뢰를 뒷받침한다.
실행 제안은 셋이다. 첫째, meta description을 실제 포지셔닝(UX 전략, 플랫폼 엔지니어링, AI 데이터 구조화)에 맞춰 다시 쓴다. 둘째, 고해상도 3D 그래픽에 지연 로딩과 파일 최적화를 적용해 초기 로딩 부담을 줄인다. 셋째, 흑백 톤 위주 화면에서 행동 유도 버튼의 명도 대비를 재점검한다. 지금의 시각적 완성도라면, 검색 메타데이터를 정비하는 것이 다음 과제다.
