SaaS, 이메일·마케팅
Loops
이메일 SaaS의 자동화·디자인·개발 연동을 실제 제품 예시로 설명하는 홈. 비개발자와 개발자가 함께 검토하는 서비스 소개에 참고합니다.
섹션 이미지 6
원본 사이트를 직접 캡처한 장면입니다. 이미지를 눌러 전체 높이로 살펴보세요.
6개 이미지
크게 보기히어로와 이메일 워크플로 예시
히어로세리프 제목과 두 CTA 아래에 고객 로고와 큰 제품 데모를 연결합니다. 오른쪽 주황 띠가 긴 페이지의 시각적 기준이 됩니다.
출처·촬영 조건
원본 사이트의 현재 데스크톱 화면을 직접 캡처했습니다. UIZZE가 보관한 팩 이미지와 다른 시점의 자료입니다.
CSS 뷰포트 1706 × 929 px. 정지 화면이며 실제 동작을 재현하지 않습니다.
원본 사이트 ↗
크게 보기자동화 워크플로 소개
제품·UI 예시기능 제목과 짧은 설명 아래 자동화 흐름을 크게 보여주고 문서 링크를 하단에 배치합니다.
출처·촬영 조건
원본 사이트의 현재 데스크톱 화면을 직접 캡처했습니다. UIZZE가 보관한 팩 이미지와 다른 시점의 자료입니다.
CSS 뷰포트 1706 × 929 px. 정지 화면이며 실제 동작을 재현하지 않습니다.
원본 사이트 ↗
크게 보기이메일 테마와 디자인 토큰
제품·UI 예시이메일 결과물과 색상·서체·간격 값을 같은 장면에 놓아 설정과 결과를 연결합니다.
출처·촬영 조건
원본 사이트의 현재 데스크톱 화면을 직접 캡처했습니다. UIZZE가 보관한 팩 이미지와 다른 시점의 자료입니다.
CSS 뷰포트 1706 × 929 px. 정지 화면이며 실제 동작을 재현하지 않습니다.
원본 사이트 ↗
크게 보기개발자 API와 연동 안내
기능·콘텐츠 묶음요청 예시와 언어별 문서 링크로 도입 시 개발자가 확인할 정보를 묶습니다.
출처·촬영 조건
원본 사이트의 현재 데스크톱 화면을 직접 캡처했습니다. UIZZE가 보관한 팩 이미지와 다른 시점의 자료입니다.
CSS 뷰포트 1706 × 929 px. 정지 화면이며 실제 동작을 재현하지 않습니다.
원본 사이트 ↗
크게 보기고객 사례와 신뢰 근거
신뢰·근거짧은 소개문 다음에 고객별 인용과 사례 링크를 배치합니다.
출처·촬영 조건
원본 사이트의 현재 데스크톱 화면을 직접 캡처했습니다. UIZZE가 보관한 팩 이미지와 다른 시점의 자료입니다.
CSS 뷰포트 1706 × 929 px. 정지 화면이며 실제 동작을 재현하지 않습니다.
원본 사이트 ↗
크게 보기시작 CTA와 푸터 정보
CTA마지막 제안과 시작 버튼을 반복하고, 회사·제품·자료 링크를 푸터 열로 정리합니다.
출처·촬영 조건
원본 사이트의 현재 데스크톱 화면을 직접 캡처했습니다. UIZZE가 보관한 팩 이미지와 다른 시점의 자료입니다.
CSS 뷰포트 1706 × 929 px. 정지 화면이며 실제 동작을 재현하지 않습니다.
원본 사이트 ↗디자인 연구를 위한 화면 기록입니다. 이미지에 포함된 브랜드·사진·서체 등 원본 소재의 프로젝트 사용 조건은 별도로 확인하세요.
구성 분석
세리프 제목과 서비스 설명 → 시작·데모 CTA → 고객 로고와 큰 제품 데모 → 워크플로 자동화 → 이메일 테마 → 성장·개발 연동 → 평판 보호 → 고객 인용 → 시작 CTA와 푸터.
이번에는 히어로, 자동화, 테마, 개발 연동, 고객 인용, 마지막 CTA의 핵심 장면 6개를 보관했습니다.
디자인 관찰
어두운 바탕과 주황색 띠를 길게 유지하고 제목에는 세리프를 사용합니다. 기능마다 짧은 제목·설명·제품 예시·관련 문서 링크의 순서를 반복합니다.
자동화는 연결된 노드로, 디자인은 이메일 결과와 설정 값으로, 개발 연동은 요청 예시로 보여줍니다. 서로 다른 기능도 같은 페이지 리듬으로 읽힙니다.
제품 데모에는 스크롤·시간에 따른 변화가 있습니다. 이미지는 촬영 순간의 정지 장면이며 로그인한 실제 서비스의 사용성 검증은 아닙니다.
적용 메모
대상 방문자를 운영 담당자와 개발자로 나눈 뒤 각자가 확인할 근거를 같은 페이지에서 찾게 합니다.
기능 설명마다 우리 서비스의 실제 결과물과 관련 문서 링크를 하나씩 연결합니다.
장식 띠와 어두운 화면은 브랜드 적합성을 판단하고, 긴 페이지에서 본문 대비와 이미지 가독성을 먼저 확인합니다.
프로젝트 적용 기록
아직 실제 프로젝트에 적용하지 않았습니다.
출처와 확인 범위
2026-10-27 UIZZE 공식 도구의 공개 검색 메타데이터로 팩 식별자와 출처 링크를 확인하고, 원본 홈페이지를 별도로 열어 섹션을 관찰·직접 캡처했습니다. UIZZE 팩 내부 파일의 캡처 날짜·해상도·세부 구성은 확인하지 않았습니다. 원본 사이트와 보관 팩의 디자인 시점이 다를 수 있습니다.
2026-10-27 원본 사이트의 섹션별 직접 캡처를 추가했습니다. 촬영 시점·뷰포트·출처는 각 이미지에 기록하며, 기존 UIZZE 팩의 캡처 조건과 구분합니다.
원본 사이트의 공개 홈페이지에서 핵심 장면 6개를 직접 캡처하고 자체 분석과 함께 보관합니다. 전체 페이지의 모든 섹션을 수집한 것은 아닙니다. UIZZE 보관 파일은 복제하지 않았으며, 원본 소재의 프로젝트 재사용 조건은 별도 확인 대상입니다.
UIZZE 자료 모음 →