---
title: 比布町 楽天ふるさと納税 - 12Grid
description: 株式会社12Gridの制作事例「比布町 楽天ふるさと納税」をご紹介します。
image: https://12grid.co.jp/hubfs/works-keyvisual/pippu.png
---

# [![株式会社12Grid](https://12grid.co.jp/hubfs/header_logo.png) ](https://12grid.co.jp/)

- [会社概要 会社概要 ](https://12grid.co.jp/about/)
- [サービス一覧 サービス一覧 ](https://12grid.co.jp/service/)
- [制作実績 制作実績 ](https://12grid.co.jp/works/)
- [お問い合わせ お問い合わせ ](https://12grid.co.jp/contact/)

- [RECRUITMENT採用情報](https://12grid.co.jp/recruitment/)
- [PARTNERパートナー募集](https://12grid.co.jp/partner/)

## WORKS 制作実績

比布町 楽天ふるさと納税

2024/08/24

![pippu](https://12grid.co.jp/hubfs/works/pippu.png)

![](https://12grid.co.jp/hubfs/works/pippu_pc1.png)

![](https://12grid.co.jp/hubfs/works/pippu_pc2.png)

![](https://12grid.co.jp/hubfs/works/pippu_sp1.png)

![](https://12grid.co.jp/hubfs/works/pippu_sp2.png)

 ふるさと納税を訴求するランディングページです。

 比布町が故郷である「ゆめぴりか」をメインに、比布町の特産品の魅力を伝えることを目的として、自然豊かでのどかな町のイメージに合うデザインを心掛けました。  
「ゆめぴりかのふるさと」というキャッチフレーズから、お米をイメージさせる色と緩やかな曲線を用いて、柔らかく優しい雰囲気で構成しています。  
また幅広い年齢層をターゲットとするため、使いやすさを意識し、ボタンやバナーを明確にしています。

 楽天モールの構造とカスタムを意識しています。同様のサイトの構造を意識しながらも、商材と地域の空気感をあらわす親しみやすいレイアウトで設計しています。

 年齢やリテラシーに関わらず、誰でも迷わず使えるように、ナビゲーションやCTAの配置を工夫しました。必要な情報にスムーズにアクセスできるように、ページの流れや要素の整理を徹底し、訪問者が直感的に行動を起こせるように配慮しています。

 デザイン、コーディングの完成後、楽天のECシステムに組み込んでいます。

 ふるさと納税を訴求するランディングページ

- CLIENT
  
  北海道新聞社
  
  
  
  [https://www.rakuten.ne.jp/gold/f014559-pippu/](https://www.rakuten.ne.jp/gold/f014559-pippu/)
- MEMBER
  
  Director
  
  KON Masato
  
  
  
  Designer
  
  INAGE Yukika
  
  
  
  Coding
  
  SUGAWARA Kengo
  
  
  
  EC
  
  SUGAWARA Kengo

- [ECサイト構築／運営](https://12grid.co.jp/works/?tag=ecサイト構築運営)
- [Webサイト制作](https://12grid.co.jp/works/?tag=webサイト制作)
- [Webデザイン](https://12grid.co.jp/works/?tag=webデザイン)
- [フロントエンド開発](https://12grid.co.jp/works/?tag=フロントエンド開発)

### PICKUP

[PUMA. AT WORK.

2024/06/21

![puma-at-work](https://12grid.co.jp/hubfs/works-keyvisual/puma-at-work.png)

シンプルで洗練されたデザイン

](https://12grid.co.jp/works/puma.-at-work)

ECサイト構築／運営

Webサイト制作

Webデザイン

フロントエンド開発

[NORTH DISH

2023/04/01

![northdish](https://12grid.co.jp/hubfs/works-keyvisual/northdish.png)

北海道のこだわりの一品を産地直送

](https://12grid.co.jp/works/north-dish)

自社サービス

- [TOP](https://12grid.co.jp/)
- [ WORKS ](https://12grid.co.jp/works/)
- 比布町 楽天ふるさと納税

- [会社概要 会社概要 ](https://12grid.co.jp/about/) 
    - [理念 理念 ](https://12grid.co.jp/about/philosophy/)
    - [スタッフ紹介 スタッフ紹介 ](https://12grid.co.jp/staff/)
- [サービス サービス ](https://12grid.co.jp/service/) 
    - [Webサイト制作 Webサイト制作 ](https://12grid.co.jp/service/website/)
    - [Webデザイン Webデザイン ](https://12grid.co.jp/service/web-design/)
    - [フロントエンド開発 フロントエンド開発 ](https://12grid.co.jp/service/frontend/)
    - [バックエンド開発 バックエンド開発 ](https://12grid.co.jp/service/backend/)
    - [BtoB Webマーケティング BtoB Webマーケティング ](https://12grid.co.jp/service/b2b/)
    - [ECサイト構築／運営 ECサイト構築／運営 ](https://12grid.co.jp/service/ec/)
    - [VR・AR事業 VR・AR事業 ](https://12grid.co.jp/service/vr-ar/)
    - [グラフィックデザイン グラフィックデザイン ](https://12grid.co.jp/service/graphic/)
    - [自社サービス 自社サービス ](https://12grid.co.jp/service/in-house/)
- [制作実績 制作実績 ](https://12grid.co.jp/works/) 
    - [Webサイト制作 Webサイト制作 ](https://12grid.co.jp/works/?tag=webサイト制作)
    - [Webデザイン Webデザイン ](https://12grid.co.jp/works/?tag=webデザイン)
    - [フロントエンド開発 フロントエンド開発 ](https://12grid.co.jp/works/?tag=フロントエンド開発)
    - [バックエンド開発 バックエンド開発 ](https://12grid.co.jp/works/?tag=バックエンド開発)
    - [BtoB Webマーケティング BtoB Webマーケティング ](https://12grid.co.jp/works?tag=btob-webマーケティング)
    - [ECサイト構築／運営 ECサイト構築／運営 ](https://12grid.co.jp/works?tag=ecサイト構築運営)
    - [VR・AR事業 VR・AR事業 ](https://12grid.co.jp/works?tag=vr-ar事業)
    - [グラフィックデザイン グラフィックデザイン ](https://12grid.co.jp/works/?tag=グラフィックデザイン)
    - [自社サービス 自社サービス ](https://12grid.co.jp/works/?tag=自社サービス)
- [ニュース ニュース ](https://12grid.co.jp/news/)[トピックス トピックス ](https://12grid.co.jp/topics/) [スタッフブログ スタッフブログ ](https://blog.12grid.co.jp/)

[RECRUITMENT採用情報](https://12grid.co.jp/recruitment/)

[PARTNERパートナー募集](https://12grid.co.jp/partner/)

[CONTACTお問い合わせ](https://12grid.co.jp/contact/)

TEL

[011-206-1890](tel:0112061890)

受付時間　平日10:00〜19:00

株式会社トゥエルブグリッド

札幌オフィス

〒060-0031

 北海道札幌市中央区北1条東1丁目6-5   
 札幌イーストスクエア 3F

東京オフィス

〒105-0022

 東京都港区海岸1丁目２−３  
 汐留芝離宮ビルディング 21階

[プライバシーポリシー プライバシーポリシー ](https://12grid.co.jp/privacy-policy/)

Copyright © 2025 12Grid All Rights Reserved.

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "12Grid",
    "url" : "https://12grid.co.jp/works/author/12grid"
  },
  "dateModified" : "2025-07-04T09:49:33.907Z",
  "datePublished" : "2025-01-21T15:00:00.000Z",
  "headline" : "比布町 楽天ふるさと納税 - 12Grid",
  "image" : [ "https://12grid.co.jp/hubfs/works-keyvisual/pippu.png" ],
  "mainEntityOfPage" : {
    "@id" : "https://12grid.co.jp/works/pippu",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : "https://12grid.co.jp/hubfs/header_logo.png"
    },
    "name" : "12Grid"
  }
}
```