PROJECT REQUEST
PROJECT REQUEST
NEWBIRD
안녕하세요, 뉴버드입니다. 😊 무엇을 도와드릴까요?
아래에 문의 내용을 남겨주시면 확인 후 빠르게 답변드리겠습니다.
중복 선택 가능 *
ME
🤔
NEWBIRD
원하시는 제작 유형이 무엇인가요? 아래 항목에서 선택해 주세요.
중복 선택 가능 *
ME
🤔
NEWBIRD
프로젝트 예산은 어느 정도로 예상하시나요? 아래 항목에서 선택해 주세요.
ME
🤔
NEWBIRD
원하시는 진행 일정이 있으실까요? 편하신 기간을 선택해 주세요. 또는 직접입력도 가능해요.
프로젝트 일정 *
ME
🤔
NEWBIRD
마지막으로 의뢰자와 프로젝트 정보를 알려주세요. *표시는 필수로 입력하셔야 하는 항목이에요.
개인정보처리방침
  • 개인정보 수집이용에 대한 동의

    회원님의 소중한 개인정보는 다음과 같은 정책에 따라 수집 및 이용됩니다. 뉴버드는 해당 목적에 관련되는 개인정보만을 수집하며, 수집된 정보를 투명하고 안전하게 보호 관리할 것을 약속합니다. 이에 개인정보 수집 및 이용에 대한 동의를 구합니다.

  • 개인정보의 수집·이용 목적

    프로젝트 문의에 대한 견적, 기간, 개발 등의 문의에 대한 정보가 보다 정확한 답변을 위해 수집됩니다.

  • 수집항목
    • 필수항목: 회사명, 성함, 연락처, 이메일 주소, 프로젝트 설명(문의 내용)
    • 선택항목: 직함, 홈페이지 URL, 첨부파일(파일 내 포함된 개인정보 포함)
  • 보유이용기간

    원칙적으로, 개인정보 수집 및 이용목적이 달성된 후에는 해당 정보를 지체 없이 파기합니다. 단, 다음의 정보에 대해서는 아래의 이유로 명시한 기간 동안 보존합니다.

    • 보존 이유 : 회원님의 동의를 통한 정보 유지
    • 보존 기간 : 회원정보 삭제 요청시까지
  • 기타

    현 개인정보처리방침은 2019년 05월 01일부터 적용되며, 법령, 정책 또는 보안기술의 변경에 따라 내용의 추가, 삭제 및 수정이 있을 시에는 변경사항 시행일의 7일 전부터 홈페이지를 통해 고지 할 것입니다.

    • 시행일자 : 2019년 05월 01일
    • 개인정보처리방침 버전 : version 1.0.0
SUBMITTED
프로젝트 의뢰가 완료 되었습니다. 

보내주신 내용은 빠르게 검토하여 남겨주신 번호로 연락드리겠습니다.

히어로 텍스트 이미지 배너 플로팅 이미지
히어로 텍스트 이미지 배너 플로팅 이미지
  • CLIENT

    COPAN GLOBAL

  • PRODUCTION

    NEWBIRD 로고
withmuu 로고 WEB AWARD 로고
[OVERVIEW]

전 세계 K-POP 팬을 위한 글로벌 팬몰로 음반·굿즈를 직관적인 네비게이션과 감각적인 디자인을 통해 쉽고 즐겁게 쇼핑할 수 있도록 리뉴얼되었습니다. 이번 개편으로 단순한 상품 판매를 넘어 아티스트와 감정을 공유하는 몰입감 있는 쇼핑 경험을 제공합니다.

  • DATE

    2022.04

  • SERVICE

    UI/UX Design Development MarkUp

  • CATEGORY

    Entertainment

Design keyword

굿즈 쇼핑은 단순한 구매가 아니라, 팬과 아티스트가 감정을 나누는 특별한 경험의 순간입니다. 위드뮤는 팬덤 문화의 고유한 가치를 이해하고 감성을 세심하게 담아, 접속부터 구매에 이르기까지의 과정에서 아티스트와 연결되는 듯한 설렘과 즐거움을 전달하는 공간이어야 합니다.

  • 몰입감 있는
    팬 감성을 세심하게 이해하는
    신뢰할 수 있는 큐레이션
  • 즐거운 팬 커뮤니티
    설레는 쇼핑경험
    즐거운 팬 커뮤니티
  • 민감한
    감각적인 비주얼 연출
    마음을 사로잡는 스토리텔링
Brand core
  • MUSE

    자랑스러운 대한민국 문화, 세계로 향하는 키워드

    KOREAN WAVE
  • CONTACT

    친근하고 다양한 세계를 선사하는 파트너의 마음

    PLATFORM SERVICE
  • FANDOM

    기쁨과 열정을 넘어, 함께 성장하는 새로운 여정

    CONSUMER
with mu u
with mu u
우리(US) 우리의 아티스트(MUSE) 잇는 연결 ‘마음(DOT)’ 들이 모여 만드는 더 새로운 흐름.
WITHMUU는 K-CULTURE를 전 세계로 이끄는‘아티스트(MUSE)’ 그들을 응원하고 함께 나아가는 존재인 ‘우리(US)’가 언제나 이어져있다는 의미를 담습니다. (주)코팬글로벌은 과거부터 현재까지 많은 아티스트와 팬덤의 연결 고리로 WITHMUU를 통해 그 역할을 더욱 가까이에서 실현합니다.
Graphic motif

그래픽 모티브는 위드뮤의 로고에서 착안한 라인과 도트로, 아티스트(MUSE)우리(US)를 잇는 마음(점,dot)들을 통해 언제나 연결되어 있음을 표현합니다. 이는 WITHMUU가 추구하는 친근하면서도 통통 튀는 듯한 이미지를 연상 시킵니다.

  • Color

    메인 컬러는 창의적인 열정을 뜻하는 PURPLE과 젊음과 도전을 의미하는 GREEN을 사용하며 각자가 지닌 의미를 두 가지 컬러의 혼합을 통해 muse와 us의 조화와 융합을 나타냅니다.

    • WITH MUU purple

      #6255F6 C80 M70 Y0 K0 R98 G85 B246

      WITH MUU green

      #74E88B C53 M0 Y60 K0 R116 G232 B139

    • WITH MUU Gradient
  • Font

    위드뮤의 친근하면서도 통통 튀는 듯한 이미지를 표현하기 위해 영문 폰트는 둥근 형태의 Nunito를 사용했으며, 국문 폰트는 가독성이 뛰어난 Noto sans kr을 사용했습니다.

    • 국문Noto sans kr
      • BLACK
      • BOLD
      • MEDIUM
      • REGULAR
      • LIGHT
      • THIN

    • 영문NUNITO
      • BLACK
      • BOLD
      • REGULAR

  • Icon

    아이콘에 dot을 추가하여 요소 간의 연결성을 강조하고, 전체적으로 균형 잡힌 흐름을 표현했으며, dot은 위드뮤만의 개성을 담아 아이콘 전반에 친근하고 경쾌한 분위기를 더해줍니다.

Main

굿즈 구매가 주요 방문 목적임을 고려해 상단에 핵심 정보를 배치하고, 하단에는 관련 콘텐츠를 구성했습니다.
또한 좌측 사이드 네비게이션을 통해 주요 메뉴 접근성을 강화했습니다.

아티스트와 관중이 하나가되는 무대의 이미지
위드뮤 홈페이지가 띄워진 노트북 이미지
  • 위드뮤 홈페이지가 띄워진 PC 이미지
  • 위드뮤 홈페이지가 띄워진 핸드폰 이미지
Product

굿즈 상품의 상태를 한눈에 확인할 수 있는 뱃지와 세분화된 카테고리 분류, 아티스트·제품별 상세 필터 기능 등 팬몰의 특성을 반영한 UX설계를 통해 편의성을 증대시켰습니다.

위드뮤 홈페이지가 띄워진 노트북 이미지
  • 위드뮤 홈페이지 이미지 위드뮤 홈페이지 이미지
  • 위드뮤 홈페이지 이미지 위드뮤 홈페이지 이미지
Global Connection

글로벌 시장을 겨냥한 팬몰로서, 다양한 언어를 지원하고 언어 변경 시에도 일관된 인터페이스를 유지할 수 있도록 확장성을 고려한 레이아웃으로 설계했습니다.

  • 영문의 위드뮤 홈페이지가 띄워진 핸드폰 이미지

    EN

  • 일문의 위드뮤 홈페이지가 띄워진 핸드폰 이미지

    JP

  • 국문의 위드뮤 홈페이지가 띄워진 핸드폰 이미지

    KR

  • 중문의 위드뮤 홈페이지가 띄워진 핸드폰 이미지

    CN

영문의 위드뮤 홈페이지가 띄워진 기기들의 이미지
Artist page

별도의 아티스트를 선택하여 관련 굿즈만 볼 수 있는 아티스트 페이지 구성을 통하여, 사용자가 관심 있는 아티스트의 굿즈를 효율적으로 탐색할 수 있는 사용자 중심의 인터페이스를 구현했습니다.

  • 아티스트 썸네일 이미지
    아티스트 썸네일 이미지
    아티스트 썸네일 이미지
    아티스트 썸네일 이미지
    아티스트 썸네일 이미지
    아티스트 썸네일 이미지
    아티스트 썸네일 이미지
    아티스트 썸네일 이미지
  • 아티스트 썸네일 이미지
    아티스트 썸네일 이미지
    아티스트 썸네일 이미지
    아티스트 썸네일 이미지
    아티스트 썸네일 이미지
    아티스트 썸네일 이미지
    아티스트 썸네일 이미지
    아티스트 썸네일 이미지
    아티스트 썸네일 이미지
    아티스트 썸네일 이미지
위드뮤 홈페이지가 띄워진 핸드폰 이미지
Purchase goods

굿즈 상품의 주문부터 결제 완료까지 전 과정을 아이콘 등 시각 요소를 활용하고, 명확하고 체계적인 시각적 계층 구조를 구축하여 사용자가 필요한 정보를 쉽고 빠르게 파악할 수 있도록 하였습니다. 이를 통해 구매 절차를 효율적이고 매끄럽게 지원합니다.

위드뮤 홈페이지가 띄워진 노트북 이미지
위드뮤 로고와 무대 이미지
위드뮤 홈페이지가 띄워진 핸드폰 이미지
위드뮤 홈페이지가 띄워진 핸드폰과 태블릿PC 이미지

WITH MUU

  • E/M COMMERCE DEV

INFORMATION

  • CATEGORY

    ENTERTAINMENT E-COMMERCE

  • PRODUCTION

    NEWBIRD

CREDIT

  • PROJECT MANAGER

    KIM DA HEE

  • PLANNING

    KIM HA NEUL JANG JI SU

  • CREATIVE DIRECTOR

    SONG JI SU

  • UI/UX DESIGNER

    KIM MIN GYU LEE JONG CHUL

  • WEB PUBLISHER

    SHIN BUM SUN LEE YOUNG HO

  • DEVELOPER

    KIM JU YEONG LEE JAE E

  • The seagull who flies highestsees the farthest