---
title: おいしい北海道 - 12Grid
description: 株式会社12Gridの制作事例「おいしい北海道」をご紹介します。
image: https://12grid.co.jp/hubfs/works-keyvisual/oishii-hokkaido.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 制作実績

おいしい北海道

2023/03/01

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

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

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

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

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

 イベントの活気と楽しさが伝わるよう、色鮮やかな配色と大胆なビジュアルを採用し、訪れた瞬間から賑やかさを感じてもらえるようなデザインを心がけました。写真やイラストを効果的に配置し、イベントの雰囲気をビジュアルで表現することで、訪問者に期待感を持たせています。

 参加者が求める情報にすぐにアクセスできるよう、直感的に操作できるナビゲーションとシンプルなページ構造を採用しました。イベントのフードやドリンクのメニューなど、訪問者が気になる情報を見つけやすく整理し、スムーズにページを移動できるよう工夫しています。

 クライアントが簡単にコンテンツの更新や追加を行えるよう、WordPressを組み込んでいます。イベント情報、ニュースなどに関して、迅速に更新できる仕組みにしています。また、アクセスが集中することが見込まれるため、負荷を分散する仕組みを用意しています。

 直感的に操作できるシンプルなページ構造

- CLIENT
  
  北海道新聞社
- MEMBER
  
  Director
  
  KON Masato
  
  
  
  Designer
  
  OGURA Keisuke
  
  
  
  Coding
  
  KON Masato
  
  
  
  Coding
  
  OGURA Keisuke
  
  
  
  System
  
  KON Masato
  
  
  
  SNS
  
  KON Masato

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

### PICKUP

[北海バネ株式会社

2024/06/01

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

「わかりやすさ」を意識したデザイン

](https://12grid.co.jp/works/hokkai-bane)

Webサイト制作

Webデザイン

フロントエンド開発

BtoB Webマーケティング

[全国菓子大博覧会

2024/04/24

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

親しみやすさと認知度を高める工夫

](https://12grid.co.jp/works/confectionery-exhibition)

Webサイト制作

Webデザイン

フロントエンド開発

- [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:16.414Z",
  "datePublished" : "2025-01-07T15:00:00.000Z",
  "headline" : "おいしい北海道 - 12Grid",
  "image" : [ "https://12grid.co.jp/hubfs/works-keyvisual/oishii-hokkaido.png" ],
  "mainEntityOfPage" : {
    "@id" : "https://12grid.co.jp/works/oishii-hokkaido",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : "https://12grid.co.jp/hubfs/header_logo.png"
    },
    "name" : "12Grid"
  }
}
```