Artify
설명
AI-driven Art Commerce Platform
기간
Aug 20, 2025 - Feb 13, 2026
역할
- 풀스택 엔지니어: Supabase 기반 DB 스키마(10개 이상 테이블) 설계, Edge Functions API 구현, 프론트엔드 비즈니스 로직 구현 리드.
- AI 서비스 아키텍트: FAL.AI API 연동 및 고품질 목업을 위한 제품/스타일 이미지 블렌딩 로직과 프롬프트 엔지니어링 설계.
- DevOps: Vercel 배포 파이프라인 구축, 환경 시크릿 관리, 안정적인 운영을 위한 도메인 DNS 설정.
기술
HTML5 · CSS3 · JavaScript (ES6+) · Semantic HTML
Next.js · React · Tailwind CSS
Supabase (PostgreSQL) · Supabase Edge Functions · Supabase Auth · Node.js · Express.js
FAL.AI (FLUX.2) · Portone Payment SDK
Vercel
프로젝트 목적
Artify는 단순한 작품 중개 플랫폼을 넘어선 B2B 아트 솔루션입니다. 생성형 AI(FAL.AI FLUX.2)를 활용해 브랜드가 원하는 이미지를 즉시 시각화하고 아티스트와 연결합니다. 추상적인 사용자 니즈를 실시간으로 구체적인 제품 목업으로 전환하는 동시에, 서버리스 아키텍처로 복잡한 커머스 로직을 가볍게 유지합니다. 브랜드 아이덴티티, AI, 예술을 전체 이커머스 흐름에 걸쳐 연결하며 안정적이면서도 혁신적인 사용자 경험을 제공하는 것을 목표로 했습니다.
범위
- · 풀스택 웹 애플리케이션 개발
- · 생성형 AI(FAL.AI) 파이프라인 구축
- · 이커머스 & 결제 시스템 연동
- · 어드민 대시보드 개발
주요 기술 특징
고급 AI 생성 파이프라인
- · 이미지 생성 품질과 레이턴시를 크게 개선하기 위해 DALL·E 3에서 FAL.AI FLUX.2 Edit API로 마이그레이션.
- · 제품 이미지와 스타일 이미지를 다이나믹 프롬프트 인젝션과 결합해 운영자가 목업 프롬프트를 정의하고 실시간으로 고정밀 제품 비주얼을 생성할 수 있도록 구현.
- · Supabase Edge Functions를 활용한 사용자별 일일 이용 제한으로 비용 효율적인 AI 사용 거버넌스 구현.
서버리스 이커머스 아키텍처
- · 결제 검증(Portone)과 AI 생성 요청 같은 핵심 커머스 로직에 Supabase Edge Functions 구현.
- · 변조 방지 및 안전한 결제를 위해 Supabase DB와 PG 제공사 간 주문 금액 상호 검증.
- · 사용자, 어드민, 아티스트 간 데이터 접근을 엄격히 분리하는 PostgreSQL 행 수준 보안(RLS) 정책 적용.
통합 어드민 대시보드
- · 운영자가 개발자 개입 없이 주문, 배송 현황, AI 매칭 옵션, 프롬프트를 관리할 수 있는 Next.js 기반 어드민 콘솔 구축.
- · 사용자 요청과 생성된 AI 이미지를 실시간으로 연동해 반응적인 운영 워크플로우 지원.
디자인 포인트
미니멀리스트 아트 캔버스
작품과 AI 생성 이미지가 경험의 중심에 설 수 있도록 시각적 노이즈를 제거한 갤러리 같은 인터페이스. B2B 클라이언트가 순수하게 이미지에 집중할 수 있는 여백 중심 레이아웃.
인터랙티브 모션 & 피드백
CSS3와 JavaScript로 구현된 마우스 트래킹 호버 인터랙션과 미묘한 전환으로 플랫폼이 살아있는 전시처럼 느껴지게 합니다. AI 이미지 생성 중 브랜드 아이덴티티와 진행 상황을 전달하는 생성형 로딩 UI.
매끄러운 반응형 경험
모바일, 태블릿, 데스크탑에서 작품 목록과 AI 패널이 균형 잡힌 비율을 유지하는 적응형 그리드 시스템으로 매끄러운 반응형 UX 구현.