만든 것으로 설명합니다

구매전환을 올린 상세페이지, 앱 없이 참여하는 웹게임, 현장 부스에서 데이터를 남긴 이벤트까지. 기획부터 개발과 측정 설계까지 직접 맡은 작업입니다.

Web

반응형 홈페이지

보기 좋은 화면이 목적이 아닙니다. 구매전환, 신규 리드, 정보 접근성처럼 먼저 정한 숫자를 기준으로 구조를 설계합니다.

드코어 카페24 상세페이지 — 개선한 모바일 구매 화면

드코어2025

카페24 상세페이지 UI/UX 개선

구매 여정을 다시 짜서 전환율을 끌어올린 리디자인

  • 주간 구매 전환율 75% 증가 (2.0% → 3.5%)
  • 결제 진입 세션 33% 증가
  • 최고 단가 구성 비중 20% 증가 (23.5% → 28.2%)

카페24 플랫폼 안에 있는 상세페이지의 구매전환율을 올리기 위해 UI/UX 를 리디자인하고 개발했습니다. 고객이 실제로 밟는 구매 여정을 기준으로 정보 구조와 시각적 흐름을 다시 설계했습니다.

범위 UI/UX 리디자인 · 개발
자세히 사례집 — 전환율 2.0% → 3.5% →

ADCUS 공식 홈페이지 — 캠페인 아카이브 화면

ADCUS2026

ADCUS 공식 홈페이지

30년 광고 캠페인 이력을 모은 아카이빙 웹사이트

  • 홈 화면 인터랙티브 모션 구현
  • 반응형 디자인 · 영상 삽입

30년 역사를 가진 중앙광고캠페인 집행팀에 맞춘 프로젝트입니다. 인트로에 반응형 모션을 넣고, 역대 진행한 캠페인을 한눈에 훑을 수 있도록 행으로 나열해 구현했습니다.

범위 기획 · 디자인 · 개발

앙상블 메이 공식 홈페이지 — 공연 아카이브 화면

앙상블 메이2026

앙상블 메이 공식 홈페이지

현악 앙상블 단체의 활동을 남기는 아카이빙 사이트

  • 모션 기반 인터랙티브 반응형 디자인
  • 유튜브 영상 삽입 · 사진 DB 태깅
  • 공연 문의 CTA 배치로 홍보 자산화

국제학교 현악 앙상블 단체의 활동을 아카이빙하고 홍보하기 위한 공식 홈페이지입니다. 클래식하고 예술적인 톤앤매너를 살리면서 공연 정보를 한눈에 확인할 수 있게 구성했고, 연혁과 단원 활동 영상·사진을 함께 쌓았습니다.

범위 디자인 · 개발 · 배포

새로페인트 서비스 소개 홈페이지 — 시공 사례와 상담 신청 화면

새로페인트2026

새로페인트 서비스 소개 홈페이지

주 고객층 연령대에 맞춰 단순하게 짠 서비스 사이트

  • 5060 고객층 기준으로 레이어를 최소화한 UX
  • 숨고 리뷰 홈페이지 연동
  • 검색광고 노출을 위한 SEO 코드 작업

'책임 시공'이라는 키워드에 맞게 정직한 인상을 주는 것이 목표였습니다. 방수페인트 시공의 주 고객층을 고려해 페이지 UX 를 최대한 단순하게 설계하고, 외부 리뷰가 홈페이지에 연동되도록 붙였습니다.

범위 기획 · 디자인 · 개발 · SEO

Studio HaiP 공식 홈페이지 — 히어로·FAQ·가이드·인사이트 화면

자사 2026

Studio HaiP 공식 홈페이지

SEO·GEO 설계로 신규 리드 유입을 만든 자사 사이트

  • 반응형 웹디자인과 모션 자체 개발
  • 인사이트·용어사전 엔티티 설계로 SEO·GEO 대응
  • 문의 폼으로 신규 리드 수집 경로 구축

마테크·애드테크 기업에 어울리는 군더더기 없는 디자인으로, 기획·디자인·개발을 함께 맡는 크리에이티브 스튜디오라는 점을 전면에 뒀습니다. 지금 보고 계신 이 사이트입니다.

범위 기획 · 디자인 · 개발 · SEO 구조 설계

Interaction

온·오프라인 인터랙션 이벤트

앱 설치 없이 QR 한 번으로 진입하는 웹 콘텐츠를 기본값으로 둡니다. 참여 흐름 안에 측정 지점을 같이 심습니다.

카스 AI 병인식 O2O 이벤트 — 촬영 인증과 리워드 화면

OB맥주2026

CASS AI 병인식 O2O 이벤트

매장에서 병을 찍으면 리워드가 나오는 촬영 인증 이벤트

  • 이벤트 방문 24.5만 명, 참여 7.2만 명
  • 방문 대비 참여율 29.4%
  • 수천 장으로 학습시킨 병인식 딥러닝 모델

오프라인 매장 포스터의 QR 로 진입해, 본인인증을 거친 뒤 주문한 병의 라벨이 보이도록 사진을 찍으면 인식되어 확률 기반 리워드에 당첨되는 구조입니다. 전국 단위로 장기 운영했고, 참여 데이터를 모아 소비량을 요일 단위로 집계할 수 있게 했습니다.

방문·참여 수는 브랜드가 공유한 값이고, 참여율은 그 두 값에서 계산한 파생값입니다.

범위 기획 · 디자인 · AI 모델 개발 · 웹 개발
자세히 사례집 — 방문 24.5만, 참여 7.2만 →

카스 현장 럭키드로우 사이트 — 추첨 화면과 팝업스토어 현장

OB맥주2026

CASS 현장 럭키드로우 사이트

팝업스토어 현장에서 돌아간 실시간 추첨 웹사이트

  • 실시간 1만 명 이상 트래픽 안정 처리
  • 당첨 확률 로직 · 서버·DB 호스팅 직접 구현
  • 관리자 페이지에서 추첨자 실시간 조회

월드컵 프로모션 팝업스토어에서 쓰인 럭키드로우 웹이벤트입니다. 유튜브 실시간 중계로 추첨이 진행되는 동안 1만 명이 넘는 동시 트래픽을 안정적으로 받아냈고, 운영진이 추첨자 정보를 바로 확인할 수 있도록 관리자 화면을 함께 만들었습니다.

범위 기획 · 디자인 · 개발 · 서버 운영

쫀득 망고바 게임 이벤트 — 제조 과정을 따라가는 웹게임 화면

자체 제작 2026 샘플

쫀득 망고바 게임 이벤트

제품의 USP 를 플레이 흐름에 녹인 인터랙티브 웹게임

  • 누적 플레이 1만 회 돌파
  • 에셋·효과음·모션 전량 자체 제작
  • 제조 스토리를 게임 규칙으로 번역

제품이 만들어지는 과정을 그대로 플레이 흐름에 옮겨, 게임을 하는 동안 자연스럽게 USP 를 익히도록 설계했습니다. 플래시 게임 특유의 질감을 살려 실제 서버에 호스팅해 운영했습니다.

범위 기획 · 디자인 · 개발 · 호스팅 운영

AI 공병 인증 이벤트 — 공병 촬영 인증과 쿠폰 발급 화면

자체 제작 2026 샘플

AI 공병 인증 이벤트

공병을 촬영하면 쿠폰이 나오는 리텐션 캠페인

  • 공병 인식 AI 모델 직접 학습, 정확도 90%
  • 촬영 → 인증 → 자사몰 쿠폰 흐름 설계
  • 재구매 고객을 식별 가능한 데이터로 전환

다 쓴 제품을 인증하는 문화가 자리 잡은 화장품 카테고리를 겨냥했습니다. 딥러닝으로 공병 이미지를 학습시킨 모델을 직접 만들고, 인증에 성공하면 자사몰 쿠폰이 발급되도록 연결해 리텐션 지표로 이어지게 했습니다.

범위 기획 · 디자인 · AI 모델 개발 · 웹 개발

스크럽대디 메모리 카드 게임 — 제품군을 카드로 만든 웹게임 화면

자체 제작 2026 샘플

스크럽대디 메모리 카드 게임

제품군을 카드로 만들어 자연스럽게 학습시키는 웹게임

  • Meshy AI 로 3D 제품 카드 제작
  • 신제품을 섞어 제품군 인지를 유도
  • 팝업스토어·온라인 캠페인 양쪽에 적용 가능

공격적이고 창의적인 마케팅을 선호하는 브랜드 성향에 맞춰, 팝업스토어와 온라인 캠페인 양쪽에 쓸 수 있는 메모리 카드 게임을 기획했습니다. 카드를 뒤집어 짝을 맞추는 단순한 규칙 안에 전체 제품군을 넣어, 플레이가 끝날 때쯤 라인업이 기억에 남도록 구성했습니다.

범위 기획 · 3D 에셋 · 디자인 · 개발

Design

디자인 프로젝트

클릭을 만들어야 하는 소재는 예쁜 것만으로 부족합니다. 어디에 걸리는 소재인지부터 보고 설계합니다.

크몽 썸네일 디자인 — 서비스 제품군별 광고 소재 모음

자사 2026

크몽 썸네일 디자인

노출 경쟁 안에서 클릭을 만드는 서비스 썸네일

  • 서비스 제품군별 맞춤 콘셉트 기획
  • 정보 전달력과 시각적 임팩트를 동시에

여러 서비스가 한 화면에 나열되는 플랫폼에서는 첫눈에 걸리지 않으면 없는 것과 같습니다. 제품군별 특성을 먼저 분석해 콘셉트를 나누고, 광고 소재로서의 완성도를 기준으로 디자인했습니다.

범위 콘셉트 기획 · 디자인

Contact

비슷한 작업을 생각하고 계신가요?

진행 시기와 목적만 알려주셔도 됩니다. 기획서가 없어도, 예산이 확정되지 않아도 상담할 수 있습니다. 영업일 기준 1일 내 회신드립니다.