---
title: CALLAWAY COLLECTIONスペシャルサイト
description: 紙媒体のカタログデザインを踏襲しつつ、画面を大きく使ったWEBならではの演出で新製品の魅力を訴求するデザインを目指しました。
---

[実績一覧｜デフィデ株式会社 - DEFiDE inc. ](https://www.defide-ix.com/portfolio)

# [CALLAWAY COLLECTIONスペシャルサイト](https://www.defide-ix.com/portfolio/callaway-collection/)

 作成者: [根本 泰成](https://www.defide-ix.com/portfolio/author/taisei-nemoto)｜Jun 9, 2015 3:00:00 PM

紙媒体のカタログデザインを踏襲しつつ、画面を大きく使ったWEBならではの演出で新製品の魅力を訴求するデザインを目指しました。

 

## 01 紙媒体とWEBのデザインを統一

新製品の「CALLAWAY COLLECTION」のスペシャルサイトを制作いたしました。  
ご依頼いただくに当たり、紙媒体のカタログと統一したデザインでWEBサイトを展開したいとご要望をいただきました。カタログのデザインを踏襲しつつも、WEB媒体ならではの機能を活かしたサイトデザインを実現しました。

 

## 02 画面を大きく使い製品の魅力に焦点をあてた、デザインと機能性を損なわないUIの実現

キャロウェイゴルフ様のカタログの製品写真は1点1点がとても存在感があります。  
これを効果的に活かすため、画面一杯にスペースをとり、製品の魅力を全面に押し出したデザインを追求しました。  
シングルページで構成しているためページがどうしても長くなってしまいます。しかし、スクロールを半自動化することでコンテンツの遷移を容易にし、ユーザー体験の損なうことのないUIを実現しております。

[完全な記事を表示](https://www.defide-ix.com/portfolio/callaway-collection/)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "根本 泰成"
  },
  "dateModified" : "2026-05-23T07:02:38.756Z",
  "datePublished" : "2015-06-09T15:00:00Z",
  "headline" : "CALLAWAY COLLECTIONスペシャルサイト",
  "image" : {
    "@type" : "ImageObject",
    "height" : 1060,
    "url" : "https://22128465.fs1.hubspotusercontent-na1.net/hubfs/22128465/DEFiDE%20Official%20Site/portfolio/callaway-collection.png",
    "width" : 2000
  },
  "mainEntityOfPage" : "https://www.defide-ix.com/portfolio/callaway-collection/",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
      "width" : 60
    },
    "name" : "Official Site - 実績"
  }
}
```