미픽(MIIPICK) 주요 기능 및 시스템 요약
미픽(MIIPICK)은 Blogspot을 기반으로 작동하는 강력한 모바일 명함 사이트 빌더입니다. 총 18개의 세분화된 관리자 탭을 통해 프로필, 디자인, 포트폴리오, 서비스 등을 직관적으로 구성할 수 있습니다.
Google 계정 로그인을 통한 철저한 보안, Firebase Realtime Database 실시간 연동, 그리고 업로드 즉시 실행되는 WebP 이미지 자동 최적화 기술을 통해 모바일 환경에서 가장 빠르고 안정적인 디지털 명함 서비스를 제공하는 것이 핵심입니다.
1. 시스템 개요 및 접속 보안 관리
미픽의 관리자 시스템은 데이터의 안정성과 사용자 편의성을 최우선으로 설계되었습니다. 데이터를 실시간으로 동기화하고, 미디어 파일의 용량을 획기적으로 줄여 접속 속도를 높입니다.
Firebase 동기화 및 이미지 최적화: 모든 입력 데이터는 Firebase를 통해 실시간 저장되며, 등록되는 모든 이미지는 자동으로 WebP 포맷으로 변환됩니다. 또한 원본과 썸네일(300px 등)로 이중 저장되어 불필요한 트래픽 낭비를 막습니다.
Google OAuth 기반 로그인: 관리자로 사전 등록된 Google 계정으로만 접근이 가능하여 보안성이 높습니다. 카카오톡이나 인스타그램 등 인앱 브라우저 접속 시 제약이 있으므로 외부 브라우저(Safari, Chrome 등) 사용을 강제하여 인증의 안정성을 확보합니다.
직관적인 탭 내비게이션: 화면 상단의 탭 바는 색상을 통해 현재 상태를 명확히 안내합니다. 편집 중인 탭(파란 배경), 방문자 화면에 노출 중인 탭(파란 테두리), 비활성 탭(흰 배경)으로 구분되어 작업의 혼선을 방지합니다.
2. 디자인 및 브랜딩 요소 커스터마이징
단순한 연락처 전달을 넘어, 사용자의 브랜드 아이덴티티를 시각적으로 전달할 수 있는 다양한 레이아웃과 컬러 팔레트를 제공합니다.
5가지 다목적 배경 프리셋: 소상공인에게 적합한 '기본/추천형', 전문직을 위한 '프로필 좌측형', 브랜드 소개에 탁월한 '풀스크린형', 미니멀리즘을 강조한 '심플 텍스트', 그리고 슬로건을 부각하는 '모던 히어로' 스타일까지 목적에 맞는 레이아웃을 원클릭으로 적용할 수 있습니다.
포인트 컬러 및 팝업 설정: 20가지 프리셋 컬러는 물론 HEX 코드 직접 입력을 통한 커스텀 색상 지정이 가능합니다. 이 색상은 버튼, 라인, 그리고 PWA 앱 테마 색상에 일괄 반영됩니다. 더불어 사이트 진입 시 표시되는 이벤트/공지용 팝업 이미지와 연결 링크를 스위치 하나로 쉽게 켜고 끌 수 있습니다.
프로필 세부 정보 편집: 상호명, 직함, 한 줄 소개 텍스트의 높이가 자동 조절되며, 모던 히어로 스타일 전용 글래스모피즘 슬로건(최대 30자) 노출도 지원합니다. 배경과 원형 프로필 이미지는 자동 리사이징 처리되어 깨짐 현상을 방지합니다.
3. 방문자 상호작용 및 메뉴 아키텍처 설정
고객이 명함에 접속했을 때 어떤 정보를 먼저 보고, 어떻게 연락을 취할지 결정하는 핵심 행동 유도(Call To Action) 기능들입니다.
동적 메뉴 구성: 하단 탭 메뉴는 최대 5개까지 동시 노출이 가능합니다. 메뉴명 직접 수정, 대표 메뉴(시작 탭) 지정, 그리고 화살표 버튼을 활용한 실시간 순서 변경 기능을 제공합니다.
4대 액션 버튼: 프로필 하단에 고정되는 퀵 메뉴로 전화 걸기, SMS 문자 발송, 카카오톡 채널 연결, 커스텀 링크(신청하기 등) 버튼을 각각 독립적으로 활성화할 수 있습니다. 활성화된 버튼은 테마 컬러로 즉시 변경되어 시각적 인지도를 높입니다.
스마트 연락처 저장 (vCard): 방문자가 터치 한 번으로 스마트폰에 연락처를 저장할 수 있도록 지원합니다. 이름, 핸드폰, 이메일, 주소, 팩스 등 10종의 기본 고정 항목 외에도 관리자가 원하는 정보 항목을 무제한으로 추가하고 순서를 재배치할 수 있습니다.
4. 비즈니스 콘텐츠 쇼케이스 구성
제공하는 서비스와 시각적 포트폴리오를 효과적으로 전시할 수 있는 다채로운 블록 단위 콘텐츠 관리 기능입니다.
서비스 및 상품 안내: 이미지 중심의 카드형과 텍스트 중심의 가격표형을 자유롭게 혼합하여 최대 9개까지 등록할 수 있습니다. 각 항목은 개별 노출 제어 및 순서 변경이 가능합니다.
포트폴리오 갤러리: PC와 모바일에 모두 최적화된 그리드 뷰를 제공합니다(최대 9장). 사진 업로드 시 자동 리사이징 되며, 클릭 시 전체 화면으로 확장되는 모달 창을 통해 장문의 상세 설명을 함께 노출할 수 있습니다.
확장된 멀티미디어 (기타정보 탭): 최대 5개의 정보 블록을 생성할 수 있습니다. 16:9 비율로 자동 생성되는 유튜브 영상 임베드, 가로형(4:3) 및 정사각형(1:1) 이미지 블록, 텍스트 전용 블록을 조합하여 복합적인 정보 전달 페이지를 구축합니다.
5. 마케팅, 공지, 그리고 앱 확장성 (PWA)
고객과의 접점을 늘리고 단골 고객을 확보하기 위한 앱 설치 기능과 외부 채널 연동, 프로모션 관리 도구입니다.
전방위 SNS 연결: 유튜브, 인스타그램 등 8종의 기본 플랫폼 외에도 관리자가 직접 배너형 이미지나 텍스트 버튼 형식으로 커스텀 외부 링크를 무제한 추가할 수 있습니다.
다층적 공지 시스템: 이벤트/공지 탭에서 배너 및 텍스트형 공지를 5개까지 등록할 수 있습니다. 이에 더해 모든 페이지 최상단에 스크롤을 따라다니는 고정 알림바와 사이트 내 홍보 배너 5개를 추가로 운영할 수 있어 강력한 마케팅 수단이 됩니다.
앱 아이콘 및 유틸리티: PWA(Progressive Web App) 기술을 통해 방문자가 명함을 스마트폰 앱처럼 설치할 수 있습니다. 앱 이름, 짧은 이름, 512px 앱 아이콘을 설정할 수 있습니다. 또한 화면 하단에 연락처 저장, 앱 설치 안내, 공유하기, QR코드 보기 등의 편의 기능을 켜고 끌 수 있는 유틸리티 제어 권한을 제공합니다.
6. 데이터 저장 아키텍처 및 한계 요약
안전한 데이터 보존을 위해 이중 저장 시스템을 채택하고 있으며, 과도한 트래픽 유발을 방지하기 위한 적절한 등록 제한을 두고 있습니다.
스마트 저장 워크플로우: 편집 중인 내용은 하단 플로팅 바의 '임시저장'을 통해 브라우저 로컬 스토리지에 보관됩니다. 작업 완료 후 '사이트 등록'을 클릭해야만 Firebase DB에 반영되며, 이 시점에 교체되거나 삭제 대기열에 있던 이전 이미지들이 스토리지에서 일괄적으로 안전하게 삭제됩니다.
| 기능 섹션 | 최대 등록 제한 수량 |
|---|---|
| 노출 탭 메뉴 | 5개 |
| 서비스/상품, 갤러리 | 각 9개/9장 |
| 이벤트/공지, 기타정보 블록, 홍보 배너 | 각 5개 |
| 액션버튼 (전화, 문자 등) | 4개 |
| SNS(커스텀), 이용안내, 기본정보 추가항목 | 무제한 등록 가능 |