snug© Insight

Work / Web & App

T MARKER

티 높이를 맞춰 주는 볼마커를, 검정 무대 위 빨간 제품 한 개로 소개하고 라인업 · 주문까지 잇는 브랜드 · 쇼핑 사이트입니다.

Client
디앤아이코퍼레이션 · 티마커
Category
골프 용품 · 볼마커
Service
Website · 기획 · 디자인 · 구축
Platform
아임웹 · 반응형 PC / 모바일
T MARKER — 대표 장면

overview

검정 무대 위, 빨간 제품 하나

첫 화면에는 「골프는 섬세한 스포츠입니다. 그렇기에 당신에겐 파트너가 필요합니다」 두 줄과 빨간 티마커 한 개만 두었습니다. 우드티를 꽂고 높이를 맞춰 주는 처음 보는 물건이라, 무엇인지부터 사진으로 보이게 했습니다.

design

검정 바탕, 금빛 글자, 제품의 빨강

바탕은 검정 한 가지로 깔고, 메뉴와 단추 글자는 차분한 금빛으로 맞췄습니다. 색은 제품이 가져오게 두었습니다 — 화면에서 가장 밝은 것은 늘 제품입니다. 브랜드 아이덴티티(로고 · 색)는 스너그가 함께 만든 티마커 가이드를 따랐습니다.

  • Black #050505 바탕
  • Gold #B09878 메뉴 · 단추 글
  • Product Red #7E0C2A 제품 사진
  • TMARKER 워드마크
  • 가나다 고딕 — 제목 · 본문

pages

브랜드 이야기에서 라인업 · 주문까지

BRAND(브랜드 · 제품 · 개발 이야기, 다마스커스), SHOP(나만의 티높이 · 올패스 · 캐릭터 · 주문제작 등 라인업), COMMUNITY, CONTACT 네 갈래로 나눴습니다. 처음 온 골퍼는 이야기를, 다시 온 골퍼는 라인업을 바로 찾게 했습니다.

T MARKER — 브랜드 이야기에서 라인업 · 주문까지
T MARKER — 브랜드 이야기에서 라인업 · 주문까지
T MARKER — 브랜드 이야기에서 라인업 · 주문까지
T MARKER — 브랜드 이야기에서 라인업 · 주문까지

mobile

휴대폰에서도 제품이 먼저

휴대폰에서는 메뉴를 네 칸 한 줄로 접고, 첫 화면의 두 줄 문장과 제품 사진을 그대로 세로로 이었습니다.

T MARKER — 휴대폰에서도 제품이 먼저
T MARKER — 휴대폰에서도 제품이 먼저
Client
디앤아이코퍼레이션
Brand Identity
snug
Design
snug
Build
snug — 아임웹

More Web & App