Main Page

Over View

Magazine B 는 브랜드를 주제로 브랜드 매거진 B 등의 정기 간행물을 중심으로다양한 매체를 통해 다양한 콘텐츠를 제작하는 미디어 기업입니다. 여러 브랜드를 소개하는 잡지 인 만큼 다채로운 느낌을 보여 줄 수 있는 레이아웃을 잡았습니다.

rand

ocument

agazine

MAGAZINE B

Goal : B magazine 만의 색을 보여주는 색과 디자인으로 타 사이트와의 차별화를 하고 모바일 앱 디자인을 기존 사이트를 리뉴얼하는 방향으로 계획함

As is

1반복되는 레이아웃의 디자인

2전용앱이 없어 모바일로 접속시 불편함

3네비에 불필요한 메뉴 존재함

4상세 페이지에 대한 정보가 부족함

To be

1다채로운 레이아웃의 디자인

2모바일 앱을 제작함

3네비 메뉴 개선 및 디자인 변경함

4상세 페이지에 필요한 내용을 보완함

concept다양한 브랜드를 잡지에 담는 B Magazine을 표현하기 위해서 다양한 레이아웃으로 트렌디하고 다채롭게 표현함

various

다양한 레이아웃

trendy

트렌디한

colorful

다채로운

Style Guide

COLOR

로고의 색을 메인컬러로 하고 보조색은 채도가 낮은 색을 함
포인트 컬러는 채도가 낮은 보색을 사용해서
너무 차분해 보이지 않게 함

Main color

Sub color

Point color

FONT

타이포가 많아 가독성이 좋은 고딕폰트를 사용함
한글은 Noto Sans Korean, 영문은 Poppins 폰트를 사용

한글 폰트 Noto Sans Korean

제목_30pt_Medium 500

제목_20pt_Regular 400

비미디어컴퍼니(B Media Company)는 브랜드와 브랜드를 둘러싼
비즈니스, 라이프스타일에 대한 균형적 관점을 통해 여러 매체를
망라한 콘텐츠를 제작하는 미디어 기업입니다.
브랜드 다큐멘터리 매거진 B, 푸드 다큐멘터리 매거진 등의
14pt_Light 300

영문 폰트 Poppins

Title_32pt_Medium 500

Title_22pt_Regulr 400

B Media Company produces neutral and balanced
content on brands, brand-adjacent businesses,
and lifestyle for different media channels.
16spt_light 300

Story Board

Icon & Splash

매거진 비의 로고를 사용해
매거진 비 임을 확실하게 나타내도록 디자인하였습니다

ICON

MAGAZINE B

NAVIGATION

SPALSH

Main Home

매거진 비의 제품을 보는 것 뿐만아니라
잡지의 브랜드들도 잘 나타나게 기획하였음

MAGAZINE B

Lorem Ipsum is simp Lorem Ipsum has been the ind when an unknotook a galley of type and scrambled it to make a type specimen book. It has survived not only five centuri

MAGAZINE B

Lorem Ipsum is simp Lorem Ipsum has been the ind when an unknown printer took a galley of tybled it to make a type specimen book. It has survived not only five centuri

MAGAZINE B

Lorem Ipsum is simp Lorem Ipsum has been the ind when an unknown printer took a galley of tcrambled it to make a type specimen book. It has survived not only five centuri

MAGAZINE B

Lorem Ipsum is simp Lorem Ipsum has been the ind when an unkninter took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuri

MAGAZINE B

Lorem Ipsum is simp Lorem Ipsum has been the ind when an unknown printer took a galley of tok. It has survived not only five centuri

MAGAZINE B

Lorem Ipsum is simp Lorem Ipsum has been the ind when an unknown printer took a galley of type bled it to make a type specimen book. It has survived not only five centuri