Ennalogue Solutions 웹사이트
Project Case Study
Ennalogue Solutions 웹사이트
데이터 컨설팅과 데이터 솔루션 서비스를 한눈에 이해할 수 있도록 구성하고, 신뢰를 쌓은 뒤 문의와 제안서 요청으로 자연스럽게 이어지도록 설계한 B2B 마케팅 웹사이트입니다.
라이브 프로젝트 보기 →개요
Ennalogue Solutions는 데이터를 명확한 인사이트와 실행 가능한 결과로 바꾸는 B2B 데이터 컨설팅 웹사이트입니다. 공식 사이트는 데이터 엔지니어링부터 분석, 인프라, 자동화, 마이그레이션까지 폭넓은 역량을 보여주면서, 첫 화면에서 신뢰와 방향성을 빠르게 전달합니다.
전체 구조는 방문자가 서비스 이해, 신뢰 확인, 문의 또는 제안서 요청까지 자연스럽게 이어가도록 설계한 원페이지 마케팅 사이트 형태로 정리했습니다.
목표
첫 화면에서 회사의 역할과 가치 제안을 즉시 이해시키기
서비스 범위를 빠르게 훑어볼 수 있게 정리하기
About Us, Technologies, Testimonials, Blog로 신뢰를 보강하기
Contact Us와 Request for Proposal을 분리해 일반 문의와 공식 제안 요청을 모두 지원하기
앵커 네비게이션으로 필요한 섹션으로 바로 이동할 수 있게 만들기
사용자 맥락과 UX 제약
주 방문자는 데이터 파트너를 검토하는 의사결정자입니다. 보통 다음을 빠르게 확인하고 싶어합니다.
이 회사는 어떤 일을 하는가?
어떤 데이터 문제를 해결할 수 있는가?
어떻게 문의하거나 제안서를 요청할 수 있는가?
그래서 페이지는 이 질문들에 순서대로 답하도록 섹션을 나누고, 문의 동선을 반복 없이 연결했습니다.
정보 구조(IA)
라이브 사이트의 앵커 섹션을 기준으로 페이지를 구성했습니다.
About Us
회사 미션과 포지셔닝
Services
핵심 데이터 컨설팅 서비스
Technologies
기술 스택과 역량을 통한 신뢰 보강
Testimonials
신뢰를 더해주는 후기 영역
Blog
데이터 엔지니어링과 인사이트 콘텐츠
Contact Us
일반 문의 경로
Request for Proposal
공식 제안 요청 경로
주요 UX 결정
1) 첫 화면 메시지를 바로 읽히게 구성
첫 화면에는 "Empowering your business with data"와 "Delivering real-world results."를 전면에 배치해, 복잡한 설명 없이도 회사의 핵심 가치를 바로 이해할 수 있도록 했습니다.
2) 서비스를 기능 목록이 아닌 솔루션 범주로 정리
서비스는 긴 기술 나열 대신 솔루션 범주로 보여 주었습니다. 이렇게 하면 B2B 방문자가 빠르게 스캔하면서도 회사의 역량을 쉽게 파악할 수 있습니다.
라이브 사이트에 포함된 서비스는 다음과 같습니다.
Data Warehousing
Data Pipeline Engineering
Reporting Tools
Architecture & Security
Data Science & Analytics
Automation & ETLs
Data Migration
Server Hosting
3) Technologies를 신뢰 레이어로 사용
Technologies 섹션은 단순한 장식이 아니라 신뢰 신호로 작동합니다. 기술 범주를 묶어 보여 주면 방문자가 적합성을 더 빠르게 판단할 수 있습니다.
4) Blog와 RFP를 함께 배치
Blog는 전문성과 교육 콘텐츠를 보여 주는 접점이고, Request for Proposal은 실제 리드 전환을 위한 공식 창구입니다. 두 구조를 함께 둬서 인지도와 전환을 동시에 지원했습니다.
5) Contact와 Proposal을 분리하되 쉽게 찾게 구성
방문자는 가벼운 문의를 남길 수도 있고, 바로 제안 요청으로 넘어갈 수도 있습니다. 두 경로를 분리해 두면 의도에 맞는 흐름으로 바로 진입할 수 있습니다.
기술 구현
사용 스택
| 영역 | 구현 | 비고 |
|---|---|---|
| Framework | Next.js 15.1 + React 19 | 마케팅 사이트에 안정적인 기반 |
| Language | TypeScript | 컴포넌트와 콘텐츠 모델링 안정성 향상 |
| Styling | Tailwind CSS 3 | 반응형 레이아웃과 빠른 반복 작업 |
| i18n | next-intl | 다국어 대응이 쉬운 구조 |
| Contact ops | Nodemailer | 서버 측 이메일 전송 |
| Abuse prevention | reCAPTCHA Enterprise | 봇과 스팸 방지 |
| Optimization | @next/bundle-analyzer | 번들 점검과 성능 관리 |
| SVG pipeline | @svgr/webpack | SVG 자산을 React 컴포넌트로 사용 |
이 프로젝트가 보여 주는 역량
데이터 컨설팅 서비스를 명확한 B2B 마케팅 메시지로 정리하는 능력
신뢰, 역량, 전환을 중심으로 한 원페이지 구조 설계
제안 요청 중심의 문의 흐름을 단순하고 자연스럽게 만드는 UI 구성
