References

이름보다 구조로 보여주는 작업 기록

INT FRAME은 웹사이트, 앱, 관리자 시스템, AI 자동화, 인프라까지 실제로 운영되는 제품 구조를 만들어왔습니다. 공개 가능한 범위 안에서, 결과물보다 문제를 어떻게 구조화했는지 기록합니다.

Portfolio Universe

다양한 산업의 문제를 하나의 제품 구조로 정리합니다.

업종은 달라도 문제는 비슷합니다. 고객을 받고, 데이터를 관리하고, 운영자가 처리하고, 반복 업무를 줄여야 합니다. INT FRAME은 각 사업의 흐름에 맞게 사용자 화면, 관리자 시스템, 자동화, 인프라를 연결합니다.

공개 준비 중인 레퍼런스를 미리 보여드립니다.

아직 새 작업물을 등록하지 않았지만, INT FRAME이 다루는 제품 구조와 운영 방식을 다음 7개 카드로 미리 정리했습니다.

01Web Service · Platform

예약과 운영을 하나로 묶은 서비스 플랫폼

예약 접수, 상태 관리, 관리자 확인, 알림, 운영 기록을 하나의 흐름으로 연결한 웹서비스 구조입니다.

Built for

  • 예약 기반 서비스
  • 운영자 확인이 필요한 플랫폼
  • 고객 문의와 상태 관리가 많은 사업

Scope

  • 사용자 화면
  • 예약 로직
  • 관리자 페이지
  • 상태 관리
  • 알림 구조
  • 배포 환경

Stack Keywords

Next.jsPostgreSQLAPIAdminCloud Deployment
02Admin · Backoffice

엑셀 운영을 대체하는 관리자 시스템

주문, 사용자, 콘텐츠, 상태 변경 업무가 엑셀과 메신저에 흩어져 있던 운영을 백오피스 구조로 옮긴 사례입니다.

Built for

  • 운영자가 매일 처리하는 업무
  • 권한별 관리가 필요한 조직
  • 데이터 기반 의사결정이 필요한 팀

Scope

  • 대시보드
  • 권한 관리
  • 데이터 테이블
  • 상태 변경
  • 운영 리포트

Stack Keywords

ReactPrismaPostgreSQLRole-based Access
03AI · Workflow

고객 문의를 분류하고 답변 초안을 만드는 AI 흐름

반복 문의를 자동 분류하고, 지식 문서를 찾아 답변 초안을 만든 뒤 담당자가 검수할 수 있는 AI 운영 워크플로우입니다.

Built for

  • 반복 문의가 많은 서비스
  • 상담 품질 기준이 필요한 팀
  • 문서 기반 응대가 필요한 조직

Scope

  • 문의 분류
  • 문서 검색
  • 답변 초안
  • 담당자 검수
  • 운영 로그

Stack Keywords

LLM APIRAGWebhookAdmin Review
04App · MVP

빠른 검증을 위한 MVP 앱

처음부터 완성형 앱을 만드는 대신 핵심 사용자 흐름과 운영에 필요한 최소 기능을 우선 구축한 MVP 구조입니다.

Built for

  • 신규 사업 검증
  • 스타트업 초기 제품
  • 고객 반응 확인이 필요한 서비스

Scope

  • 앱 화면
  • 회원 흐름
  • 핵심 기능
  • API 연결
  • 피드백 반영 구조

Stack Keywords

React NativeExpoFirebaseAPI
05Website · Brand

브랜드를 설명하고 문의로 연결하는 웹사이트

단순한 소개 페이지가 아니라 브랜드 메시지, 서비스 구조, 문의 흐름, 검색 노출까지 고려한 웹사이트입니다.

Built for

  • 기업 홈페이지
  • 브랜드 사이트
  • 서비스 소개 페이지
  • 다국어 사이트

Scope

  • 브랜드 스토리
  • 페이지 구조
  • 문의 연결
  • SEO 구조
  • 반응형 화면

Stack Keywords

Next.jsSEOResponsive UICMS
06Infra · Operation

런칭 이후 운영을 위한 인프라 구조

출시 이후 버그 대응, 배포, 모니터링, 백업, 개선 범위를 운영 가능한 체계로 정리한 인프라 및 유지보수 구조입니다.

Built for

  • 장기 운영 서비스
  • 안정적인 서버 관리가 필요한 사업
  • 외주 이후 유지보수가 막힌 프로젝트

Scope

  • 서버 구성
  • 도메인 연결
  • SSL
  • 배포 자동화
  • 백업
  • 모니터링

Stack Keywords

CloudflareDockerNginxSentryGitHub Actions
07Automation · Bot

반복 업무를 줄이는 자동화 봇

운영자가 반복해서 확인하고 전달하던 업무를 봇, 알림, 데이터 수집, 리포트 흐름으로 자동화한 구조입니다.

Built for

  • 반복 알림이 많은 팀
  • 수기 리포트가 많은 운영
  • 외부 데이터를 주기적으로 확인해야 하는 사업

Scope

  • 텔레그램 봇
  • 자동 알림
  • 데이터 수집
  • 리포트 생성
  • 외부 API 연결

Stack Keywords

Telegram BotWebhookPlaywrightSchedulerAPI

How We Show Work

결과물보다 중요한 것은 작동 방식입니다.

INT FRAME의 레퍼런스는 화려한 스크린샷보다 어떤 문제를 어떤 구조로 해결했는지에 집중합니다.

01

이름보다 문제

프로젝트명을 공개하지 않아도, 해결한 문제와 구조는 설명할 수 있습니다.

02

화면보다 흐름

사용자 화면, 관리자 화면, 데이터, 알림, 운영 흐름을 함께 봅니다.

03

출시보다 운영

런칭 이후에도 유지보수와 확장이 가능한 구조를 기준으로 작업합니다.

Build with INT FRAME

비슷한 프로젝트를 준비 중이라면, 먼저 범위부터 정리해보세요.

정확한 기획서가 없어도 괜찮습니다. 현재 상황, 원하는 기능, 운영 문제를 기준으로 시작 가능한 구조를 제안합니다.