smlog

웹사이트(WebSite.co.kr)

본문 바로가기 주메뉴 바로가기
SELECTED WORK / CORPORATE WEBSITEVIVIEN × WEBSITE.CO.KR

VIVIEN(02)

패션의 감도를,
디지털의 완성도로.

패션 전문기업의 홈페이지는 그 자체로 브랜드의 첫인상이 됩니다.
웹사이트(WebSite.co.kr)는 비비안의 업종과 이미지에 어울리는
디자인 퀄리티에 집중해 홈페이지를 제작했습니다.

FASHION & LIFESTYLECORPORATE WEBSITEVISUAL DESIGN
VIVIENTHE ART OF EVERYDAY CONFIDENCE
OFFICIAL BRAND FILM / VIVIEN

01 — PROJECT OVERVIEW

브랜드를 보는 순간,
그 감각이 전해지도록.

비비안이 가진 패션 전문기업의 이미지를 웹에서도 자연스럽게 느낄 수 있도록, 시각적 완성도를 중요한 기준으로 삼았습니다. 캠페인의 분위기와 브랜드의 인상을 충분히 전달하는 화면이 이번 프로젝트의 중심입니다.

이미지는 넓게, 정보는 명확하게. 패션 비주얼의 존재감과 기업 홈페이지의 정보 전달이 균형을 이루는 경험을 소개합니다.

CLIENT
VIVIEN · 비비안
AGENCY
웹사이트 · WebSite.co.kr
PROJECT
기업 홈페이지 제작
FOCUS
패션 업종에 맞는 디자인 퀄리티

02 — DESIGN CONCEPT

Fashion,
in every detail.

V.
작은 디테일까지,
패션 브랜드답게.

좋은 패션 이미지가 가진 힘을 화면의 인상으로 연결합니다.
비주얼의 크기, 여백의 호흡, 문장의 위계까지.
업종의 특성을 담은 세심한 표현에 집중했습니다.

01 / IMAGE FIRST

시선을 머무르게 하는 비주얼

캠페인 이미지와 영상이 전하는 분위기를 살려, 첫 화면부터 브랜드의 감각을 경험하도록 합니다.

02 / REFINED SPACE

이미지를 돋보이게 하는 여백

장면과 정보 사이에 여유를 두어 시각적 밀도를 조율하고, 콘텐츠가 가진 매력을 드러냅니다.

03 / CLEAR STRUCTURE

기업의 이야기를 담는 구조

회사소개와 비즈니스, 홍보, 경영정보, 스토어로 이어지는 내용을 명확한 위계로 전달합니다.

레드 컬러의 비비안 캠페인 이미지
CONFIDENCE
has a presence.

VISUAL LANGUAGE

선명한 인상.
절제된 표현.

인물의 태도와 소재의 디테일,
컬러가 만드는 강한 존재감.
브랜드 이미지를 중심에 두고
화면은 그 매력을 담는 프레임이 됩니다.

바다를 배경으로 한 비비안 캠페인 장면CAMPAIGN IMAGERY BY VIVIEN

03 — PORTFOLIO ART DIRECTION

감도를 담는 컬러,
균형을 잡는 타이포그래피.

제작 스토리는 따뜻한 뉴트럴 톤을 바탕으로 구성했습니다.
차분한 배경과 깊은 포인트 컬러가
패션 비주얼의 존재감을 뒷받침합니다.

Ivory#FAF8F5
Warm Sand#E4DCD5
Rose Brown#795357
Soft Black#282322
EDITORIAL DISPLAY

Aa

Georgia · Regular / Italic
READABLE BODY

브랜드의 감각을
화면의 경험으로.

Pretendard · Regular / Bold

본 섹션은 포트폴리오 페이지의 디자인 구성을 설명합니다.

04 — MAIN EXPERIENCE

첫 장면으로 말하는
브랜드의 태도.

영상으로 시작해 기업의 방향성과 사업 영역으로.
현재 운영 홈페이지의 흐름을 담았습니다.

● ● ●vivien.co.kr↗
VIVIEN, IN YOUR EVERYDAY.
VIVIEN

고객의 라이프스타일 속에서
함께 성장하는 기업.

READ MORE ↗
LINGERIESTOCKINGFASHIONPARTNERS
MAIN PAGE / DESKTOP COMPOSITION운영 사이트 기반으로 재구성한 소개용 목업

05 — CONTENT EXPERIENCE

브랜드의 감성에서
기업의 이야기까지.

패션의 이미지를 만나는 방문자와
기업 정보를 찾는 방문자를 함께 고려한 콘텐츠 구성.

01

회사소개

기업이념 · 히스토리
브랜드 · 위치안내 · CONTACT

02

비즈니스

란제리 · 패션잡화
스타킹 · 패션 · 파트너스

03

홍보

사회공헌 · 보도자료
광고 갤러리

04

경영정보

공고 · 주주총회 소집공고
윤리경영

05

스토어

V Membership · 매장 안내
온라인몰 안내 · 속옷가이드

BEYOND THE FIRST IMPRESSION

브랜드와 고객을 잇는
다양한 접점.

06 — MOBILE COMPOSITION

화면이 작아져도,
감도는 그대로.

브랜드 이미지를 충분히 보여주는 장면과
필요한 정보를 차례로 읽는 흐름.
모바일에서도 이어지는 경험을 연출했습니다.

운영 콘텐츠를 활용한 모바일 화면 목업
9:41 ••• ▰
VIVIENBE YOU.
Be confident.
VIVIEN

당신의 일상에
함께하는 비비안.

고객 경험과 가치를 위한
끊임없는 혁신.

READ MORE ↗
9:41 ••• ▰
VIVIEN

Our
Business.

LINGERIE ↗

STOCKING ↗

FASHION ↗

FASHION ACCESSORIES ↗

PARTNERS ↗

비비안 브랜드 이미지브랜드의 감각, 일상의 가치.

DESIGNED BY WEBSITE.CO.KR

패션을 이해하는 감각.
브랜드를 완성하는 디테일.

비비안이 가진 이미지를 웹에서도 느낄 수 있도록.
업종에 어울리는 디자인 퀄리티를 고민한 프로젝트입니다.

VISIT VIVIEN ↗
VIVIEN
PROJECT / 비비안 기업 홈페이지AGENCY / 웹사이트(WebSite.co.kr)

현재 운영 사이트의 공식 이미지와 영상을 활용한 제작 히스토리 시안입니다. 화면 목업은 소개를 위해 재구성했습니다.

목록
보기