2026외국비자 컨설팅 — 기업 웹사이트
GTT Consulting
설명
외국비자 컨설팅 — 기업 웹사이트
기간
Dec 2025 - Jan 2026
역할
- 비자 서비스 특유의 무게감과 신뢰감을 주는 클린한 톤앤매너 UX/UI 디자인.
- Next.js 기반 클라이언트 개발 및 Supabase 백엔드 아키텍처 설계.
- 통계 분석 및 콘텐츠 CRUD 기능을 포함한 운영진 전용 대시보드 개발.
- Cloudflare 연동, RLS 보안 정책 수립 및 2차 인증 시스템 구현.
- SEO 테크니컬 세팅 및 이미지/코드 최적화.
기술
Frontend
Next.js · TypeScript · Tailwind CSS
Motion
Framer Motion · GSAP
Backend
Supabase (Auth · DB · RLS)
Infrastructure
Cloudflare (DNS & Security) · Vercel
프로젝트 목적
"비자 서비스의 투명성, 신뢰의 시작점." GTT Consulting은 ㈜케이몬스터의 비자 전문 브랜드로, 불투명함이 기본값인 시장에 있습니다. 그래서 그 반대편을 설계했습니다. 방문자가 실제로 검색하는 비자 타입 정보를 즉시 읽히게 만들고, 복잡한 신청 과정을 논리적인 UI로 풀어 시작하기까지의 심리적 진입장벽을 낮추는 것이 과제였습니다.
범위
- · 브랜드 아이덴티티 수립
- · 풀스택 웹 개발 (Next.js · Supabase)
- · 접속 통계 시각화 관리자 대시보드
- · 보안·인프라 — RLS, MFA, Cloudflare
주요 기술 특징
통합 관리 대시보드·CMS
- · 실시간 방문자 수·유입 경로·페이지 뷰를 차트로 시각화해, 감이 아니라 데이터로 운영하게 했습니다.
- · 서비스 텍스트·이미지·비자 정보를 개발자 없이 운영진이 직접 수정합니다.
성능 및 SEO
- · Next.js SSR/ISR로 초기 로딩 속도를 극대화하고 SEO 수치를 대폭 개선했습니다.
- · sitemap·robots.txt 동적 생성과 다국어 확장을 고려한 OG 메타 세팅을 마쳤습니다.
엔터프라이즈 보안
- · Supabase RLS로 비정상적인 데이터 접근을 클라이언트 신뢰가 아니라 DB 계층에서 차단했습니다.
- · 관리자 로그인에 OTP 기반 MFA를 도입했습니다 — 고객의 출입국 서류를 다루는 비즈니스이기 때문입니다.
인프라
- · Cloudflare로 DNS·DDoS 방어·에지 전송을 처리했습니다.
- · SSL 인증서와 WAF 설정으로 노출면을 닫았습니다.
디자인 포인트
몰입형 인터랙션
GSAP과 Framer Motion을 결합해 스크롤에 따라 텍스트와 비주얼이 유기적으로 움직입니다. 상단에서 한 번 말하고 마는 대신, 방문자가 브랜드의 가치를 읽어 내려가게 했습니다.
전략적 서비스 갤러리
비자 카테고리를 카드 그리드에 올리고 호버로 정보 밀도를 조절했습니다. 어느 한 화면도 붐비지 않으면서 전체를 다 볼 수 있습니다.
신뢰 기반 연혁 시각화
기업의 성장 과정과 강점을 인터랙티브 타임라인으로 표현해, 추상적인 '컨설팅 능력'을 데이터와 도식으로 치환했습니다.
최적화된 상담 인터페이스
문의 양식을 체계화하고 AJAX로 새로고침 없이 전송되게 했습니다. 관리자 알림 연동으로 실제로 빠른 응답이 가능해졌습니다.
프로젝트 보기웹사이트 방문 →