Web (반응형)

LOGO

BRANDING

UX&UI Project (PC / Mobile)

BRANDING

UX&UI Project (PC / Mobile)

소상공인의 셀프 브랜딩을 돕는 통합 마케팅 솔루션, 브리에이션

소상공인의 마케팅 솔루션, 브리에이션

메인 텍스트
메인 핸드폰

PROJECT OVERVIEW

일관성 있는 브랜딩을 통해 명확한 브랜드
아이덴티티를 확립하고,
웹사이트를 통해
브리에이션의 사업을 소개합니다.

브리에이션은 소상공인 사장님들과 공공기관을 타겟으로 한
국내 최초 통합 마케팅&브랜딩 솔루션 서비스입니다.

본 프로젝트는 스타트업인 브리에이션의 사업 전반적인
프로세스를 정리하고,
적합한 비주얼 그래픽 제작을 통해
브랜딩 가이드 확립웹사이트 구축에 목적이 있습니다.
로고 리뉴얼부터 홈페이지 제작까지
모든 시각적 요소를 아우르는 브랜딩 전반을 전개합니다.

goal 타이틀

사전 인터뷰를 통해 브리에이션의 사업내용을
분석하고
필요한 요소를 파악하여 빌드업을 위한
프로젝트 목표를 설정합니다.

D 모양 이미지
별모양 이미지
  • Build Up

    실행을 위한 빌드업

    브리에이션 사업의 전반적 프로세스를 정리하여
    실행하기 위한 빌드업 과정을 전개합니다.

  • Identity

    명확한 정체성 확립

    추상적으로 정의된 브리에이션의
    아이덴티티를 보다 명확히 정의합니다.

  • Communication

    고객과의 접점

    웹사이트를 통해 브리에이션의
    서비스를 소개하고 고객과 소통합니다.

브리에이션만의 차별성과
전문성을 바탕으로
신뢰감 있는 이미지를 구축하고,
사업내용을 효과적으로 소개합니다

국내 유일 소상공인을 위한 플랫폼 브랜드 리서치를 통한 마케팅 전략 어디서든 만나볼 수 있는 SPACE 구축
비쥬얼 퍼포먼스 마케팅 브랜딩 TOY B 공간 브랜딩 가맹사업
공간 브랜딩 비쥬얼 퍼포먼스 마케팅 브랜딩
국내 유일 소상공인을 위한 플랫폼 가맹사업
TOY B 브랜드 리서치를 통한 마케팅 전략
어디서든 만나볼 수 있는 SPACE 구축
As is
1

브랜드 리서치, 마케팅 솔루션, 브랜딩, 인테리어,
사업 계획 및 리스크 관리, 홈페이지 개발 등등..
소상공인에게 AI 로 기술로 기획부터 관리까지
올인원 서비스를 제공하는 마케팅 서비스

브랜드 리서치 마케팅 솔루션 브랜딩 공간 브랜딩 건축공정 공간촬영
사업계획 및 리스크 관리 홈페이지 개발 브리에이션 가맹 ...
2

Breation의 'B'를 형상화하는 로고 위에 브랜드와
시스템을 상징하는
원형 요소들을 결합한
복잡한 형태의 로고 타입

브리에이션 로고1
To Be
1

제공하는 서비스가 너무 다양하여 정리되지 않고
흩뿌려진 사업 아이템들을
정리하고 프로세스를
분석하여 사업 내용을 구체화 및 시각화

TOY B All-In-One Marketing Space
2

기존 로고의 느낌을 가져가되, 간결한 라인 형태와
Bold한 느낌을 더해
신뢰감 있고 단단한 느낌의
브랜드 아이덴티티를 구축

브리에이션 로고2
브리에이션만의 첫인상을MISSION
강렬하고 신뢰감있게
구축하고
서비스를
효과적으로 알릴 수 있도록
구름 이미지1 구름 이미지1
구름 이미지2 구름 이미지2
핸드폰 이미지
타이틀 텍스트

사장님의 브랜드를 책임집니다

브리에이션은 토이비 브랜드 서베이를 통해
대표님의 서비스 본질에
보다 깊은 이해도를 가지고
소상공인 올인원 마케팅 전문 서비스를 제공합니다.

브리에이션 로고

기존 Breation의 로고의 복잡한 요소를 덜어내고
핵심만 간결하고 명확하게
전달할 수 있도록
심플하고 통일감 있는 브랜딩 리뉴얼을 진행하였습니다.

Breation Black

# 070707

오브제

R 7 G 7 B 7

C 90 M 86 Y 86 K 77

Breation Blue

# 0B2EFF

오브제

R 11 G 46 B 255

C 100 M 60 Y 0 K 0

Breation White

# FFFFFF

오브제

R 255 G 255 B 255

C 0 M 0 Y 0 K 0

목업 이미지
Web UXUI Design

강한 컬러대비와 모션 비쥬얼 퍼포먼스를 통해 브리에이션의 강한 첫인상을 남기고
메인 페이지에서 브랜드 소개, 시스템, 서비스를 한눈에 파악할 수 있도록 전개하였습니다.
또한, 섹션별 CTA를 배치해 Detail, Contact 이 자연스럽게 연결되도록 설계하고
다양한 디바이스 환경에서 일관성 있는 서비스를 제공할 수 있도록 반응형으로 제작하였습니다.

강한 컬러대비와 모션 비쥬얼 퍼포먼스를 통해
강한 첫인상을 만들고, 메인 페이지에서 브랜드 소개,
시스템, 서비스를 한눈에 파악할 수 있도록 전개하였습니다

TOY B Service

브리에이션의 핵심 서비스인 브랜드 리서치 시스템 TOY B가 무엇인지 소개하고,
애니메이션 그래픽을 통해 시각적으로 강조합니다. 섹션 내 클릭을 유도하여
제공하는 다양한 서비스 종류를 보여주도록 제작하였습니다.

브리에이션의 핵심 서비스인 브랜드 리서치 시스템
TOY B을 소개하고, 애니메이션 그래픽을 통해
시각적으로 강조합니다. 섹션 내 클릭을 유도하여 제공하는
다양한 서비스 종류를 보여주도록 제작하였습니다.

핸드폰 이미지1
핸드폰 이미지2
핸드폰 이미지3
선 이미지
CTA CONTACT

고객 문의률을 높이기 위해 문의하기, 상담신청 등의 CTA Button을
홈페이지에 적절히 배치하여 바로 문의로 이어지도록 Flow를 설계하였습니다.
나아가 사업 특성상 [온라인 문의] 활용의 확장성을 고려하여
Page와 Modal 모두 구현하여, 다양한 활용이 가능합니다.

고객 문의률을 높이기 위해 CTA 를 통해
바로 문의로 이어지도록 Flow를 설계하였습니다.
사업 특성상 [온라인 문의] 활용의 확장성을
고려하여 Page와 Modal 모두 구현하여
다양한 활용이 가능합니다.

핸드폰 이미지 패드 이미지
패드 이미지 모바일
Visual Motion Assets

강렬한 컬러감의 그라데이션 그래픽 모션을 제작하여
브리에이션의 System Point를 시각적으로 강조합니다.

Visual Performance

페이지 전반에 영상 요소를 활용한 모션과
강한 컬러대비가 들어간
에셋을 적절히 배치하여
사용자에게 강렬한 첫인상을 남깁니다.

배경 이미지
그라데이션 이미지
about txt

소상공인의 셀프 브랜딩을 돕는 마케팅 솔루션, 브리에이션

Take On Your Brand

사장님의 브랜드를 책임집니다

브리에이션은 본질을 추구합니다.
본질에 대해 깊은 이해도와 나다움을 추구하는 사람들은 다른 사람들 보다 우위를 점할 수 있습니다.
저희는 토이비 브랜드 서베이를 통해 대표님의 서비스 본질에 보다 깊은 이해도를 가지고
소상공인 올인원 마케팅 전문 서비스를 제공합니다.

브리에이션은 토이비 브랜드 서베이를 통해
대표님의 서비스 본질에 보다 깊은 이해도를 가지고
소상공인 올인원 마케팅을 제공합니다.

지도 이미지
SPACE - Workcation System

"Hi!, I'm Breation! 어디서든 만나볼 수 있어요!"
키메세지에 맞게
도입중인 브리에이션의
전국 워케이션 시스템을 표현합니다.

SPACE - Processes

복잡하고 다양한 Space 사업 프로세스를 정리하여
핵심 내용을 간결하게 표현합니다.

브리에이션만의 첫인상을
강렬하고 신뢰감있게 구축하고,
서비스를 효과적으로
알릴 수 있도록

브리에이션만의 차별성과 전문성을 바탕으로
프로세스를 정리하고
정리된 그리드와 모션 비주얼
퍼포먼스를 활용하여 브리에이션의 이미지를 구축하고
서비스 전반을 효과적으로 보여주도록 전개하였습니다.

브리에이션 로고

BREATION
BRANDING, WEB
UX&UI PROJECT