various
다양한 레이아웃
trendy
트렌디한
colorful
다채로운
MAGAZINE B
Renneewal Project : 2023.01 - 2023.05
TYPE : UIUX Design
Type : UIUX Design
Program : Adobe XD, Adobe Photoshop, Adobe Illustrator, Visual Studio Code
Frame Work : Swipe Slide
Over View
Magazine B 는 브랜드를 주제로 브랜드 매거진 B 등의 정기 간행물을 중심으로다양한 매체를 통해 다양한 콘텐츠를 제작하는 미디어 기업입니다. 여러 브랜드를 소개하는 잡지 인 만큼 다채로운 느낌을 보여 줄 수 있는 레이아웃을 잡았습니다.
B
D
M
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
Icon & Splash
매거진 비의 로고를 사용해
매거진 비 임을 확실하게 나타내도록 디자인하였습니다
ICON
MAGAZINE B
NAVIGATION
SPALSH
Main Home
매거진 비의 제품을 보는 것 뿐만아니라
잡지의 브랜드들도 잘 나타나게 기획하였음
비미디어컴퍼니(B Media Company)는 브랜드와 브랜드를 둘러싼 비즈니스, 라이프스타일에 대한 균형적 관점을 통해 여러 매체를 망라한 콘텐츠를 제작하는 미디어 기업입
비미디어컴퍼니(B Media Company)는 브랜드와 브랜드를 둘러싼 비즈니스, 라이프스타일에 대한 균형적 관점을 통해 여러 매체를 망라한 콘텐츠를 제작하는 미디어 기업입
비미디어컴퍼니(B Media Company)는 브랜드와 브랜드를 둘러싼 비즈니스, 라이프스타일에 대한 균형적 관점을 통해 여러 매체를 망라한 콘텐츠를 제작하는 미디어 기업입
비미디어컴퍼니(B Media Company)는 브랜드와 브랜드를 둘러싼 비즈니스, 라이프스타일에 대한 균형적 관점을 통해 여러 매체를 망라한 콘텐츠를 제작하는 미디어 기업입
ABOUT
매거진 비에 대한 소개를 볼 수 있음
에디터의 말과 슬로건으로 유저들이 브랜드에 대해 가깝게 느껴지도록 함
MAGAZINE
매거진 비의 제품들을 볼 수 있으며 구매 할 수 있음
MAGAZINE B