Application demo / block platform workflow

800블록 기반 웹 에디터 UI/UX 운영 데모

공고 요구사항을 기준으로, 다수 웹사이트 프로젝트를 빠르게 해석하고 블록 조합, 커스텀 디자인, AI 비주얼 프롬프트, Figma 핸드오프, 시간기록 증거까지 한 흐름으로 보여주는 지원용 데모입니다.

Job fit

공고 해석

이 역할은 순수 시안 제작보다 빠른 프로젝트 운영력이 핵심입니다. 2개월 동안 여러 업종의 메인/서브 페이지를 PC와 모바일로 설계하고, 플랫폼 블록과 디자인 시스템 안에서 변형 조합을 빠르게 수행해야 합니다.

Responsive system

메인, 서브, 모바일을 같은 컴포넌트 규칙으로 묶어 반복 품질을 유지합니다.

AI visual craft

Midjourney/Stable Diffusion 프롬프트를 컨셉별로 분리해 키 비주얼과 배경 소재를 확보합니다.

Fast handoff

Figma 프레임, 토큰, 상태값, QA 체크를 짧은 주기로 넘겨 플랫폼 편집 시간을 줄입니다.

Market learning

800블록 운영 가정 보드

Hero variant

업종별 키비주얼과 CTA 톤을 빠르게 바꾸는 메인 블록입니다.

Proof strip

포트폴리오, 수치, 고객 신뢰 요소를 한 줄로 정리합니다.

Service matrix

서브 페이지에서 서비스/가격/프로세스를 표준화합니다.

Case detail

프로젝트별 문제, 해결, 결과를 반복 가능한 서식으로 만듭니다.

Mobile CTA stack

문의/예약/상담 버튼을 작은 화면에서 놓치지 않게 고정합니다.

Visual prompt

키비주얼, 배경 영상, 아이콘 스타일을 프롬프트 세트로 관리합니다.

Token swap

색, 간격, 타이포 토큰을 바꿔도 레이아웃 안정성을 유지합니다.

QA checklist

원본 미보유, 반응형, 접근성, 링크, 증거 ZIP 상태를 확인합니다.

Concept lab

업종별 조합 시나리오

Medical

프리미엄 클리닉

깨끗한 여백, 신뢰형 CTA, 전문 시술 카드.

B2B SaaS

운영 자동화 SaaS

데이터 대시보드, 기능 비교, 도입 문의 흐름.

Education

온라인 아카데미

강의 카드, 커리큘럼, 후기, 모바일 수강 CTA.

Local brand

스테이/카페 브랜드

감성 키비주얼, 예약 동선, 지도/운영시간.

Generative AI workflow

AI 에셋 프롬프트 스튜디오

버튼을 눌러 업종별 프롬프트 방향을 확인할 수 있습니다. 실제 플랫폼/클라이언트 원본은 사용하지 않고, 지원용 모의 샘플 기준으로 작성했습니다.

premium dermatology clinic key visual, soft clinical lighting, glass texture, warm ivory background, clean editorial composition, no logo, no text, website hero image, high-end Korean medical brand mood

2 month operation

투입 후 운영 계획

Week 1

플랫폼 블록 구조 파악, 디자인 토큰 정리, 대표 업종 샘플 3종 제작.

Week 2-3

수주 프로젝트별 IA/와이어 해석, 메인+서브 페이지 시안 병렬 제작.

Week 4-6

AI 비주얼/아이콘/배너 리소스 생산, 모바일 반응형 QA 반복.

Week 7-8

Figma handoff, 플랫폼 웹 에디터 반영, 최종 QA와 evidence 정리.

Evidence

검증 기준

Production: Cloudflare Pages 배포 및 HTTP 응답 검증
Scope: 실제 800개 블록 원본 미제공, 모의 샘플 기준 명시
Deliverable: 지원용 데모, 프롬프트 방향, 운영 스프린트, evidence ZIP