Phase 1 · 사이트 심층 리뷰놀고팜+고향사랑기부 통합 리뉴얼

한눈 비교 4개 나란히

같은 종류의 화면을 4개 사이트 나란히 — 차이가 바로 보입니다. 더 큰 화면은 각 사이트 페이지에서.
자사경쟁사※ 상단 일부만 크롭. 클릭 없이 비교용.

① 홈 / 메인 화면 (데스크탑)

놀고팜예약 그리드
검색바+TOP10+카드. 풀와이드, 올드.
아이러브고향히어로뿐
히어로 아래 텅 빔.
웰로콘텐츠 피드
중앙 단일컬럼 SNS 피드.
위기브쇼핑몰
상품 밀집 풀와이드 커머스.
한눈 결론: 자사 2곳은 "예약 그리드 / 텅 빈 히어로", 경쟁 2곳은 "콘텐츠 피드 / 상점". 홈에서부터 재방문 동력(콘텐츠·상품 밀도) 격차가 보인다.

② 기부 / 답례품 화면

놀고팜스토어(기부X)
기부 없음 → 스토어로 대체 표시.
아이러브고향기부 메인
CTA 3종. 큐레이션 빈약.
웰로답례품 커머스
답례품 그리드+카테고리.
위기브답례품 PLP
깊은 분류+필터.
한눈 결론: 우리 기부는 답례품 큐레이션·깊이가 경쟁사에 못 미친다. 위기브 수준의 분류/필터가 목표선.

③ 시그니처 / 콘텐츠 기능

놀고팜이벤트
프로모션 목록(정적).
아이러브고향지역브랜드관
전북 브랜드 상품.
웰로아티클 엔진
AI 대량 콘텐츠+필터.
위기브지정기부 펀딩
모금률 크라우드펀딩.
한눈 결론: 경쟁사는 재방문을 만드는 시그니처(웰로=AI 콘텐츠 엔진, 위기브=지정기부 펀딩)가 뚜렷. 자사는 정적 목록 위주 → 시그니처 부재.

④ 모바일 홈

놀고팜분기형
아이러브고향분기형
웰로반응형
위기브반응형
한눈 결론: 경쟁사는 데스크탑=모바일 단일 반응형(코드 1벌). 자사는 분기형(PC/모바일 별도) → 유지보수 2배·일관성 저하.

⑤ 디자인 콜아웃 (화면 위 주석)

■ 문제 · ■ 좋은 패턴 · ■ 설명

① 히어로 + CTA 3종 ② 이 아래 전부 여백/팝업존 — 콘텐츠 0 ③ 푸터
① 단일 컬럼 무한 피드(SNS형) ② 정책·아티클·기부 카드 혼합 스트림 ③ 데스크탑도 모바일 폭 = 단일 반응형
① 카드마다 모금률 바 ② 목표금액·분야 태그 ③ 좌측 분야 사이드바
콜아웃 결론: 같은 "홈"이라도 아이러브고향은 비어 있고(②), 웰로는 채워 스크롤시키고, 위기브는 기부를 시각적 동기(모금률)로 만든다. 리뉴얼은 이 "빈 공간을 콘텐츠·기부 동기로 채우는 것"이 핵심.

⑥ 기술·성능·접근성·SEO 실측 비교

지표놀고팜 자사아이러브고향 자사웰로 경쟁위기브 경쟁
프레임워크jQuery 3.5.1jQuery 3.4.1모던 SPAjQuery 3.3.1
TTFB196ms1369ms27ms174ms
load(전체)965ms2281ms1148ms589ms
<html lang>없음kokoko
이미지 alt 누락47%29%0%3%
JSON-LD 구조화미검출없음있음있음
canonical있음없음있음없음
줌 차단(user-scalable=no)
브랜드 폰트system-ui디코드 실패(OTS)Pretendard VarPretendard
한눈 결론: 웰로가 기술/접근성/SEO 모범(모던 SPA·JSON-LD·alt 0누락·TTFB 27ms). 위기브는 빠르지만 jQuery·canonical 결여. 자사는 lang 누락·이미지 alt 절반 누락·아이러브고향 2.3초 로딩·브랜드 폰트 실제 깨짐까지 정량으로 드러난다. 리뉴얼 기술 목표선 = 웰로급.
이전← 개요
📑 작성 AI