단 2주 만에 구축 완료! GEO·AI Agent까지 고려한 Nudeen Shopify BrandWeb 프로젝트

Weeks to Launch | AI-Ready Shopify Brand Website

브랜드 웹사이트 구축, 반드시 몇 달이 필요할까요?

기획부터 디자인, 개발, 콘텐츠 구성, QA까지. 일반적인 브랜드 웹사이트 구축에는 여러 단계의 작업과 검토 과정이 필요합니다.

하지만 단 2주 만에 브랜드 웹사이트를 구축하면서, AI 검색과 AI 에이전트까지 고려할 수 있다면 어떨까요?

콘센트릭스는 K-Beauty 브랜드 Nudeen(누딘)의 공식 브랜드 웹사이트를 Shopify 기반으로 단 2주 만에 구축했습니다.

이번 프로젝트는 빠른 구축을 넘어, 기존 검색엔진 최적화(SEO)는 물론 생성형 AI 검색 최적화(GEO, Generative Engine Optimization)와 AI 에이전트의 웹사이트 탐색(Agentic Browsing)까지 고려한 프로젝트입니다.

단순히 사람에게 보기 좋은 웹사이트를 만드는 것을 넘어, 검색엔진과 AI가 콘텐츠를 이해하고 탐색하기 쉬운 웹사이트 구조를 구현하는 데 집중했습니다.

 

1. 프로젝트 소개

14 Days. AI-Ready. Brand Experience.

Nudeen Shopify BrandWeb 구축 프로젝트는 뷰티 브랜드 Nudeen의 브랜드 아이덴티티와 제품 콘텐츠를 효과적으로 전달하기 위해 Shopify를 브랜드 웹사이트 및 콘텐츠 관리 플랫폼(CMS)으로 활용한 프로젝트입니다.

이번 프로젝트의 핵심 목표는 세 가지였습니다.

첫째, 빠른 구축 속도

- Shopify 기반 개발 환경을 활용하여 단 2주 만에 브랜드 웹사이트 구축 완료

둘째, 브랜드 경험 중심의 웹사이트

- 브랜드 스토리와 제품 정보를 직관적으로 전달하는 콘텐츠 중심의 웹사이트 구현

셋째, AI 시대를 고려한 웹사이트 설계

- SEO와 GEO를 고려한 시맨틱 HTML 구조를 적용하고, AI 에이전트의 웹사이트 탐색 및 콘텐츠 이해 가능성을 고려한 웹사이트 구축

특히 이번 프로젝트는 빠른 개발 속도와 기술적 품질을 함께 고려했다는 점에서 의미가 있습니다.

프로젝트 개요

항목	내용
프로젝트명	Nudeen Shopify BrandWeb 구축
브랜드	Nudeen (누딘)
구축 플랫폼	Shopify
사이트 유형	Global Beauty Brand Website
구축 기간	단 2주 (14일)
주요 구축 영역	브랜드 콘텐츠, 제품 정보, 다국어 지원, 반응형 웹
기술적 고려 사항	SEO, GEO, Semantic HTML, Accessibility, Agentic Browsing
공식 웹사이트	https://nudeenbeauty.com/

2. 프로젝트 배경

검색의 시대를 넘어, AI가 브랜드를 발견하는 시대로

브랜드 웹사이트의 역할이 변화하고 있습니다.

과거에는 사용자가 Google이나 Naver에서 키워드를 검색하고, 검색 결과를 통해 브랜드 웹사이트를 방문하는 방식이 일반적이었습니다.

하지만 최근에는 ChatGPT, Gemini 등 생성형 AI 서비스를 활용하여 브랜드와 제품에 대한 정보를 탐색하는 사용자 경험이 확대되고 있습니다. 또한 AI 에이전트가 사용자를 대신해 웹사이트를 탐색하고 필요한 정보를 확인하는 Agentic Web 환경도 주목받고 있습니다.

이러한 변화 속에서 브랜드 웹사이트는 사람에게 정보를 전달하는 것뿐 아니라, 검색엔진과 AI 시스템이 콘텐츠의 의미와 구조를 이해할 수 있도록 설계하는 것이 중요해지고 있습니다.

Nudeen 프로젝트에서는 이러한 디지털 환경의 변화를 고려하여, 초기 개발 단계부터 SEO와 GEO, Agentic Browsing을 함께 고려했습니다.

3. 주요 구축 영역

① Fast-Track Development | 단 2주 만에 브랜드 웹사이트 구축

JUST 14 DAYS TO LAUNCH!

이번 프로젝트에서 가장 주목할 부분은 구축 기간입니다.

콘센트릭스는 Shopify의 테마 기반 개발 환경과 콘텐츠 관리 기능을 활용하여 Nudeen의 공식 브랜드 웹사이트를 단 2주 만에 구축했습니다. 브랜드 콘텐츠와 제품 정보, 다국어 지원 및 반응형 웹 환경 등 브랜드 웹사이트에 필요한 핵심 요소들을 빠르게 구현했습니다. 특히 단기간 구축이라는 목표에만 집중하는 것이 아니라, 웹사이트의 구조적 완성도와 향후 운영 편의성까지 함께 고려했습니다.

이를 통해 빠른 구축과 안정적인 브랜드 경험을 동시에 추구하는 Fast-Track 개발 방식을 적용했습니다.

② Brand Experience | 브랜드 아이덴티티 중심의 웹사이트

Nudeen은 스킨케어 제품을 중심으로 브랜드의 가치를 전달하는 K-Beauty 브랜드입니다.

이번 프로젝트에서는 브랜드의 아이덴티티를 효과적으로 표현할 수 있도록 제품 이미지와 브랜드 콘텐츠를 중심으로 웹사이트를 구성했습니다. 방문자가 브랜드를 직관적으로 이해하고 필요한 콘텐츠를 쉽게 탐색할 수 있도록 사용자 경험을 설계했습니다. 또한 PC와 모바일 환경을 고려한 반응형 웹 구조를 적용하여 다양한 디바이스에서도 일관된 브랜드 경험을 제공하도록 구성했습니다.

③ SEO & GEO | AI 검색 환경까지 고려한 시맨틱 웹 구조

Built for People. Structured for Search & AI.

이번 프로젝트의 중요한 기술적 특징 중 하나는 SEO와 GEO를 고려한 웹사이트 설계입니다.

SEO(Search Engine Optimization)가 검색엔진이 웹사이트의 콘텐츠를 이해하고 검색 결과에 노출할 수 있도록 최적화하는 과정이라면, GEO(Generative Engine Optimization)는 생성형 AI 기반 검색 환경에서 콘텐츠가 발견되고 이해될 수 있도록 고려하는 접근 방식입니다.

<GEO 노출 사례 예시>

콘센트릭스는 Nudeen 웹사이트 구축 과정에서 이러한 환경을 고려하여 시맨틱 HTML(Semantic HTML) 기반의 콘텐츠 구조를 적용했습니다. 시맨틱 HTML은 웹페이지의 각 요소가 가진 의미와 역할을 명확하게 표현하는 HTML 작성 방식입니다. 대표적으로 다음과 같은 태그를 활용할 수 있습니다.

• <header> : 웹사이트의 상단 영역
• <nav> : 주요 탐색 메뉴
• <main> : 페이지의 핵심 콘텐츠
• <section> : 주제별 콘텐츠 구분
• <article> : 독립적인 콘텐츠 영역
• <footer> : 하단 정보 및 부가 콘텐츠

또한 제목 태그(H1~H6)의 계층 구조와 의미 있는 콘텐츠 구성을 고려하여, 사용자뿐 아니라 검색엔진과 AI 시스템도 페이지의 주요 정보를 이해할 수 있도록 설계했습니다. 이러한 구조적 접근은 검색엔진의 콘텐츠 이해를 돕는 동시에, AI 기반 정보 탐색 환경에 대응하기 위한 기술적 기반이 됩니다. Nudeen 프로젝트는 단순히 화면을 구현하는 것을 넘어, 콘텐츠가 어떻게 발견되고 이해되는지까지 고려한 브랜드 웹사이트 구축 사례입니다.

④ Agentic Browsing | AI 에이전트의 웹사이트 탐색까지 고려한 설계

AI가 웹사이트를 탐색하는 시대, 웹사이트의 구조도 달라져야 합니다.

Agentic Browsing은 AI 에이전트가 웹사이트의 구조와 인터페이스를 이해하고, 정보를 탐색하거나 사용자 요청에 따른 작업을 수행하는 방식을 의미합니다. 기존 웹사이트가 사람의 클릭과 탐색을 중심으로 설계되었다면, AI 에이전트 시대에는 기계가 페이지의 의미와 탐색 구조를 이해할 수 있도록 하는 것도 중요합니다. 이번 Nudeen 프로젝트에서는 AI 에이전트가 웹사이트를 이해하고 탐색하기 쉬운 환경을 고려했습니다. 이를 위해 시맨틱 HTML 구조와 명확한 콘텐츠 계층, 접근성을 고려한 웹 요소 구성 등 웹 표준 기반의 개발 방식을 적용했습니다. 특히 Chrome Lighthouse의 Agentic Browsing 항목에서 4/4를 기록하며 관련 자동화 점검 항목을 모두 통과했습니다.

이는 AI 에이전트 친화적인 웹사이트 설계를 고려한 결과를 보여주는 지표로, 향후 AI 기반 웹 탐색 환경에 대응하기 위한 기술적 기반을 마련했다는 점에서 의미가 있습니다.

⑤ Accessibility | 누구나 접근하기 쉬운 웹사이트

웹 접근성(Accessibility)은 다양한 사용자가 웹사이트의 콘텐츠와 기능을 이해하고 활용할 수 있도록 하는 중요한 웹 품질 요소입니다. 이번 프로젝트에서는 콘텐츠 구조와 웹 요소의 의미를 명확히 전달하는 시맨틱 HTML 활용 등 접근성을 고려한 개발 방식을 적용했습니다. 이를 통해 Chrome Lighthouse의 Accessibility 항목에서 93점을 기록했습니다.

접근성을 고려한 개발은 사용자 경험 개선뿐 아니라, 검색엔진과 자동화된 시스템이 웹페이지의 구조를 이해하는 데에도 도움이 됩니다.

4. Lighthouse 측정 결과

단 2주 만에 구축했지만, 기술적 품질까지 고려했습니다.

Nudeen 웹사이트는 Chrome Lighthouse를 활용하여 주요 웹 품질 항목을 점검했습니다.

Lighthouse는 Google Chrome에서 제공하는 웹사이트 품질 진단 도구로, 성능과 접근성, SEO 및 웹 개발 모범 사례 등을 평가합니다. 이번 측정에서는 다음과 같은 결과를 확인했습니다.

평가 항목	측정 결과
Performance	78점
Accessibility	93점
Best Practices	77점
SEO	92점
Agentic Browsing	4/4 통과

SEO 92점, Accessibility 93점, Agentic Browsing 4/4

단기간에 구축한 웹사이트임에도 검색엔진 최적화, 접근성, AI 에이전트 탐색 관련 주요 항목에서 긍정적인 결과를 확인했습니다. 특히 Agentic Browsing의 4개 점검 항목을 모두 통과했다는 점은 이번 프로젝트에서 고려한 AI 친화적 설계 방향을 보여주는 결과입니다. 다만 Lighthouse 점수는 측정 환경과 시점에 따라 달라질 수 있으며, Agentic Browsing 결과가 모든 AI 에이전트의 정상 동작이나 생성형 AI 검색 노출을 보장하는 것은 아닙니다.

이번 측정 결과는 Nudeen 브랜드 웹사이트가 SEO, 접근성 및 AI 기반 탐색 환경을 고려하여 구축되었음을 보여주는 기술적 참고 지표입니다.

5. 프로젝트 핵심 성과

2주라는 구축 속도, 그리고 AI-Ready 웹사이트 설계

Nudeen 프로젝트는 빠른 구축과 함께 변화하는 디지털 환경을 고려한 웹사이트 설계라는 점에서 의미 있는 사례입니다.

핵심 영역	프로젝트 성과
Fast Launch	Shopify 기반 브랜드 웹사이트 2주 내 구축
Brand Experience	브랜드 아이덴티티 중심의 콘텐츠 및 제품 정보 구성
Global Readiness	한국어·영어·중국어 다국어 콘텐츠 지원
SEO	Lighthouse SEO 92점
GEO	생성형 AI 검색 환경을 고려한 콘텐츠 구조 및 시맨틱 HTML 적용
Accessibility	Lighthouse 접근성 93점
Agentic Browsing	Lighthouse Agentic Browsing 4/4 통과

이번 프로젝트의 성과는 단순히 웹사이트를 빠르게 완성했다는 사실에 그치지 않습니다.

브랜드 웹사이트 구축 초기 단계부터 AI 검색과 AI 에이전트의 탐색 환경을 함께 고려했다는 점이 핵심입니다.

6. 콘센트릭스의 Shopify 구축 역량

Fast to Launch. Ready for What's Next.

콘센트릭스는 설화수 일본 D2C몰, 이니스프리 글로벌 D2C 사이트, Yamaha 다국가 사이트 등 다양한 Shopify 프로젝트를 수행하며 글로벌 디지털 플랫폼 구축 경험을 축적해 왔습니다. 이번 Nudeen 프로젝트는 이러한 경험을 바탕으로, Shopify를 브랜드 웹사이트 구축 플랫폼으로 활용한 Fast-Track 개발 사례입니다. 특히 구축 속도뿐 아니라 SEO, GEO, 웹 접근성, Agentic Browsing 등 변화하는 웹 환경을 함께 고려했다는 점에서 차별화됩니다.

웹사이트의 목적은 브랜드마다 다릅니다.

커머스 기능이 중심인 웹사이트가 있는 반면, 브랜드의 가치와 콘텐츠를 전달하는 것이 더 중요한 웹사이트도 있습니다. 콘센트릭스는 브랜드의 목적과 비즈니스 환경에 맞춰 Shopify의 유연한 구조를 활용하고, 빠르게 변화하는 디지털 환경에 대응할 수 있는 웹사이트 구축을 지원합니다.

7. 마무리

Beyond Fast Launch. Built for the AI Era.

단 2주 만에 구축한 브랜드 웹사이트. 그리고 그 안에 담긴 SEO, GEO, Agentic Browsing을 고려한 설계.

Nudeen 프로젝트는 Shopify를 활용하면 짧은 시간 안에도 브랜드의 아이덴티티를 구현하고, AI 시대의 웹 환경까지 고려한 브랜드 웹사이트를 구축할 수 있음을 보여줍니다. 웹사이트는 이제 단순히 사람에게 보여지는 공간을 넘어, 검색엔진과 AI가 브랜드를 발견하고 이해하는 중요한 디지털 접점으로 발전하고 있습니다.

빠른 구축을 넘어, 다음 시대를 준비하는 웹사이트. 콘센트릭스는 앞으로도 Shopify 기반의 디지털 플랫폼 구축 역량을 바탕으로 브랜드의 성공적인 디지털 경험을 지원하겠습니다.

Nudeen 공식 웹사이트: https://nudeenbeauty.com/

Shopify 구축 및 브랜드 웹사이트 개발 문의: https://cnxk.shop/ [Concentrix Shopify Group]