거친 노출 콘크리트 덩어리들이 직각으로 맞물린 흑백 구조물
hero.webp 2400×1350 · 16:9 · 히어로 풀블리드 High contrast black and white photograph of raw board-formed concrete blocks meeting at hard right angles, harsh directional sunlight carving deep shadows, brutalist architecture detail, no sky, heavy grain, 35mm lens, severe and graphic mood

Available — 2026 Q4·Seoul, KR·Design + Front-end

Web Designer / Front-end · 7 YRS

디자인부터
퍼블리싱까지
한 사람이

시안을 넘긴 뒤 코드에서 무너지는 일이 없습니다. 제가 그리고 제가 짭니다.

작업 보기 견적 문의

68 Projects 62% Repeat 3 weeks Lead time

누적 작업
68건
재의뢰율
62%
평균 리드타임
3주
회신까지
4시간

01 — Selected work

최근 작업 넷

전체 68건 중 최근 2년 작업만 골랐습니다. 나머지는 요청 주시면 PDF로 보내 드립니다.

  1. 어두운 콘크리트 바닥 위에 펼쳐진 흑백 사진집 지면
    gallery-01.webp1600×900 · 16:9 · 작업 01 Open photo book spread lying on dark textured concrete, monochrome landscape image across the page, hard raking light, heavy grain, 35mm lens, editorial brutalist mood

    01 / 2025

    스튜디오 하지
    브랜드 사이트

    Brand Site7 Pages4 Weeks

    사진 스튜디오의 포트폴리오 사이트. 이미지 1,200장을 지연 로딩으로 묶고 첫 화면 로딩을 2.4초에서 0.9초로 줄였습니다.

  2. 붓글씨 레터링 습작이 펼쳐진 스케치북 클로즈업
    gallery-02.webp1600×900 · 16:9 · 작업 02 Close-up of brush lettering studies across an open sketchbook, matte paper texture, soft even light, monochrome, 50mm lens, tactile analogue design process mood

    02 / 2025

    월간 파고
    웹매거진

    Web MagazineCMS 연동6 Weeks

    월 1회 발행하는 문화 매거진. 편집자가 코드를 몰라도 기사 레이아웃을 3종 중에서 고를 수 있게 템플릿을 나눴습니다.

  3. 검은 종이를 길게 찢어 만든 흰 가장자리가 대각으로 흐르는 흑백 이미지
    gallery-03.webp1600×900 · 16:9 · 작업 03 Macro of torn black paper revealing raw white fibrous edges running diagonally across the frame, hard side light raking the crease, pure monochrome, heavy paper grain, 50mm lens, graphic brutalist mood

    03 / 2024

    온도 커피
    아이덴티티 · 원페이지

    Identity1 Page3 Weeks

    로스터리 원페이지와 인쇄물 세트를 같이 진행했습니다. 웹과 패키지의 그리드를 같은 8열로 맞췄습니다.

  4. 비스듬히 기울어진 거대한 콘크리트 기둥들이 교차하며 서 있는 건축 하부
    gallery-04.webp1600×900 · 16:9 · 작업 04 Massive angled concrete columns crossing under a raw building, strong diagonal composition, monochrome, hard daylight and deep shadow, empty plaza floor, 35mm lens, structural brutalist mood

    04 / 2024

    서울 타이포 비엔날레
    전시 아카이브

    Archive검색/필터5 Weeks

    출품작 420점을 연도·작가·매체로 걸러 볼 수 있게 만든 아카이브. 필터는 자바스크립트가 꺼져도 전체 목록이 그대로 보이게 짰습니다.

비스듬히 기울어진 거대한 콘크리트 기둥들이 교차하며 서 있는 건축 하부
gallery-04.webp1600×900 · 16:9 · 섹션 풀블리드 배경 Massive angled concrete columns crossing under a raw building, strong diagonal composition, monochrome, hard daylight and deep shadow, empty plaza floor, 35mm lens, structural brutalist mood

02 — Why

시안과 결과물이
같습니다

디자이너와 퍼블리셔가 나뉘면 여백 4px, 폰트 굵기 100 단위에서 매번 어긋납니다. 제가 그린 걸 제가 짜기 때문에 그 손실이 없습니다. 대신 시안 단계에서 이미 구현 비용을 계산하고 그립니다.

작업 방식 보기

03 — Services

무엇을
맡기실 수
있나요

아래 금액은 착수 기준입니다. 페이지 수와 기능에 따라 달라지고, 견적서에 항목별로 적어 보내 드립니다.

01

랜딩페이지

원페이지 기획·디자인·퍼블리싱. 폼 연동과 GA4 이벤트 세팅까지 포함합니다.

180만원 —

02

기업 홈페이지

5~7페이지 구성. 반응형 3단 브레이크포인트, 접근성 기본 대응을 포함합니다.

380만원 —

03

반응형 리뉴얼

이미 있는 사이트의 모바일 대응만 다시 짭니다. 기존 CMS를 그대로 씁니다.

220만원 —

04

퍼블리싱만

디자인 시안(피그마)이 있으면 마크업만 맡습니다. 페이지당 단가로 계산합니다.

28만원 / 1p

“수정 요청을 세 번 보냈는데
세 번 다 그날 안에 반영됐습니다.”

— 스튜디오 하지 · 대표 임세인

04 — Process

진행 순서

  1. 01

    문의 · 견적

    레퍼런스와 페이지 수를 알려 주시면 2영업일 안에 항목별 견적서를 보냅니다.

  2. 02

    구조 · 와이어프레임

    디자인 전에 화면 구조부터 맞춥니다. 이 단계에서 뒤집는 건 비용이 들지 않습니다.

  3. 03

    디자인 · 퍼블리싱

    시안 확정 후 바로 코드로 넘어갑니다. 중간 결과는 임시 주소로 계속 열어 둡니다.

  4. 04

    납품 · 30일 보정

    납품 후 30일간 오류 수정은 무료입니다. 이후 유지보수는 월 단위로 따로 계약합니다.

Contact

지금은
2026년 4분기
일정을 잡습니다

레퍼런스 URL 두세 개와 예산 범위만 알려 주세요. 2영업일 안에 가능 여부와 견적을 회신드립니다.

2영업일 안에 회신드립니다 · jkang.design@example.com