Logo
  • About
  • Featured
  • Work

Quick Scroll Menu

Intro
Hero
Live Preview
Summary
Solution
Live Page
About
Projects
Contact
Impact
Design Outcomes
  • MAKE4U
    MAKE4U
  • ZimGo
    ZimGo
  • ShipGo
    ShipGo
  • Tradlinx
    Tradlinx
  • Blog
    Blog
  • choco
    choco
C
S

choco Logo

Entertainment company choco's teaser site

Work
브랜드 무드와 모션 인터랙션까지 구현한 티저 마이크로사이트
2019
Role
UX Planning(100%)ㆍUI Design(100%)ㆍPublishing(100%)
Platform
WebㆍMobileㆍResponsive
choco logo
DRED logo
FlyingLab logo
캐릭터
Dark Mode

choco is


나의 고민이 아닌 우리의 고민을 함께하는, 완성도 높은 음악으로 울림 있는 메시지를 전달하는, 기존 문화에 속하지 않고 스스로의 문화를 만드는, 글로벌 시장에 최적화된 시스템을 가진,

We make things possible.

We think together, work together, and move forward together.

We create our own culture rather than following one.

Summary

신생 엔터테인먼트 회사의 정식 오픈 전 티저 사이트

로고 중심의 원페이지 구성과 애니메이션·비주얼 이펙트로 시각적 몰입도를 높여,

짧은 체류 시간에도 강한 인상을 남기도록 설계했습니다.

choco website
Project Goal

시선을 사로잡을 수 있는 로고 중심의 원페이지 제작.

첫 인상을 강하게 하여 기억에 남는 디자인을 목표로 콘텐츠가 많지 않은 상황에서도 화면이 비어 보이지 않도록

시각적 리듬과 전환감을 중심으로 구성하고, 핵심 메시지는 최소한으로 유지하며

모션과 오브젝트로 몰입감을 보완했습니다.

  • 오디션 중이라 급하게 회사의 티저 페이지가 필요해요.
  • 이름을 각인시켜야 해서 로고가 크게 들어갔으면 좋겠어요!
  • 내용이 많지 않아 다소 심심해 보일까 걱정이에요.
  • 정책이 바뀔수도 있어서 너무 많거나 디테일한 내용이 들어가면 안될 것 같아요.
choco website

About choco


  • FlyingLab

    작사/작곡/프로듀싱/A&R 연동 프로그램

    해외 프로덕션 연계 및 송캠프

    작곡가 육성 플랫폼

  • choco
    감각적인 사람들이 모여 국제적인 수준의 퀄리티를 뽑아내는 choco
  • Dred Alliance

    국내외 아티스트 퍼포먼스 콘텐츠 제작

    퍼포먼스 아티스트 레이블

Who We Are
  • 아티스트 육성 시스템의 개량화를 최우선으로 합니다.
  • 트렌드보다는 개인의 콘텐츠 개성 구축을 최우선으로 합니다.
  • 끊임없는 노력과 인간성 구축을 최우선으로 합니다.

OUR PROJECT

People from various backgrounds develop new ideas everyday.

  • China Academy Exchange Program

    해외K-POP 아카데미 교환 프로그램

    각 분야의 최고의 전문가들이 이끄는 체계적인 K-pop 아티스트 육성 시스템 기획

  • Concert Investment

    국내외 대형 공연 투자

    국내외 아티스트 및 음악 프로그램의 해외 공연 기획 및 투자

  • Audition

    국내외 오디션 진행

    국내 전 지역과 중화권, 영미권 등에서의 글로벌 오디션 진행

  • Projects with multiple labels and channels

    다양한 레이블, 채널과의 협업 프로젝트

    최고 수준의 국내외 통합 관리 프로덕션 시스템 바탕으로 다양한 장르의 음원 제작

    KPOP 중심의 다양한 미디어 컨텐츠 제작 및 유통 환경 구축

Ready to join us?

choco에서는 다양한 분야에서의 좋은 아티스트 및 파트너를 기다립니다.

오디션, 기타 제안 사항이 있으시면 언제든 문을 두드려 주세요.

Design Outcomes

브랜드 첫 인상을 강화하는 로고 중심 티저 원페이지를 구현

콘텐츠는 최소화하고, 모션·비주얼 요소를 활용해 짧은 체류 시간에도 인상이 남도록 구성했으며,

스크롤 흐름을 기준으로 섹션 전환과 인터랙션을 자연스럽게 연결했습니다.

로고 중심 비주얼 구조
  • 로고 애니메이션을 핵심 포인트로 사용해 브랜드 인상을 강화
  • 첫 섹션과 마지막 섹션에 로고를 반복 노출해 메시지를 자연스럽게 각인
모션 기반 인터랙션 경험
  • 섹션별 애니메이션으로 자연스러운 전환 흐름을 구성
  • 과하지 않게 포인트만 살아나는 효과로 몰입감을 강화
반응형 대응 완성도
  • 데스크톱·모바일 모두 동일한 흐름으로 경험하도록 정리
  • 해상도에 따라 비주얼 요소가 깨지지 않도록 레이아웃을 조정
프로젝트 소개형 섹션 구성
  • 핵심 메시지가 빠르게 전달되도록 섹션 구조를 단순화
Gangnam-daero, Gangnam-gu, Seoul
uxjoong@gmail.com
Made by Joong, 2025