sketchbook

광고어때
웹 플랫폼


Tag
UI/UX, Responsive Web
Client
㈜컴플러스
Role
Design, HTML, PHP
Links

광고어때advertisement flatform

복잡한 마케팅을 한 눈에!

광고어때는 누구나 쉽게 광고 콘텐츠를 만들 수 있고,
직접 집행한 광고의 반응을 한 번에 확인하여 효과적으로 반응하고 대처할 수 있는 정보를 제공하는 통합 디지털 광고 솔루션입니다.

기본에서 시작하다

Needs

" 광고를 보다 쉽고 편리하게
제작·관리하는 서비스가 필요합니다"

컴플러스는 디지털을 기반으로 토탈 마케팅 서비스를 제공하는 기업으로 광고 기획, 제작, 운영 등의
경험을 통해 다양한 클라이언트들과 소통해왔습니다. 많은 기업들이 갖고 있는 마케팅에 대한 고민을 해결하기 위해
통합 마케팅 솔루션을 구축하길 원했고 그 채널로 웹 플랫폼을 선택하였습니다.

연결하다

interview

Market & Analysis

광고마케팅 시장 현황

Target & Analysis

마케팅을 원하는
사람들을 위한 서비스

광고어때는 다변하는 디지털마케팅 시장에서 광고 운영, 성과측정, 보고, 방향설정 사이클의 실무를 담당하는 광고마케팅 운영관리자 및 의사결정권자를 주타깃으로 하며, 광고마케팅에 대한 전문 지식이 부족한 개인사업자, 자영업자 등의 비전문가 또한 서비스의 타깃으로 설정하도록 합니다.

Goal & Objective

No.1 통합 디지털마케팅 솔루션

우리는 시장분석과 타깃분석을 통해 광고어때 프로젝트의 목표와 골을 설정하였습니다. 마케터를 위해 광고 성과를 확인하고 관리할 수 있는 서비스를, 비마케터를 위해 대행업체 없이도 쉽게 광고를 만들고 관리할 수 있는 서비스를 제공함으로써 타 솔루션과 차별화된 No.1 통합 디지털마케팅 솔루션 브랜드로 자리매김 하는 것을 프로젝트의 목적으로 설정합니다.

기본에서 확장하다

프로젝트 목표를
컨텐츠에 담아냅니다

콘텐츠 목적에 맞는
컨셉을 도출합니다

광고어때의 주요화면은 크게 메인, 광고관리, 광고템플릿 화면으로 구분하고, 각 콘텐츠의 목적에 맞는 컨셉을 설정하도록 합니다.

Stable & Consistent

Graphic Motif

광고어때의 강점인 광고 보고서 자동 생성을 내세워 보고서를 모티프로 하여 직사각형의 도형을 사용합니다. 또한 중요한 페이지를 표시할 때 종이 모서리를 접어 표시하는 모습에서 광고 성과의 중요한 포인트들을 놓치지 않고 작성하는 광고어때의 광고관리 서비스를 표현합니다.

디자인 시스템을
정의합니다

플랫폼의 완성도 높은 아이덴티티 구축을 위해 타이포그래피, 컬러, 아이콘 등의 디자인 시스템을 정의합니다.
정의된 가이드는 앱의 UI 뿐만 아니라 사용자와의 다양한 접점에 활용하도록 합니다.

Typography

광고 보고서의 다양한 정보를 쉽게 읽을 수 있도록 가독성이 좋은 서체를 사용합니다.
올바른 서체의 일관된 사용으로 사용자에게 광고어때의 메시지를 효과적으로 전달합니다.

Color

광고어때 BI의 블루 컬러를 포인트 컬러로 지정하여 UI에 적극 활용합니다.
사용자의 피로도를 줄이기 위해 웹과 모바일 환경에 최적화된 채도, 명도의 블루를 단계별로 사용합니다.

  • Stable Blue

    Primary Color

  • Stable Gray

    Background color

Graphic elements

앞서 정의된 브랜드 아이덴티티를 기반으로 하여 그래픽 요소를 구성합니다.
브랜드의 컨셉을 반영한 그래픽 요소들을 통해 사용자의 관심 및 브랜드 매력도를 증대시킵니다.

  • Button & Tab
  • Popup

존재를 드러내다

Main Page

Ad management Page

Ad template Page

광고어때
복잡한 플랫폼을 한 눈에 보게하다!

Credits

  1. Director

    • Lee YoungSeok
  2. Product Manager

    • Lee SuJeong
  3. Design

    • Han SeHui
  4. Development

    • Lee YoungSeok
    • Baek GwangJong
    • Race