Forblune

Work

프로젝트

원하는 업종만이 아니라 고객에게 주고 싶은 인상을 기준으로 골라보세요. 각 카드에는 현재 상태, 기술, 검증 결과와 공개 데모를 구분해 적었습니다.

원하는 인상 고르기

어떤 느낌의 결과물이 필요하신가요?

11개의 프로젝트

패션 에디토리얼 이미지와 상품 탐색 화면을 보여주는 f0ring 스토어프론트
패션 커머스 · 브랜드 스토어완료

f0ring Storefront

여성 패션 셀렉트숍의 감도 높은 비주얼과 상품 탐색·장바구니 흐름을 한 페이지에 구현한 실제 공개 스토어프론트입니다.

검증 결과실제 도메인 공개, 데스크톱·모바일 반응형 레이아웃, 상품 필터·장바구니·배송 및 교환 안내 흐름 구현

  • HTML
  • CSS
  • JavaScript
  • Responsive UI
  • Storefront UX
  • Cloudflare
실제 결과물 보기
강한 타이포그래피와 야간 항공 촬영 장면을 보여주는 FLY ONE 랜딩 페이지
영상 제작 · 브랜드 랜딩완료

FLY ONE Landing

FPV 특수 드론 촬영의 속도감과 시네마틱 역량을 대형 타이포그래피, 작업 사례, 장비·안전 프로세스로 전달한 실제 공개 랜딩 페이지입니다.

검증 결과작업·서비스·장비·프로세스·문의까지 이어지는 정보 구조와 반응형 인터랙션을 공개 URL에서 확인 가능

  • HTML
  • CSS
  • JavaScript
  • Responsive UI
  • Brand Landing
  • GitHub Pages
1차 공개 결과물2차 수정 결과물
다국어 반응형 웹사이트와 문의 검증 흐름을 보여주는 Web Care 화면
반응형 웹 · 문의 시스템완료

Forblune Web Care

소규모 사업자를 위한 4개 언어 반응형 서비스 사이트와 안전한 문의 접수 시스템을 기획부터 배포·QA까지 구축했습니다.

검증 결과Chromium·Firefox·WebKit 자동화 QA와 실제 문의 저장·오류 복구 흐름 검증

  • Astro
  • TypeScript
  • Cloudflare Pages
  • D1
  • Turnstile
  • Playwright
실제 결과물 보기
밝은 웰니스 상담 공간을 보여주는 Mellow Room 예약 포트폴리오 표지
로컬 서비스 · 예약 전환완료

Mellow Room

밝고 차분한 지역 웰니스 서비스의 프로그램 비교부터 한·영 예약, 예약 후 운영 상태까지 하나의 흐름으로 설계한 자가 기획 포트폴리오입니다.

검증 결과예약 선택·입력 검증·확인 화면, 운영자 상태 예시와 390·768·1440px 한·영 반응형 QA 완료

  • HTML
  • CSS
  • JavaScript
  • Bilingual UI
  • Playwright
  • Cloudflare Workers
공개 코드실제 결과물 보기
경험을 확인된 증거와 다음 행동으로 연결하는 GapProof 공개 홈 화면
AI 진로지원 · 인증형 SaaS완료

GapProof

정리되지 않은 경험을 근거 문장과 확인된 역량으로 바꾸고, 목표 직무의 격차와 이번 주 행동까지 연결하는 AI 진로상담 지원 제품입니다.

검증 결과Supabase 이메일·Google·Kakao 인증, 9개 테이블 RLS 익명 접근 차단, 단위 테스트 163개와 3개 브라우저·4개 뷰포트 QA

  • Next.js
  • React 19
  • Supabase Auth
  • PostgreSQL/RLS
  • Upstage Solar
  • Cloudflare
과정과 결과 보기공개 코드실제 결과물 보기
견적부터 프로젝트, 청구, 수정 요청까지 보여주는 ServiceOS 데스크톱·태블릿·모바일 화면
Mini ERP · 서비스 운영완료

Forblune ServiceOS

서비스업의 견적·프로젝트·청구·수금·수정 요청·감사 기록을 한 흐름으로 연결한 한국어·영어 Mini ERP 데모입니다.

검증 결과역할별 화면, 프로젝트 보드·상세, 청구서·CSV, 하자 분류, 로컬 견적 저장과 390·768·1440px 반응형 QA 완료

  • React 19
  • TypeScript
  • Mini ERP
  • Role-aware UI
  • CSV Export
  • Responsive QA
공개 코드실제 결과물 보기
고객 문의 목록, 5단계 파이프라인과 상세 패널을 보여주는 ClientFlow 반응형 화면
CRM · 관리자 대시보드완료

Forblune ClientFlow

웹사이트·이메일·프리랜서 플랫폼의 고객 문의를 신규부터 수주까지 관리하는 한국어·영어 CRM 운영 대시보드 데모입니다.

검증 결과검색·필터, 목록/보드 전환, 상세 패널, 다음 단계 이동과 390·768·1440px 반응형 QA 완료

  • React 19
  • TypeScript
  • CRM UI
  • Local Demo Data
  • Responsive QA
공개 코드실제 결과물 보기
검증 결과, 대시보드, 리포트를 보여주는 OpsFlow 반응형 화면
데이터 검증 · 리포트 자동화완료

Forblune OpsFlow

CSV·Excel 데이터를 검증 규칙으로 정리하고 KPI 대시보드와 리포트로 전환하는 한국어·영어 B2B 운영 자동화 데모입니다.

검증 결과CSV 업로드, 누락·중복·임계치 검증, 정제 파일 다운로드와 인쇄용 리포트 동작

  • React 19
  • TypeScript
  • CSV Parsing
  • Rule Engine
  • Responsive UI
공개 코드실제 결과물 보기
일상 기록, 공유 범위, 진료 전 요약 흐름을 보여주는 MindHub 화면
AI 제품 · 헬스케어완료

MindHub

환자의 일상 기록을 진료 전 요약으로 정리하는 정신건강 워크플로 데모입니다. 환자·의료진 권한과 공유 범위를 명확히 분리했습니다.

검증 결과백엔드 회귀 테스트 13개 통과, 역할 상승 차단과 AI 실패 시 로컬 폴백 적용

  • React
  • TypeScript
  • Node.js
  • Express
  • Supabase
  • Upstage Solar
실제 결과물 보기
데이터 이전 · 거버넌스완료

AI-Assisted Data Migration & Governance

6,041개 파일·47.4GiB를 원본 변경이나 덮어쓰기 없이 이관하고, 파일 수·바이트·체크섬·Unicode 경로를 검증한 안전 우선 데이터 이전 프로젝트입니다.

검증 결과원본 변경 0건 · 원격 삭제 0건 · 원격 덮어쓰기 0건

  • Python
  • Bash
  • rclone
  • Google Drive API
  • SHA-256/MD5
  • Git/GitHub
과정과 결과 보기