📌 GGL - (주)끌올애드 마케팅 에이전시 랜딩페이지

🔹 프로젝트 개요

• 작업 기간: 2025.12 ~ 2026.01
• 작업 범위: 웹사이트 리뉴얼, UI/UX 디자인, 인터랙션 개발
• 사용 도구:
  • Frontend: Next.js, React, Tailwind CSS
  • Animation: Framer Motion, CSS Keyframes
  • Backend: Sanity CMS (Headless), Supabase (Form Data & Auth)
  • Performance: Lighthouse CI, Google Search Console, Naver Search Advisor

🔹 프로젝트 목적

"성장을 끌어올리는 시작점 (The Beginning of Growth)." 단순한 광고 대행을 넘어, 클라이언트와 함께 성장하는 '비즈니스 파트너'로서의 신뢰감을 전달하는 데 집중했습니다. 기존의 마케팅 대행사 사이트들이 가진 복잡하고 산만함을 배제하고, **명확한 프로세스(Process)**와 **실질적인 성과(Portfolio)**를 강조하는 직관적인 UI를 구축하여 전문성을 시각화했습니다.

• Trust-Based Layout: '안심할 수 있는 기업'이라는 슬로건에 맞춰, 정보의 투명성과 가독성을 최우선으로 고려한 레이아웃 설계.
• Conversion-Focused UX: 서비스 소개에서 상담 신청으로 이어지는 자연스러운 동선 설계를 통해 잠재 고객의 이탈률을 최소화.

🔹 핵심 기술 및 구현 기능 (Key Technical Features)

1. Data-Driven Admin Dashboard (데이터 기반 관리자 시스템)

• 접속 통계 시각화: Google Analytics와 연동하거나 자체 로깅을 통해 일일/월간 방문자 수, 유입 경로 등을 한눈에 파악할 수 있는 대시보드 UI를 구현했습니다.
• 콘텐츠 통합 관리: 마케팅 포트폴리오 및 문의 내역을 개발자의 개입 없이 운영진이 직접 수정/삭제할 수 있는 CMS(Content Management System) 환경을 구축하여 운영 효율을 극대화했습니다.

2. Perfect Optimization (성능 및 SEO 최적화)

• Lighthouse Score 90+: 이미지 포맷 최적화(WebP), 코드 스플리팅(Code Splitting), 렌더링 최적화를 통해 Core Web Vitals 점수를 **90점 이상(Green Zone)**으로 유지, 쾌적한 사용자 경험을 제공합니다.
• Cross-Platform SEO (SEO 점수 100점):
  • sitemap.xml, robots.txt 동적 생성 및 메타태그(Open Graph, JSON-LD) 정교화.
  • Google Search Console 및 네이버 서치어드바이저 등 주요 검색엔진 등록을 완료하여, 타겟 키워드 검색 시 상위 노출될 수 있는 기반을 마련했습니다.

3. Robust Security Architecture (보안 아키텍처)

• RLS (Row Level Security): Supabase의 RLS 정책을 적용하여, 관리자 권한이 없는 사용자의 데이터 접근을 DB 레벨에서 원천 차단했습니다.