[이노스] B2B 유입 구조 설계 기반 아케이드 마케팅 웹사이트 및 홍보 자산 제작
디자인
2024. 08 - 2025. 05

[이노스] B2B 유입 구조 설계 기반 아케이드 마케팅 웹사이트 및 홍보 자산 제작

브로슈어나 팝업/박람회 등의 홍보 자산을 개발 및 디자인함. 마케팅 웹사이트의 UI 작업에 참여함.

5종 이상

홍보 자산 제작

웹·브로슈어·매뉴얼영상·부스·판촉물

타겟 구분

3종

B2B·지자체·체험 고객

HTMLCSSFigmaAdobe PhotoshopAdobe IllustratorAdobe Premiere Pro
웹 기획UI/UX 설계콘텐츠 디자인외주 협업 관리마케팅 자산 제작

Overview

타겟별 메시지 전달 구조를 설계하고, 웹과 오프라인 자산을 통합한 마케팅 프로젝트.

IA 기반 UI/UX 설계

타겟별 정보 흐름 구조화

브랜드 시각 통일

톤앤매너 기반 디자인 시스템

웹-오프라인 통합

웹·부스·브로슈어 메시지 일관성

타겟 분리 전략

B2B·지자체·체험고객 별 콘텐츠 분리

Problem

제품 설명 중심 → 사용자 이해 실패
  • 문제: 초기에 기능 중심 설명 → 제품 가치 전달 실패
  • 원인: 타겟 정의 없이 콘텐츠 제작
  • 결과: 정보는 많지만 의사결정으로 연결 안됨
웹·오프라인 분리 → 메시지 불일치
  • 문제: 웹·브로슈어·부스 각각 따로 제작
  • 원인: 공통 메시지 기준 없음
  • 결과: 채널별 전달 내용 불일치
기존 콘텐츠 vs 개선 후 콘텐츠
구분기존 콘텐츠개선 후 콘텐츠
타겟 정의없음 (불특정 다수)B2B 바이어 / 체험 고객 분리
정보 구조기능 나열 중심문제 → 가치 → 활용 흐름
메시지 방식제품 설명 위주도입시 효과 중심
콘텐츠 구성텍스트 중심텍스트 + 이미지 + 영상
의사결정 연결 (CTA)없음도입/구매 판단 기준 포함
채널 일관성웹/브로슈어/부스 분리톤앤매너 일관성 유지

Solution

타겟 기반 정보 구조 설계
  • 1차: B2B 바이어
  • 2차: 체험 고객
→ 타겟별 요구 정보 분리
→ IA 구조 재설계
콘텐츠 전달 구조 정의
  • 기능 → 가치 → 활용 시나리오 순서
  • 텍스트 → 이미지 → 영상 흐름 구성
  • 의사결정 기준 중심 콘텐츠 설계
채널 통합 디자인 기준 수립
  • 웹 / 브로슈어 / 부스 동일 구조
  • 브랜드 톤앤매너 통일
  • 시각 요소 일관성 유지
    • 색상, 로고, 폰트 등

Implementation

웹사이트 IA 및 UI 설계
  • IA 구조 정의
  • 와이어프레임 제작
  • Figma 프로토타입 설계
  • 외주 개발 협업
브로슈어 및 제안서 디자인
  • 타겟별 콘텐츠 구조 분리
  • B2B 중심 정보 설계
  • 가독성 기반 레이아웃 구성
오프라인 부스 설계
  • 고객 동선 기반 배치 설계
  • 시선 유도형 배너 구성
  • 현장 피드백 기반 수정
영상 콘텐츠 제작
  • 제품 시연 영상 기획
  • 핵심 기능 중심 구성
  • 직관적 전달 구조 설계

Insight

디자인 = 전달 구조 설계
  • 시각 요소 → 결과
  • 구조 → 원인
마케팅은 채널이 아니라 흐름
  • 웹 → 부스 → 제안서 연결
  • 메시지 일관성 중요
협업은 언어 통일 문제
  • 디자이너 ↔ 개발자
  • 기획 ↔ 영업
→ 공통 기준 필요
핵심 정리
  • 디자인은 표현이 아니라 구조
  • 타겟 정의가 결과를 결정
  • 전달 흐름이 전환을 만든다

Result

Outcomes

  • 타겟별 콘텐츠 분리 → 메시지 전달 명확화 → B2B 제안 활용

  • 웹·브로슈어·부스 디자인 통합 → 브랜드 일관성 확보

  • 웹사이트 3주 내 구축 → 오프라인 영업 즉시 활용

[이노스] B2B 유입 구조 설계 기반 아케이드 마케팅 웹사이트 및 홍보 자산 제작 · Portfolio · Sojin Lee