DecisionLab

지입앤잡 카고다

지입엔잡 카고다: 물류 매칭 플랫폼의 기술적 재해석 LOGISTICS MATCHING PLATFORM ARCHITECTURE

Client: 지입엔잡 (Jiip & Job)
Role: Tech Planning, UI/UX Design, Front-end Dev
Period: 2024.03.04 - 2024.03.15 (12 Days)
Tech Stack: Blogger XML, CSS3 Variables, Vanilla JS, Google CDN, JSON-LD

전략 및 시장 설계 STRATEGY & MARKET ARCHITECTURE

Market Analysis

물류 및 지입차 시장은 정보의 비대칭성이 강한 영역입니다. 사용자는 방대한 매물 데이터 속에서 신뢰할 수 있는 정보를 빠르게 필터링하기를 원합니다. 본 프로젝트는 이러한 시장 특성을 고려하여, 복잡한 정보를 직관적인 그리드 시스템으로 재배치하는 데 집중했습니다.

Key Mission

데이터의 가독성을 극대화하는 UI 구조를 설계하고, Google Infra를 기반으로 한 고성능 로딩 환경을 구축하여 사용자 이탈률을 최소화하는 것을 목표로 합니다.

구조 설계 INFORMATION ARCHITECTURE

Sitemap & Blogger XML

Blogger의 b:sectionb:widget 구조를 활용하여 위젯 단위의 모듈화 설계를 진행했습니다. 상단 배너 섹션부터 실시간 매물 리스트, 하단 상담 폼까지 각각의 컴포넌트를 독립적인 XML 위젯으로 구성하여 유지보수 효율성을 높였습니다.

메인 유입 정보 탐색 (Filter) 전환 (상담 신청)

디자인 워크플로우 VISUAL & AI WORKFLOW

No-Photoshop Asset Generation

전통적인 그래픽 툴 대신 Generative AI Tools를 활용하여 고해상도 메인 비주얼과 아이콘 세트를 생성했습니다. 생성된 에셋은 WebP 포맷으로 변환되어 성능을 최적화하였으며, 전체 레이아웃은 CSS GridFlexbox를 통해 코딩 기반으로 정밀하게 제어되었습니다.

Style Guide: Primary Color: #0066ff (Trust Blue) Accent Color: #333333 (Dark Grey) Typography: Pretendard (Variable Font)

기술 구현 및 최적화 PERFORMANCE & TECHNICAL OPTIMIZATION

Core Web Vitals & SEO

LCP(Largest Contentful Paint) 개선을 위해 상단 비주얼 요소에 Critical CSS를 적용하고 폰트 리소스를 Font Preload 처리했습니다. 또한, Google CDN을 통한 정적 파일 서빙으로 전 세계 어디서든 균일한 로딩 속도를 보장합니다.

검색 엔진 최적화(SEO)를 위해 Semantic HTML 구조를 준수하였으며, Schema.org (JSON-LD)를 통해 매물 정보가 검색 결과에서 리치 스니펫으로 노출될 수 있도록 데이터 구조화를 완료했습니다.

Google 인프라의 강력한 안정성과 AI 기반의 효율적인 제작 공정을 결합하여, 비즈니스 목표를 가장 빠르게 달성하는 디지털 거점을 구축합니다.

Visit Website
지입앤자 카고다 홈페이지
 

연관글

연관 글