https://reffit.cc IT·디자인 실무자를 위한 웹사이트·디자인 레퍼런스 큐레이션 아카이브. 유형·업종·스타일·제작툴로 골라 보세요. ko https://reffit.cc/references/toss-im https://reffit.cc/references/toss-im 레퍼런스 섹션마다 기능 하나를 한 문장 + 앱 화면으로 압축해 전달하는 국내 프로덕트 웹의 교과서. 스크롤 흐름에 맞춘 디바이스 목업 연출이 벤치마크 포인트. Wed, 15 Jul 2026 09:00:00 GMT https://reffit.cc/references/daangn https://reffit.cc/references/daangn 레퍼런스 인기 검색어·지역별 탐색을 웹 첫 화면에 노출해 앱 서비스를 검색 유입 자산으로 바꾼 사례. 지역 기반 서비스의 웹 SEO 설계 벤치마크. Wed, 15 Jul 2026 08:50:00 GMT https://reffit.cc/references/29cm https://reffit.cc/references/29cm 레퍼런스 상품 나열 대신 '한 줄 카피 + 큰 이미지'의 에디토리얼 큐레이션으로 쇼핑을 콘텐츠 소비처럼 만든 커머스. 카피라이팅 중심 커머스 UI의 대표 벤치마크. Wed, 15 Jul 2026 08:40:00 GMT https://reffit.cc/references/gentlemonster https://reffit.cc/references/gentlemonster 레퍼런스 풀스크린 캠페인 영상이 첫 화면을 지배하고 커머스는 그 뒤에 배치되는 브랜드 우선 구조. 영상·비주얼로 브랜드 세계관을 전달하는 커머스의 정점. Wed, 15 Jul 2026 08:30:00 GMT https://reffit.cc/references/plus-ex https://reffit.cc/references/plus-ex 레퍼런스 블랙 배경 위 프로젝트 비주얼만 크게 보여주는 국내 대표 브랜드 경험 에이전시 포트폴리오. 작업물이 곧 인터페이스가 되는 구성. Wed, 15 Jul 2026 08:20:00 GMT https://reffit.cc/references/vinylc https://reffit.cc/references/vinylc 레퍼런스 '가장 쓸모 있는 경험'이라는 한 문장 포지셔닝과 풀스크린 프로젝트 릴로 시작하는 UX 에이전시 사이트. 에이전시 소개 페이지의 정석적 구조. Wed, 15 Jul 2026 08:10:00 GMT https://reffit.cc/references/channel-talk https://reffit.cc/references/channel-talk 레퍼런스 숫자(상담 80% 자동화)와 고객사 로고월, Before/After 비교로 설득하는 B2B SaaS 홈의 모범. 첫 화면에서 데모를 바로 체험시키는 전환 설계가 핵심. Wed, 15 Jul 2026 08:00:00 GMT https://reffit.cc/references/woowahan https://reffit.cc/references/woowahan 레퍼런스 '세상 모든 것이 식지 않도록' 한 문장 슬로건 아래 문화·서비스·채용을 묶어낸 기업 브랜드 사이트. 배민 특유의 위트 있는 톤앤매너가 그대로 웹에 이식됐다. Wed, 15 Jul 2026 07:50:00 GMT https://reffit.cc/references/antiegg https://reffit.cc/references/antiegg 레퍼런스 문화예술 콘텐츠를 잡지처럼 배열한 에디토리얼 미디어. WordPress 기반으로도 높은 완성도의 매거진 UI를 구현할 수 있음을 보여주는 사례. Wed, 15 Jul 2026 07:40:00 GMT https://reffit.cc/references/kurly https://reffit.cc/references/kurly 레퍼런스 퍼플 브랜드 컬러 하나로 신선식품과 뷰티라는 이질적 카테고리를 묶어낸 커머스. 상품 밀도가 높은 화면에서도 정돈된 인상을 유지하는 그리드 설계. Wed, 15 Jul 2026 07:30:00 GMT https://reffit.cc/references/seoul-go-kr https://reffit.cc/references/seoul-go-kr 레퍼런스 슬로건 하나로 시정 홍보·시민참여·행정서비스를 한 화면에 묶은 지자체 포털의 표준. 콘텐츠 카드형 나열로 방대한 정보량을 지루하지 않게 소화시키는 구조가 관공서 사이트 벤치마크 포인트. Wed, 15 Jul 2026 06:00:00 GMT https://reffit.cc/references/amc-seoul https://reffit.cc/references/amc-seoul 레퍼런스 건강TV·질환백과 등 콘텐츠 저널리즘을 진료과 안내에 결합해 병원 사이트를 정보 허브로 확장한 사례. 세분화된 진료과·클리닉 트리 구조는 대형병원 IA 설계의 참고 모델. Wed, 15 Jul 2026 05:50:00 GMT https://reffit.cc/references/severance-healthcare https://reffit.cc/references/severance-healthcare 레퍼런스 세브란스·강남세브란스·용인세브란스 등 계열 병원으로 분기하는 단일 게이트 페이지 구조. 여러 지점·법인을 가진 의료기관이 브랜드 통일성과 개별 접근성을 동시에 푸는 방식의 벤치마크. Wed, 15 Jul 2026 05:40:00 GMT https://reffit.cc/references/lh-or-kr https://reffit.cc/references/lh-or-kr 레퍼런스 '대한민국을 예쁘게 편집'이라는 감성 카피의 메인 비주얼과 청약플러스·마이홈 등 자회사 서비스 퀵메뉴를 결합한 공기업 홈. 방대한 공고·공모 정보를 탭형 리스트로 정돈한 정보구조가 참고할 만하다. Wed, 15 Jul 2026 05:30:00 GMT https://reffit.cc/references/kepco https://reffit.cc/references/kepco 레퍼런스 10여년 만의 전면 리뉴얼로 웹어워드 코리아 2025 기술·모바일 공공서비스 2관왕을 수상. 실시간 전력수급 현황을 메인에 노출하는 데이터 시각화와 ESG 인증마크 배치가 공기업 신뢰도 설계의 정석. Wed, 15 Jul 2026 05:20:00 GMT https://reffit.cc/references/nhis-promo https://reffit.cc/references/nhis-promo 레퍼런스 공공기관이 특정 지원금 캠페인을 메인 화면 전체를 장악하는 단일 목적 랜딩으로 운영한 사례. 음성지원·글자 확대 등 웹접근성 컨트롤을 상단에 고정 배치한 점이 공공 캠페인 UI의 기준점. Wed, 15 Jul 2026 05:10:00 GMT https://reffit.cc/references/nts-go-kr https://reffit.cc/references/nts-go-kr 레퍼런스 종합소득세·연말정산 등 세목별 정보를 카테고리 리스트로 나열하고 고액체납자 명단공개 같은 공익 캠페인을 병행하는 구조. 복잡한 행정 정보를 사용자 목적별로 분기하는 공공 정보 설계의 사례. Wed, 15 Jul 2026 05:00:00 GMT https://reffit.cc/references/samsung-galaxy https://reffit.cc/references/samsung-galaxy 레퍼런스 제품 라인업을 카드형 그리드로 나열하면서 각 카드에 가격·혜택·비교 CTA를 압축한 대형 커머스 홈의 정석. 신제품 히어로 배너와 스테디셀러 그리드를 한 화면에서 균형 있게 배치하는 방식이 벤치마크. Wed, 15 Jul 2026 04:50:00 GMT https://reffit.cc/references/lge-benefits-event https://reffit.cc/references/lge-benefits-event 레퍼런스 대기업 본사 사이트 안에서 단일 프로모션을 독립 랜딩페이지로 완결시킨 사례. 할인·카드혜택·사은품을 섹션별로 순서대로 배치해 구매 결정까지 스크롤 한 번으로 유도하는 전환 설계. Wed, 15 Jul 2026 04:40:00 GMT https://reffit.cc/references/hyundai-com https://reffit.cc/references/hyundai-com 레퍼런스 전기차 중심 히어로 섹션과 매거진형 콘텐츠, 자사몰 HyundaiShop을 한 사이트에 통합한 자동차 브랜드 홈의 확장판. 고객만족도 수상 배지를 풋터에 촘촘히 나열해 신뢰를 쌓는 방식이 국내 제조업 벤치마크. Wed, 15 Jul 2026 04:30:00 GMT https://reffit.cc/references/genesis-com https://reffit.cc/references/genesis-com 레퍼런스 모델별 카드 그리드에 가격·파워트레인 뱃지를 압축 표기해 럭셔리 브랜드의 정보 밀도와 여백을 동시에 지킨 사례. 세단·SUV·전기차 라인업을 한 화면에서 일관된 톤으로 정리하는 그리드 설계가 핵심. Wed, 15 Jul 2026 04:20:00 GMT https://reffit.cc/references/kia-com https://reffit.cc/references/kia-com 레퍼런스 차량·구매·체험·PBV 등 세분화된 메가메뉴와 챗봇 상담을 결합한 자동차 브랜드 사이트. 뉴스 하이라이트를 카드형으로 노출해 브랜드 무브먼트를 지속적으로 전달하는 콘텐츠 운영 방식이 참고할 만하다. Wed, 15 Jul 2026 04:10:00 GMT https://reffit.cc/references/nike-kr https://reffit.cc/references/nike-kr 레퍼런스 Trending Now 캐러셀과 카테고리 아이콘 그리드로 방대한 상품군을 빠르게 탐색시키는 글로벌 스포츠 커머스의 표준. 대륙별 로컬 사이트 링크를 풋터에 정리한 글로벌 브랜드의 지역화 패턴도 참고 포인트. Wed, 15 Jul 2026 04:00:00 GMT https://reffit.cc/references/adidas-kr https://reffit.cc/references/adidas-kr 레퍼런스 콜라보레이션(Bad Bunny, Y-3 등) 섹션과 멤버십 가입 유도 팝업을 결합해 브랜드 스토리텔링과 전환을 함께 잡은 커머스 홈. 풋터 위 브랜드 문단 배치로 카피와 상품 그리드의 균형을 잡는 방식이 눈에 띈다. Wed, 15 Jul 2026 03:50:00 GMT https://reffit.cc/references/spoqa-tech-blog https://reffit.cc/references/spoqa-tech-blog 레퍼런스 GitHub Pages 기반의 미니멀한 개발자 블로그로, 작성자 아바타·날짜만으로 신뢰를 쌓는 절제된 정보 설계가 특징. 스타트업 기술 블로그를 별도 CMS 없이도 완성도 있게 운영할 수 있음을 보여주는 레퍼런스. Wed, 15 Jul 2026 03:40:00 GMT https://reffit.cc/references/zigbang https://reffit.cc/references/zigbang 레퍼런스 아파트·빌라·원룸 등 매물 카테고리를 아이콘 그리드로 압축하고 부동산 동향 콘텐츠를 큐레이션 섹션에 배치한 프롭테크 서비스 홈. 앱 다운로드 유도보다 웹 자체의 탐색 경험에 공을 들인 구조가 특징. Wed, 15 Jul 2026 03:30:00 GMT https://reffit.cc/references/banksalad https://reffit.cc/references/banksalad 레퍼런스 신용카드·대출·건강검진까지 이질적인 금융·헬스 상품을 하나의 카테고리 아이콘 내비게이션으로 묶은 핀테크 슈퍼앱 웹. 콘텐츠 마케팅 섹션 '머니피드'로 정보성 콘텐츠와 상품 추천을 자연스럽게 연결한다. Wed, 15 Jul 2026 03:20:00 GMT https://reffit.cc/references/kbanknow https://reffit.cc/references/kbanknow 레퍼런스 저축·대출·앱테크까지 극도로 세분화된 메가메뉴 안에 '돈나무키우기' 같은 게이미피케이션 서비스를 배치한 인터넷은행 홈. 금융 서비스의 복잡도를 게임 UI 요소로 낮추는 접근이 핀테크 UX의 참고 사례. Wed, 15 Jul 2026 03:10:00 GMT https://reffit.cc/references/cj-net https://reffit.cc/references/cj-net 레퍼런스 CJ NOW·Joyful Moments 등 매거진형 스토리텔링 콘텐츠로 그룹사 소식을 문화 콘텐츠처럼 소비시키는 지주사 사이트. 이미지 카드를 촘촘히 나열해 다양한 계열사 소식을 지루하지 않게 전달하는 편집 감각이 특징. Wed, 15 Jul 2026 03:00:00 GMT https://reffit.cc/references/krafton-com https://reffit.cc/references/krafton-com 레퍼런스 PUBG·인조이 등 다수 게임 스튜디오와 IR 정보를 하나의 다크모드 브랜드 사이트에 통합한 게임사 홈페이지의 표준. 스튜디오·타이틀별 카드 나열과 상세한 IR 세분화가 상장 게임사 사이트의 벤치마크. Wed, 15 Jul 2026 02:50:00 GMT https://reffit.cc/references/snu-ac-kr https://reffit.cc/references/snu-ac-kr 레퍼런스 교육·연구·입학·대학생활 등 대규모 정보를 방문객·재학생·동문 등 사용자 유형별 퀵메뉴로 재분류한 대학 사이트 IA의 정석. 항공 촬영 풀스크린 영상과 인스타그램 피드 연동으로 대학 브랜드 이미지도 함께 관리한다. Wed, 15 Jul 2026 02:40:00 GMT https://reffit.cc/references/nypc https://reffit.cc/references/nypc 레퍼런스 트랙별 참가 안내부터 시상 내역, FAQ까지 대회 운영 전 과정을 타임라인형 랜딩 한 페이지에 압축한 이벤트 사이트. 다크 배경에 대비되는 뱃지형 시상 아이콘 배치가 캠페인 랜딩의 정보 위계 설계 참고 사례. Wed, 15 Jul 2026 02:30:00 GMT https://reffit.cc/references/toptk-hospital https://reffit.cc/references/toptk-hospital 레퍼런스 GDWEB 2026 선정작. 의료진 이력을 서울대 교수 출신 등 구체적 경력으로 신뢰를 쌓고, 수술 후 재활 프로그램을 별도 섹션으로 분리해 병원의 전문성과 케어를 함께 보여준다. 전문병원 신뢰도 설계의 실무 참고 사례. Wed, 15 Jul 2026 02:20:00 GMT https://reffit.cc/references/kakao-sustainability https://reffit.cc/references/kakao-sustainability 레퍼런스 GDWEB 2026 선정작. AI 안전·개인정보·소상공인 상생 등 10개 ESG 아젠다를 아이콘 카드로 정리해 복잡한 지속가능경영 정보를 한눈에 훑을 수 있게 만든 IT 기업의 ESG 사이트. 아젠다 분류 체계가 참고할 만하다. Wed, 15 Jul 2026 02:10:00 GMT https://reffit.cc/references/kt-phone-change-center https://reffit.cc/references/kt-phone-change-center 레퍼런스 GDWEB 2026 선정작. '언제 어디서나 자유롭게'라는 단일 메시지로 통신사의 복잡한 기기변경 절차를 하나의 캠페인 사이트로 단순화했다. 일러스트와 타이포 중심의 귀여운 톤앤매너가 통신사 특유의 딱딱함을 덜어낸 사례. Wed, 15 Jul 2026 02:00:00 GMT https://reffit.cc/references/uniqlo-kr https://reffit.cc/references/uniqlo-kr 레퍼런스 GDWEB 2026 선정작. 카테고리 아이콘 그리드와 기간한정 배너를 한 화면에서 절제된 여백으로 정리한 SPA 브랜드 커머스의 모범. 앱 다운로드·스타일링 가이드 배너를 상품 그리드 위에 자연스럽게 얹은 크로스채널 유도가 특징. Wed, 15 Jul 2026 01:50:00 GMT https://reffit.cc/references/sm-audition https://reffit.cc/references/sm-audition 레퍼런스 웹어워드 코리아 2025 모바일웹 최고대상·문화행사 대상 수상작. 풀스크린 배경 영상과 대형 타이포만으로 브랜드 세계관을 전달하고, 글로벌 오디션 지원까지 한 페이지에서 완결시키는 엔터테인먼트 캠페인 사이트의 정점. Wed, 15 Jul 2026 01:40:00 GMT https://reffit.cc/references/daewoongbio https://reffit.cc/references/daewoongbio 레퍼런스 GDWEB 2026 선정작. 매출·시장점유율 같은 정량 지표를 카운터 애니메이션으로 보여주고 생산시설별 특징을 카드로 나열한 제약·바이오 기업 사이트. 숫자 중심의 B2B 신뢰도 설계가 제조업 벤치마크로 유용하다. Wed, 15 Jul 2026 01:30:00 GMT https://reffit.cc/references/oneretinaclinic https://reffit.cc/references/oneretinaclinic 레퍼런스 GDWEB 2026 선정작. 장비명(Unity VCS, Centurion Gold 등)을 구체적으로 노출해 전문성을 증명하는 안과 클리닉 사이트. 네이버 예약·카톡 상담을 플로팅 버튼으로 고정해 지역 병원의 전환 동선을 단순화한 점이 특징. Wed, 15 Jul 2026 01:20:00 GMT https://reffit.cc/trends https://reffit.cc/trends 동향 반복 테스트를 수행하는 조직을 넘어 '테스트하는 방법' 자체를 설계·플랫폼화하는 토스 QA의 접근을 소개한다. 품질 조직의 역할 전환을 고민 중이라면 참고할 만하다. Fri, 26 Jun 2026 00:56:00 GMT