I build and repair responsive websites, bilingual landing pages, and small operations tools. I prefer fixed-scope remote work with a result that can be checked in a browser.
Portfolio · Résumé (PDF) · Web studio · Web Care service · Style Gallery · Email
한국어 소개는 이 페이지 맨 아래 한국어 소개 를 펼쳐 보세요.
Seven cases from sites in production, with measured numbers — a contact form that
returned 405 for four hours while the page looked fine, 243 external image
hotlinks reduced to 0, a live site whose source matched none of 8 local copies.
Two of the seven were my own mistakes. Found, diagnosed, fixed, and documented.
- Mobile overflow, broken layouts, forms, links, and small JavaScript defects
- Responsive HTML/CSS and React interface improvements
- Korean/English landing pages and business websites
- Small CRM/ERP dashboards, CSV cleanup, and reporting workflows
- Browser QA with a written reproduction path and before/after evidence
- Reproduce the problem or define the deliverable.
- Agree on the smallest useful scope.
- Implement without hiding unrelated changes inside the job.
- Check desktop, tablet, mobile, and the relevant interaction states.
- Deliver the files, verification notes, and any remaining limitations.
Every URL below is running. Each row says what you can check and where the boundary is.
| Project | What you can verify | Boundary |
|---|---|---|
| Web Care | Responsive service pages, pricing and refund policy, inquiry flow, checkout | Forblune's own service site |
| Style Gallery | 24 working example pages across 8 design directions | Self-initiated; fictional brands |
| Mellow Room | Korean/English booking flow, schedule view, owner operations | Self-initiated demo; fictional data |
| OpsFlow | CSV import, validation rules, KPI views, clean CSV export | Self-initiated demo; fictional data |
| ClientFlow | Search, pipeline stages, lead detail, next actions | Self-initiated demo; fictional data |
| ServiceOS | Quote, project, billing, issue, and audit views | Self-initiated demo; fictional data |
| MindHub | Patient record flow and pre-visit summary concept | Prototype; virtual-patient data; not diagnosis |
| GapProof | Turning lived experience into source-backed evidence statements | Prototype; career-exploration research |
| FLY ONE | FPV drone cinematography landing page, responsive redesign study | Self-initiated; based on public information, not commissioned |
| Dev Cockpit | Mission, next action, agent, and infrastructure states | Public demo separated from private operations |
The repositories and demos label fictional data, private source, and unmeasured outcomes directly. I do not present a self-initiated build as paid client work.
Built to let a client pick a direction before a project starts, by comparing working pages instead of mood boards. Every page is a single hand-written HTML file with no framework, and all photography is self-hosted CC0.
Open the full list of 24
Editorial — image-led, quiet, curated
| Page | Brand | Subject |
|---|---|---|
| editorial-perfume | 무향 MUHYANG | Niche perfume brand |
| editorial-select | 고요 GOYO | Stationery and living select shop |
| editorial-stay | 숲결 스테이 | Private stay in Jeju |
Kinetic — impact, motion, speed
| Page | Brand | Subject |
|---|---|---|
| kinetic-sneaker | VOLT LAB | Street sneaker drop store |
| kinetic-festival | PULSE FEST 2026 | Electronic music festival |
| kinetic-esports | APEX NINE | Esports team |
Cinematic — narrative, craft, atmosphere
| Page | Brand | Subject |
|---|---|---|
| cinematic-architecture | 온결 건축 ONGYEOL | Architecture studio |
| cinematic-chef | 화로 火爐 | Eight-seat omakase |
| cinematic-photographer | 정하늘 JEONG HANEUL | Documentary photographer |
Corporate — credibility, evidence, structure
| Page | Brand | Subject |
|---|---|---|
| corporate-hospital | 바른마디 정형외과 | Orthopedic clinic |
| corporate-lawfirm | 법무법인 서로 | Law firm |
| corporate-b2b | 한결정밀 | Precision parts manufacturer |
Product — clarity, function, first use
| Page | Brand | Subject |
|---|---|---|
| product-saas | 인보이스플로우 InvoiceFlow | Invoicing SaaS |
| product-app | 잠결 | Sleep tracking app |
| product-devtool | Relay API | Messaging API for developers |
Commerce — browse, compare, buy
| Page | Brand | Subject |
|---|---|---|
| commerce-grocery | 새벽밭 | Farm-direct grocery market |
| commerce-booking | 무브룸 MOVEROOM | Yoga and pilates class booking |
| commerce-furniture | 결 가구 GYEOL | Furniture category page |
Experimental — originality, experience
| Page | Brand | Subject |
|---|---|---|
| experimental-art | 빛의 잔향 AFTERGLOW | Media art exhibition |
| experimental-campaign | 물의 기억 | Freshwater campaign, scrollytelling |
| experimental-launch | ORBIT ONE | Smart ring teaser |
Utility — density, real data, speed
| Page | Brand | Subject |
|---|---|---|
| utility-dashboard | 브루잉 OS | Multi-store operations dashboard |
| utility-erp | 스톡플로우 | Inventory and purchasing ERP |
| utility-admin | 헬프데스크 콘솔 | Support ticket console |
Public source
| Repository | What it is |
|---|---|
| forblune-style-gallery | The 24 example pages and the category hub |
| forblune-opsflow | CSV validation, KPI dashboard, reporting demo |
| forblune-clientflow | CRM demo for intake through confirmed work |
| serviceos-mini-erp | Mini ERP demo for service businesses |
| forblune-mellowroom | Bilingual booking and owner-operations concept |
| mindhub-mvp | Pre-visit summary prototype |
| gap-proof-mvp | Evidence-statement prototype |
| flyone-landing | Responsive redesign study |
| forblune-dev-cockpit-demo | Public demo of the operations dashboard |
| forblune-os | Scoping, verification, and delivery notes |
Private — source closed, result public or internal: Web Care service site, Business OS / ERP design corpus, Vitals Pass diagnostic pipeline, hiring and project cockpits, personal operations infrastructure.
- Forblune Web Care: small, verifiable website fixes and responsive QA
- Bilingual web delivery for Korean and international clients
- Lightweight operations tools for solo owners and small teams
펼쳐 보기
반응형 웹사이트를 만들고 고칩니다. 한국어·영어 랜딩페이지와 1인 사업자용 소규모 운영 도구도 함께 다룹니다. 범위를 먼저 정하고, 브라우저에서 확인 가능한 결과로 끝내는 원격 작업을 선호합니다.
개인 포트폴리오 · 이력서 PDF · 웹 스튜디오 · Web Care · Style Gallery · 이메일
무엇을 만들었는지가 아니라 어떤 문제가 없어지는지로 정리한 문서입니다.
운영 중인 사이트에서 나온 7개 사례이고 숫자는 전부 실측입니다 — 화면은 멀쩡한데
문의 API가 4시간 동안 405를 돌려주던 일, 외부 이미지 핫링크 243건을 0건으로,
로컬 사본 8곳 중 라이브와 일치하는 것이 하나도 없던 상태.
7개 중 2개는 제가 만든 사고입니다. 찾아내고 원인을 규명하고 재발을 막고 기록했습니다.
- 모바일 가로 넘침, 깨진 레이아웃, 폼·링크·소규모 자바스크립트 결함
- 반응형 HTML/CSS 및 React 화면 개선
- 한국어/영어 랜딩페이지와 사업자 홈페이지
- 소규모 CRM·ERP 대시보드, CSV 정리, 리포트 자동화
- 재현 경로와 전후 근거를 글로 남기는 브라우저 QA
- 문제를 재현하거나 산출물을 정의합니다.
- 가장 작은 유효 범위를 합의합니다.
- 합의 밖 변경을 작업 안에 숨기지 않고 구현합니다.
- 데스크톱·태블릿·모바일과 관련 상호작용 상태를 확인합니다.
- 파일, 검증 노트, 남은 한계를 함께 전달합니다.
| 결과물 | 확인할 수 있는 것 | 경계 |
|---|---|---|
| Web Care | 반응형 서비스 페이지, 가격·환불 정책, 문의 흐름, 결제 | 포블룬 자체 서비스 사이트 |
| Style Gallery | 8가지 디자인 방향 × 24개 작동 예시 페이지 | 자체 기획 · 가상 브랜드 |
| Mellow Room | 한·영 예약 흐름, 일정 화면, 운영자 화면 | 자체 기획 데모 · 가상 데이터 |
| OpsFlow | CSV 업로드, 검증 규칙, KPI 화면, 정제 CSV 내보내기 | 자체 기획 데모 · 가상 데이터 |
| ClientFlow | 검색, 파이프라인 단계, 리드 상세, 다음 행동 | 자체 기획 데모 · 가상 데이터 |
| ServiceOS | 견적·프로젝트·청구·이슈·감사 화면 | 자체 기획 데모 · 가상 데이터 |
| MindHub | 환자 기록 흐름과 진료 전 요약 개념 | 프로토타입 · 가상 환자 데이터 · 진단 아님 |
| GapProof | 경험을 근거 문장으로 바꾸는 흐름 | 프로토타입 · 진로 탐색 연구 |
| FLY ONE | FPV 드론 촬영 랜딩페이지 반응형 리디자인 | 자체 기획 · 공개 정보 기반, 수주 작업 아님 |
| Dev Cockpit | 미션·다음 행동·에이전트·인프라 상태 | 비공개 운영과 분리한 공개 데모 |
저장소와 데모에는 가상 데이터·비공개 소스·미측정 결과를 그대로 적어 둡니다. 자체 기획으로 만든 것을 수주 작업처럼 소개하지 않습니다.
프로젝트 시작 전에 무드보드가 아니라 작동하는 페이지를 비교해서 방향을 고르도록 만든 도구입니다. 각 페이지는 프레임워크 없이 손으로 쓴 단일 HTML 파일이고, 사진은 전부 CC0 자체 호스팅입니다.
| 방향 | 페이지 |
|---|---|
| Editorial 에디토리얼 | 무향 MUHYANG · 고요 GOYO · 숲결 스테이 |
| Kinetic 키네틱 | VOLT LAB · PULSE FEST 2026 · APEX NINE |
| Cinematic 시네마틱 | 온결 건축 · 화로 火爐 · 정하늘 |
| Corporate 코퍼레이트 | 바른마디 정형외과 · 법무법인 서로 · 한결정밀 |
| Product 프로덕트 | 인보이스플로우 · 잠결 · Relay API |
| Commerce 커머스 | 새벽밭 · 무브룸 MOVEROOM · 결 가구 GYEOL |
| Experimental 익스페리멘탈 | 빛의 잔향 · 물의 기억 · ORBIT ONE |
| Utility 유틸리티 | 브루잉 OS · 스톡플로우 · 헬프데스크 콘솔 |
- Forblune Web Care — 작고 검증 가능한 웹사이트 개선과 반응형 QA
- 국내·해외 클라이언트를 위한 한·영 웹 제작
- 1인 사업자와 소규모 팀을 위한 가벼운 운영 도구