SYSTEM BLUEPRINT

광고대행사 브랜드 홈페이지
화면 설계 및 운영 시나리오

기업 고객, 일반 소비자, 구직자와 운영자를 함께 고려한 아임웹 기반 설계도입니다.

방문자 시나리오

방문 목적별 탐색 여정

첫 화면에서 목적을 분기하고 포트폴리오와 문의까지 빠르게 연결합니다.

1. 첫 화면 진입

브랜드 메시지와 방문 목적 분기

2. 서비스 이해

제공 서비스와 강점 확인

3. 포트폴리오 탐색

업종과 매체별 작업물 필터링

4. 상세 확인

이미지와 영상 뷰어로 사례 확인

5. 문의 전환

상담 입력폼 제출

방문자 | 화면 01

메인 랜딩 화면

https://brand.imweb.me/home
ADFORGE기업 문의 | 포트폴리오 | 채용
브랜드 캠페인을 성과로 바꾸는 광고대행사
첫 화면에서
누구에게 말하는지
명확하게 보여줍니다.
기업 고객

서비스와 성공 사례 확인

소비자

이벤트와 캠페인 참여

구직자

비전과 문화 탐색

[화면 개요 및 목적]

광고대행사의 메시지와 방문 목적을 첫 화면에서 분리해 여러 타겟층이 헤매지 않도록 합니다.

[핵심 기능 로직]

히어로, 목적별 카드, 대표 포트폴리오가 한 화면에서 연결되어 문의와 탐색 전환을 동시에 만듭니다.

  • 아임웹 섹션 커스텀
  • 반응형 히어로 세팅
방문자 | 화면 02

포트폴리오 목록

https://brand.imweb.me/portfolio

포트폴리오 그리드

전체브랜딩퍼포먼스
신제품 론칭 캠페인
영상 광고 패키지
지역 이벤트 운영
소셜 콘텐츠 운영
브랜드 필름
성과 리포트

[화면 개요 및 목적]

작업물을 그리드와 카테고리 필터로 보여주어 광고대행사의 실제 역량을 빠르게 증명합니다.

[핵심 기능 로직]

카테고리별 게시판 구조를 맞추고 대표 이미지를 동일한 비율로 정리해 콘텐츠 품질 편차를 줄입니다.

  • 아임웹 게시판
  • 카테고리 필터
방문자 | 화면 03

상담 문의 폼

캠페인 상담 요청

문의 유형: 기업 광고 캠페인
희망 일정: 9월 첫째 주
예산 범위: 협의 필요
연락 방식: 이메일 우선
개인정보 수집 및 이용 동의 체크 완료

[화면 개요 및 목적]

기업 상담 문의를 필요한 정보만 받도록 단순화하고 개인정보 동의를 명확히 배치합니다.

[핵심 기능 로직]

문의 유형, 예산, 일정, 연락처를 구조화해 접수 후 관리자 확인이 빠르게 이어집니다.

  • 아임웹 입력폼
  • 이메일 및 문자 알림
운영 담당자 시나리오

포트폴리오와 이벤트 운영 여정

담당자가 직접 콘텐츠를 갱신하고 팝업과 문의를 관리하는 흐름입니다.

1. 작업물 등록

이미지와 링크 업로드

2. 노출 순서 조정

대표 사례 우선 배치

3. 이벤트 게시

진행과 종료 상태 관리

4. 팝업 설정

노출 기간과 위치 지정

5. 문의 확인

리스트와 알림 확인

운영 담당자 | 화면 01

포트폴리오 관리

admin.imweb.me/portfolio

아임웹 운영 대시보드

운영 가능
오늘 접수된 문의
기업 캠페인 상담 요청
이벤트 참여 문의
채용 관련 문의
운영 할 일
포트폴리오 노출 순서 변경
팝업 종료일 확인
관리자 이메일 알림 점검
모바일 검수

첫 화면, 메뉴, 폼, 팝업 표시 확인

오픈 검수

도메인, 보안 인증서, 지도 연결 확인

[화면 개요 및 목적]

운영자가 신규 작업물 이미지를 올리고 링크와 카테고리를 지정하는 화면입니다.

[핵심 기능 로직]

필수 입력값을 줄이고 썸네일 비율을 고정해 새 작업물을 빠르게 추가할 수 있게 합니다.

  • 아임웹 관리자
  • 이미지 업로드
운영 담당자 | 화면 02

이벤트 및 팝업 관리

admin.imweb.me/events

이벤트 운영

진행 중

여름 브랜드 캠페인

메인 팝업 노출 중

종료됨

상반기 프로모션

목록 보관

메인 팝업 미리보기

[화면 개요 및 목적]

진행 중인 이벤트와 종료된 이벤트를 구분하고 메인 팝업 노출 기간을 설정합니다.

[핵심 기능 로직]

시작일과 종료일을 기준으로 노출을 관리해 오래된 이벤트가 메인에 남지 않도록 합니다.

  • 이벤트 게시판
  • 팝업 기간 설정
운영 담당자 | 화면 03

문의 관리

admin.imweb.me/form

아임웹 운영 대시보드

운영 가능
오늘 접수된 문의
기업 캠페인 상담 요청
이벤트 참여 문의
채용 관련 문의
운영 할 일
포트폴리오 노출 순서 변경
팝업 종료일 확인
관리자 이메일 알림 점검
모바일 검수

첫 화면, 메뉴, 폼, 팝업 표시 확인

오픈 검수

도메인, 보안 인증서, 지도 연결 확인

[화면 개요 및 목적]

접수된 문의를 리스트로 확인하고 담당자가 빠르게 후속 대응할 수 있게 합니다.

[핵심 기능 로직]

이메일과 문자 알림을 함께 세팅해 문의 누락을 줄입니다.

  • Data Aggregation & Visualization
  • 폼 접수 알림
채용 관심자 시나리오

회사 이해와 지원 관심 여정

광고대행사의 비전과 일하는 방식을 보여주어 구직자에게도 신뢰를 줍니다.

1. 회사 비전 확인

브랜드 가치와 방향 소개

2. 연혁 확인

성장 과정 확인

3. 문화 탐색

일하는 방식 안내

4. 위치 확인

지도와 교통 안내

5. 문의 연결

채용 문의 연결

채용 관심자 | 화면 01

회사 소개

https://brand.imweb.me/about
사람을 움직이는
캠페인을 만듭니다
2018 설립
120개 캠페인
브랜드 전략

[화면 개요 및 목적]

비전, 연혁, 핵심 가치를 정리해 기업 고객뿐 아니라 구직자에게도 신뢰를 전달합니다.

[핵심 기능 로직]

연혁과 비전 카피를 짧고 명확하게 구성해 모바일에서도 읽히도록 합니다.

  • 아임웹 텍스트 섹션
  • 반응형 타임라인
채용 관심자 | 화면 02

오시는 길

https://brand.imweb.me/location
마포구 지도 영역
서울특별시 마포구
온라인 미팅 가능

[화면 개요 및 목적]

지도와 주소, 교통 안내를 함께 제공해 미팅과 방문 문의를 줄입니다.

[핵심 기능 로직]

지도 영역과 연락 정보를 한 화면에서 보여주어 모바일 방문자가 바로 확인할 수 있습니다.

  • 지도 연결
  • 모바일 길찾기
채용 관심자 | 화면 03

채용 관심 문의

https://brand.imweb.me/career

함께 일하고 싶은 분께

브랜드 캠페인, 콘텐츠, 퍼포먼스 업무에 관심 있는 분들을 위한 문의 동선입니다.

문의 유형: 채용 및 협업 관심

[화면 개요 및 목적]

별도 채용 페이지가 없어도 회사 비전과 문의 동선을 통해 인재 유입을 받을 수 있습니다.

[핵심 기능 로직]

구직자용 문의 유형을 분리해 일반 상담과 섞이지 않게 운영합니다.

  • 문의 유형 분기
  • Issue Tracking & Status Management